@php
    use App\Models\District;
    use App\Helpers\FormHelper;
@endphp

@extends('layouts.dashboard.app')

@section('title')
    {{ __('pages.dashboard') }}
@endsection

@section('custom-body-attr')
    {!! 'class="g-sidenav-show bg-gray-100"' !!}
@endsection

@section('content')
    <div class="min-height-300 bg-primary position-absolute w-100"></div>
    @include('learner::layouts.aside')

    <div class="main-content position-relative h-100">
        @include('learner::layouts.navbar')

        {{ Form::open(array('route' => 'learner.update', 'method' => 'patch', 'role' => 'form', 'enctype' => 'multipart/form-data')) }}
        <div class="card shadow-lg mx-4">
            <div class="card-body p-3">
                <div class="row gx-4">
                    <div class="col-auto">
                        <div class="avatar avatar-xl position-relative">
                            <a href="javascript:void(0);">
                                <label class="form-label text-white m-1" for="user_photo"
                                       title="{{ __('pages.change_photo') }}">
                                    <img style="object-fit: cover;" src="{{ Auth::user()->photo() }}" alt="profile_image" class="w-100 border-radius-lg shadow-sm preview-image-zone">
                                </label>
                                <input type="file" class="form-control d-none with-preview @error('user_photo') is-invalid @enderror" id="user_photo" name="user_photo"/>
                            </a>
                        </div>
                    </div>
                    <div class="col-auto my-auto">
                        <div class="h-100">
                            <h5 class="mb-1">
                                {{ Auth::user()->data->first_name }} {{ Auth::user()->data->last_name }}
                            </h5>
                            <p class="mb-0 font-weight-bold text-sm">
                                {{ Auth::user()->email }}
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
{{--                        <div class="nav-wrapper position-relative end-0">--}}
{{--                            <ul class="nav nav-pills nav-fill p-1" role="tablist">--}}
{{--                                <li class="nav-item">--}}
{{--                                    <a class="nav-link mb-0 px-0 py-1 active d-flex align-items-center justify-content-center " data-bs-toggle="tab" href="javascript:;" role="tab" aria-selected="true">--}}
{{--                                        <i class="ni ni-app"></i>--}}
{{--                                        <span class="ms-2">App</span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                                <li class="nav-item">--}}
{{--                                    <a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center " data-bs-toggle="tab" href="javascript:;" role="tab" aria-selected="false">--}}
{{--                                        <i class="ni ni-email-83"></i>--}}
{{--                                        <span class="ms-2">Messages</span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                                <li class="nav-item">--}}
{{--                                    <a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center " data-bs-toggle="tab" href="javascript:;" role="tab" aria-selected="false">--}}
{{--                                        <i class="ni ni-settings-gear-65"></i>--}}
{{--                                        <span class="ms-2">Settings</span>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid py-4">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header pb-0">
                            <div class="d-flex align-items-center">
                                <p class="mb-0">Editeaza profilul</p>
                                <button class="btn btn-primary btn-sm ms-auto">Salveaza</button>
                            </div>
                        </div>
                        <div class="card-body">
                            <p class="text-uppercase text-sm">User Information</p>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.first_name') }}</label>
                                        <input name="first_name" class="form-control @error('first_name') is-invalid @enderror" type="text" value="{{ Auth::user()->data->first_name ?? '' }}">
                                        <div class="invalid-feedback">{{ $errors->first('first_name') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.last_name') }}</label>
                                        <input name="last_name" class="form-control @error('last_name') is-invalid @enderror" type="text" value="{{ Auth::user()->data->last_name ?? '' }}">
                                        <div class="invalid-feedback">{{ $errors->first('last_name') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.email') }}</label>
                                        <input name="email" class="form-control @error('email') is-invalid @enderror" type="email" value="{{ Auth::user()->email ?? '' }}">
                                        <div class="invalid-feedback">{{ $errors->first('email') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.place_of_activity') }}</label>
                                        <input name="place_of_activity" type="text" class="form-control @error('place_of_activity') is-invalid @enderror"
                                               value="{{ Auth::user()->data->place_of_activity ?? '' }}"
                                               placeholder="Loc de activitate" aria-label="Loc de activitate" maxlength="100">
                                        <div class="invalid-feedback">{{ $errors->first('place_of_activity') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.birthday') }}</label>
                                        <input name="birthday" type="date" class="form-control @error('birthday') is-invalid @enderror"
                                               value="{{ Auth::user()->data->birthday ?? '' }}"
                                               placeholder="Ziua, Luna, Anul Nasterii" aria-label="Ziua, Luna, Anul Nasterii">
                                        <div class="invalid-feedback">{{ $errors->first('birthday') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.sex') }}</label>
                                        <select name="sex" class="selectpicker @error('sex') is-invalid @enderror" aria-label="Sexul"
                                                data-width="100%" title="Sexul">
                                            <option value="1"  {{ Auth::user()->data->sex == 1 ? 'selected' : '' }}>{{ __('pages.male') }}</option>
                                            <option value="2"  {{ Auth::user()->data->sex == 2 ? 'selected' : '' }}>{{ __('pages.female') }}</option>
                                        </select>
                                        <div class="invalid-feedback">{{ $errors->first('sex') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.idnp') }}</label>
                                    <input name="idnp" type="text" class="form-control form-control-md @error('idnp') is-invalid @enderror"
                                           value="{{ auth()->user()->data->idnp }}"
                                           placeholder="{{ __('pages.idnp') }}" aria-label="{{ __('pages.idnp') }}">
                                    <div class="invalid-feedback">{{ $errors->first('idnp') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.issue_authority') }}</label>
                                    <input name="issue_authority" type="text" class="form-control form-control-md @error('issue_authority') is-invalid @enderror"
                                           value="{{ auth()->user()->userData->issue_authority }}"
                                           placeholder="{{ __('pages.issue_authority') }}"
                                           aria-label="{{ __('pages.issue_authority') }}">
                                    <div class="invalid-feedback">{{ $errors->first('issue_authority') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.issue_date') }}</label>
                                    <input name="issue_date" type="date" class="form-control form-control-md @error('issue_date') is-invalid @enderror"
                                           value="{{ auth()->user()->userData->issue_date }}"
                                           placeholder="{{ __('pages.issue_date') }}" aria-label="{{ __('pages.issue_date') }}">
                                    <div class="invalid-feedback">{{ $errors->first('issue_date') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.address') }}</label>
                                    <input name="address" type="text" class="form-control form-control-md @error('address') is-invalid @enderror"
                                           value="{{ auth()->user()->userData->address }}"
                                           placeholder="{{ __('pages.address') }}"
                                           aria-label="{{ __('pages.address') }}">
                                    <div class="invalid-feedback">{{ $errors->first('address') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.institution') }}</label>
                                    <select name="institution" class="selectpicker @error('institution') is-invalid @enderror"
                                            data-dropup-auto="false" data-live-search="true" aria-label="{{ __('pages.institution') }}"
                                            data-width="100%" data-size="4"
                                            data-live-search-normalize="true" data-virtual-scroll="false"
                                            title="{{ __('pages.institution') }}">
                                        <option disabled hidden selected>{{ __('pages.institution') }}</option>
                                        {!! FormHelper::generateSelectOptions($institutions, 'id', 'name', auth()->user()->userData->institution->id) !!}
                                    </select>
                                    <div class="invalid-feedback">{{ $errors->first('institution') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.job_position') }}</label>
                                    <select name="job_position" class="selectpicker @error('job_position') is-invalid @enderror"
                                            data-dropup-auto="false" data-live-search="true" aria-label="{{ __('pages.job_position') }}"
                                            data-width="100%" data-size="4"
                                            data-live-search-normalize="true" data-virtual-scroll="false"
                                            title="{{ __('pages.job_position') }}">
                                        <option disabled hidden selected>{{ __('pages.job_position') }}</option>
                                        @foreach($jobPositions as $jobPosition)
                                            {!! FormHelper::generateSelectOptions($jobPositions, 'id', 'name', auth()->user()->userData->job_position) !!}
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">{{ $errors->first('job_position') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.taught_course') }}</label>
                                    <select name="taught_course" class="selectpicker @error('taught_course') is-invalid @enderror"
                                            data-dropup-auto="false" data-live-search="true" aria-label="{{ __('pages.taught_course') }}"
                                            data-width="100%" data-size="4"
                                            data-live-search-normalize="true" data-virtual-scroll="false"
                                            title="{{ __('pages.taught_course') }}">
                                        <option disabled hidden selected>{{ __('pages.taught_course') }}</option>
                                        @foreach($taughtCourses as $taughtCourse)
                                            {!! FormHelper::generateSelectOptions($taughtCourses, 'id', 'name', auth()->user()->userData->taught_course) !!}
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">{{ $errors->first('taught_course') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.experience_years') }}</label>
                                    <select name="experience_years" class="selectpicker @error('experience_years') is-invalid @enderror"
                                            data-dropup-auto="false" data-live-search="true" aria-label="{{ __('pages.experience_years') }}"
                                            data-width="100%" data-size="4"
                                            data-live-search-normalize="true" data-virtual-scroll="false"
                                            title="{{ __('pages.experience_years') }}">
                                        <option disabled hidden selected>{{ __('pages.experience_years') }}</option>
                                        @foreach($experienceYears as $experienceYear)
                                            {!! FormHelper::generateSelectOptions($experienceYears, 'id', 'name', auth()->user()->userData->experience_years) !!}
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">{{ $errors->first('experience_years') ?? '' }}</div>
                                </div>
                                <div class="col-3 mb-3">
                                    <label class="form-control-label">{{ __('pages.teaching_license') }}</label>
                                    <select name="teaching_license" class="selectpicker @error('teaching_license') is-invalid @enderror"
                                            data-dropup-auto="false" data-live-search="true" aria-label="{{ __('pages.teaching_license') }}"
                                            data-width="100%" data-size="4"
                                            data-live-search-normalize="true" data-virtual-scroll="false"
                                            title="{{ __('pages.teaching_license') }}">
                                        <option disabled hidden selected>{{ __('pages.teaching_license') }}</option>
                                        @foreach($teachingDegrees as $teachingDegree)
                                            {!! FormHelper::generateSelectOptions($teachingDegrees, 'id', 'name', auth()->user()->userData->teaching_license) !!}
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">{{ $errors->first('teaching_license') ?? '' }}</div>
                                </div>
                            </div>
                            <hr class="horizontal dark">
                            <p class="text-uppercase text-sm">Contact Information</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.phone_number') }}</label>
                                        <input name="phone" type="tel" class="form-control @error('phone') is-invalid @enderror"
                                               value="{{ Auth::user()->phone ?? '' }}"
                                               placeholder="Telefon" aria-label="Telefon">
                                        <div class="invalid-feedback">{{ $errors->first('phone') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">{{ __('pages.locality') }}</label>
                                        <select name="locality" class="selectpicker @error('locality') is-invalid @enderror"
                                                data-dropup-auto="false" data-live-search="true" aria-label="Localitatea"
                                                data-width="100%" data-size="4"
                                                data-live-search-normalize="true" data-virtual-scroll="false"
                                                title="Localitatea">
                                            <option disabled hidden {{ !Auth::user()->data->locality ? 'selected' : '' }}>Localitatea</option>
                                            @foreach(District::all() as $district)
                                                <optgroup label="{{ $district->name }}">
                                                    @foreach($district->localities as $locality)
                                                        <option value="{{ $locality->id }}" {{ Auth::user()->data->locality == $locality->id ? 'selected' : '' }}>{{ $locality->name }}</option>
                                                    @endforeach
                                                </optgroup>
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback">{{ $errors->first('locality') ?? '' }}</div>
                                    </div>
                                </div>
                            </div>
                            <hr class="horizontal dark">
                            <p class="text-uppercase text-sm">Credentials</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label @error('password') is-invalid @enderror">Password</label>
                                        <input class="form-control" name="password" type="password" autocomplete="new-password">
                                        <div class="invalid-feedback">{{ $errors->first('password') ?? '' }}</div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label @error('password_confirmation') is-invalid @enderror">Password Confirmation</label>
                                        <input class="form-control" name="password_confirmation" type="password">
                                        <div class="invalid-feedback">{{ $errors->first('password_confirmation') ?? '' }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('learner::layouts.footer')
        </div>
        {{ Form::close() }}
    </div>
@endsection

@section('custom-css')
@endsection

@section('custom-scripts')
    {{--<script>--}}
        {{--var win = navigator.platform.indexOf('Win') > -1;--}}
        {{--if (win && document.querySelector('#sidenav-scrollbar')) {--}}
            {{--var options = {--}}
                {{--damping: '0.5'--}}
            {{--}--}}
            {{--Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);--}}
        {{--}--}}
    {{--</script>--}}
@endsection