@extends('web_site.account.layout')

@php($profile = $user->patientProfile)

@section('account_title', trans('site.account.menu.settings'))

@section('account_content')
    {{-- Photo --}}
    <section class="account-card">
        <div class="settings-photo">
            @include('web_site.account.partials.avatar', ['user' => $user, 'size' => 88])
            <div class="flex-grow-1">
                <h2 class="account-card__title">{{ trans('site.settings.photo') }}</h2>
                <p class="small mb-0">{{ trans('site.settings.photo_hint') }}</p>
                @error('avatar')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>
            <form action="{{ route('account.settings.avatar') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <label class="booking-action booking-action--soft mb-0">
                    <i class="far fa-camera"></i> {{ trans('site.settings.change_photo') }}
                    <input type="file" name="avatar" accept="image/*" class="visually-hidden" onchange="this.form.submit()">
                </label>
            </form>
        </div>
    </section>

    {{-- Personal data --}}
    <form id="ProfileForm" action="{{ route('account.settings.update') }}" method="POST" class="account-card" novalidate>
        @csrf
        @method('PUT')
        <div class="account-card__head">
            <h2 class="account-card__title">{{ trans('site.settings.personal') }}</h2>
        </div>
        <div class="row">
            <div class="col-md-6 form-group">
                <label for="name" class="account-label">{{ trans('site.auth.name') }}</label>
                <input type="text" name="name" id="name" value="{{ old('name', $user->name) }}" autocomplete="name" class="form-control style2 @error('name') is-invalid @enderror" required>
                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 form-group">
                <label for="phone" class="account-label">{{ trans('site.auth.phone') }}</label>
                <input type="tel" name="phone" id="phone" value="{{ old('phone', $user->phone) }}" autocomplete="tel-national" dir="ltr" inputmode="numeric" class="form-control style2 @error('phone') is-invalid @enderror" required>
                @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 form-group">
                <label for="email" class="account-label">{{ trans('site.auth.email') }}</label>
                <input type="email" name="email" id="email" value="{{ old('email', $user->email) }}" autocomplete="email" dir="ltr" class="form-control style2 @error('email') is-invalid @enderror" required>
                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 form-group">
                <label for="address" class="account-label">{{ trans('site.settings.address') }}</label>
                <input type="text" name="address" id="address" value="{{ old('address', $user->address) }}" autocomplete="street-address" class="form-control style2 @error('address') is-invalid @enderror">
                @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4 form-group">
                <label for="date_of_birth" class="account-label">{{ trans('site.auth.birth_date') }}</label>
                <input type="date" name="date_of_birth" id="date_of_birth" value="{{ old('date_of_birth', $profile?->date_of_birth?->format('Y-m-d')) }}" max="{{ now()->subDay()->toDateString() }}" class="form-control style2 @error('date_of_birth') is-invalid @enderror">
                @error('date_of_birth')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4 form-group">
                <label for="gender" class="account-label">{{ trans('site.auth.gender') }}</label>
                <select name="gender" id="gender" class="form-select style2 @error('gender') is-invalid @enderror">
                    <option value="">{{ trans('site.medical_file.not_set') }}</option>
                    <option value="male" @selected(old('gender', $profile?->gender) === 'male')>{{ trans('site.auth.male') }}</option>
                    <option value="female" @selected(old('gender', $profile?->gender) === 'female')>{{ trans('site.auth.female') }}</option>
                </select>
                @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4 form-group">
                <label for="occupation" class="account-label">{{ trans('clinic.patient_profile.occupation') }}</label>
                <input type="text" name="occupation" id="occupation" value="{{ old('occupation', $profile?->occupation) }}" class="form-control style2 @error('occupation') is-invalid @enderror">
                @error('occupation')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 form-group">
                <label for="locale" class="account-label">{{ trans('site.settings.language') }}</label>
                <select name="locale" id="locale" class="form-select style2">
                    @foreach (LaravelLocalization::getSupportedLocales() as $code => $properties)
                        <option value="{{ $code }}" @selected(old('locale', $user->preferredLocale()) === $code)>{{ $properties['native'] }}</option>
                    @endforeach
                </select>
                <small class="text-muted d-block mt-1 px-2">{{ trans('site.settings.language_hint') }}</small>
            </div>
        </div>
        <button type="submit" class="vs-btn style2">{{ trans('site.settings.save') }} <i class="far fa-check"></i></button>
    </form>

    {{-- Password --}}
    <form id="PasswordForm" action="{{ route('account.settings.password') }}" method="POST" class="account-card" novalidate>
        @csrf
        @method('PUT')
        <div class="account-card__head">
            <div>
                <h2 class="account-card__title">{{ trans('site.settings.password_title') }}</h2>
                <p class="mb-0 mt-1 small">{{ trans('site.settings.password_hint') }}</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                @include('web_site.auth.partials.password', ['name' => 'current_password', 'placeholder' => trans('site.settings.current_password'), 'autocomplete' => 'current-password'])
            </div>
            <div class="col-md-4">
                @include('web_site.auth.partials.password', ['name' => 'password', 'placeholder' => trans('site.password.new_password'), 'autocomplete' => 'new-password'])
            </div>
            <div class="col-md-4">
                @include('web_site.auth.partials.password', ['name' => 'password_confirmation', 'placeholder' => trans('site.password.confirm_password'), 'autocomplete' => 'new-password'])
            </div>
        </div>
        <button type="submit" class="vs-btn style2">{{ trans('site.settings.change_password') }} <i class="far fa-key"></i></button>
    </form>
@endsection

@section('js')
    @include('partials.jsvalidation', ['request' => 'App\Http\Requests\Site\Account\UpdateProfileRequest', 'selector' => '#ProfileForm'])
    @include('web_site.auth.partials.password-toggle-js')
@endsection