@extends('layouts.profile')

@section('profile_content')

        <h3 class="mt-5">{{ __('dashboard.account.label') }}</h3>

        <form method="POST" action="{{ route('dashboard.saveAccountData', app()->getLocale()) }}" class="accountData">
            @csrf

            @if(session()->has('message'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>{{ session()->get('message') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @foreach ($accountData as $key => $value)
            @if($loop->index == 0)
                <div class="form-group">
                    <label for="{{ $key }}" class="bmd-label-floating">{{ __( $accountDataTitle[$loop->index] ) }}</label>
                    <input id="{{ $key }}" type="email" class="col-md-12 form-control @error($key) is-invalid @enderror" name="{{ $key }}" value="{{ $value }}" autocomplete="false" disabled>
                    @error($key)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            @elseif($loop->index == 1 && Session::get('user')['justSocial'] == true) {{-- User logged in with social only - hidden password field --}}
            @else
                <div class="form-group">
                    <label for="{{ $key }}" class="bmd-label-floating">{{ __( $accountDataTitle[$loop->index] ) }}</label>
                    <input id="{{ $key }}" type="password" class="col-md-12 form-control @error($key) is-invalid @enderror" name="{{ $key }}" value="" autocomplete="false">
                    @error($key)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            @endif
            @endforeach

            <div class="form-group text-center mt-5">
                <button type="submit" class="btn btn-primary w-100">{{ __('button.changeData') }}</button>
            </div>
        </form>

        <form method="POST" action="{{ route('login', app()->getLocale()) }}" id="thirdPartyRemoveFrom" class="thirdPartyRemove">
            @csrf

            @foreach ($loginsvalue as $key => $value)
                @if ($value === true)
                    <h3 class="mt-5">{{ __('dashboard.account.3rdPartyRemoveTitle') }}</h3>
                    <p>{{ __('dashboard.account.3rdPartyRemoveDescription') }}</p>
                    @break
                @endif
            @endforeach

            <div class="alert alert-success alert-dismissible fade show d-none" role="alert" name="successMessageDiv">
                <strong name="successMessage"></strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="alert alert-warning alert-dismissible fade show d-none" role="alert" name="warningMessageDiv">
                <strong name="warningMessage"></strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <input type="hidden" id="SuccessMessageHInput" name="SuccessMessageHInput" value="{{ __('dashboard.account.3rdPartyRemoveSuccessMessage')  }}">
            <input type="hidden" id="FailedMessageHInput" name="FailedMessageHInput" value="{{ __('dashboard.account.3rdPartyRemoveFailedMessage') }}">
            @foreach ($loginsvalue as $key => $value)
                @if ($value === true)
                    <div name="{{ $key . 'Div' }}">
                        <div  class="noti_slave d-flex justify-content-between">
                            <div class="font-weight-bold py-1">{{ $key }}</div>
                            <div > <i class="far fa-plus-square"></i></div>
                        </div>
                    </div>
                @endif
            @endforeach
            <div class="text-center del-div">
                <a class="del-text" href="{{ $deleteUrl['result']['deleteURL'] }}">{{ __('dashboard.account.accDelete') }}</a>
            </div>
            <div class="text-center del-desc">
                {{ __('dashboard.account.accDeleteNotReversible') }}
            </div>
        </form>
@endsection

@section('title')
{{ __('meta.title.account') }}
@endsection

@section('description')
{{ __('meta.description.account') }}
@endsection

@push('scripts')
<script>
    $( document ).ready(function() {
        if ($(window).width() < 576) {
            $('html, body').animate({
                scrollTop: $("h3").offset().top
            }, 1500);
        }
    });
</script>
@endpush