@php use App\Helpers\FormHelper; @endphp

<div class="row justify-content-center">
    <div class="text-center mb-3">
        <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; width: 6rem; height: 6rem"
                     src="{{ asset('img/default_avatar.png') }}" alt="User photo"
                     class="rounded-circle img-fluid border border-2 border-white 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"/>
            <div class="invalid-feedback">{{ $errors->first('user_photo') ?? '' }}</div>
        </a>
    </div>
</div>
<div class="row">
    <div class="col-4 mb-3">
        <label class="form-control-label">{{ __('pages.first_name') }}</label>
        <input name="first_name" type="text" class="form-control form-control-md @error('first_name') is-invalid @enderror" value="{{ $old['first_name'] ?? '' }}"
               placeholder="{{ __('pages.first_name') }}"
               aria-label="{{ __('pages.first_name') }}">
        <div class="invalid-feedback">{{ $errors->first('first_name') ?? '' }}</div>
    </div>
    <div class="col-4 mb-3">
        <label class="form-control-label">{{ __('pages.last_name') }}</label>
        <input name="last_name" type="text" class="form-control form-control-md @error('last_name') is-invalid @enderror" value="{{ $old['last_name'] ?? '' }}"
               placeholder="{{ __('pages.last_name') }}"
               aria-label="{{ __('pages.last_name') }}">
        <div class="invalid-feedback">{{ $errors->first('last_name') ?? '' }}</div>
    </div>
    <div class="col-4 mb-3">
        <label class="form-control-label">{{ __('pages.email') }}</label>
        <input name="email" type="email" class="form-control form-control-md @error('email') is-invalid @enderror" value="{{ $old['email'] ?? '' }}"
               placeholder="{{ __('pages.email') }}"
               aria-label="{{ __('pages.email') }}">
        <div class="invalid-feedback">{{ $errors->first('email') ?? '' }}</div>
    </div>
</div>
<div class="row">
    <div class="col-4 mb-3">
        <label class="form-control-label">{{ __('pages.birthday') }}</label>
        <input name="birthday" type="date" class="form-control @error('birthday') is-invalid @enderror"
               placeholder="Ziua, Luna, Anul Nasterii" aria-label="Ziua, Luna, Anul Nasterii" value="{{ $old['birthday'] ?? '' }}">
        <div class="invalid-feedback">{{ $errors->first('birthday') ?? '' }}</div>
    </div>
    <div class="col-4 mb-3">
        <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">
            {!! FormHelper::generateSelectOptions($sexes, 'id', 'name', $old['sex'] ?? '', function ($option) {
                    $option->name = __('pages.' . strtolower($option->name));
                    return $option;
                })
            !!}
        </select>
        <div class="invalid-feedback">{{ $errors->first('sex') ?? '' }}</div>
    </div>
    @role('admin')
        <div class="col-4 mb-3">
            <label for="trainer" class="form-control-label">{{ __('pages.trainer') }}</label>
            <select name="trainer" class="selectpicker @error('trainer') is-invalid @enderror"
                    data-dropup-auto="false" data-live-search="true" aria-label="{{ __('pages.trainer') }}"
                    data-width="100%" data-size="4"
                    data-live-search-normalize="true" data-virtual-scroll="false"
                    title="{{ __('pages.trainer') }}">
                <option disabled hidden selected>{{ __('pages.trainer') }}</option>
                {!! FormHelper::generateSelectOptions($trainers, 'id', 'name', $old['trainer'] ?? '', function ($trainer) {
                        $trainer->name = "$trainer->first_name $trainer->last_name";
                        return $trainer;
                    })
                !!}
            </select>
            <div class="invalid-feedback">{{ $errors->first('trainer') ?? '' }}</div>
        </div>
    @endrole
</div>
<div class="row">
    <div class="col mb-3">
        @include('forms.pupil.components.agreements')
    </div>
</div>
<div class="text-center">
    <button type="submit"
            class="btn btn-lg btn-primary btn-lg w-100 mt-4 mb-0">{{ __('pages.add') }}</button>
</div>