{{-- Medical file form in four steps (Figma "Patient-details"): conditions, surgery, medications, allergies. --}}
@php
    $hasFile = (bool) $profile?->hasMedicalFile();
    $medicalHistory = old('medical_history', $profile?->medical_history ?? []);
    $surgicalHistory = old('surgical_history', $profile?->surgical_history ?? []);
    $medicationHistory = old('medication_history', $profile?->medication_history ?? []);
    $hadSurgery = (bool) ($surgicalHistory['had_surgery'] ?? false);
    $steps = ['conditions', 'surgery', 'medications', 'allergies'];
    $laterUrl = Route::has('account.dashboard') ? route('account.dashboard') : route('home');
@endphp

@unless ($hasFile)
    <div class="account-note">
        <i class="far fa-info-circle"></i>
        <span>{{ trans('site.medical_file.welcome', ['name' => auth('web')->user()->name]) }}</span>
    </div>
@endunless

<form id="PatientProfileForm" action="{{ route('clinic.profile.medical.update') }}" method="POST" class="account-card medical-wizard" novalidate>
    @csrf
    @method('PUT')

    <div class="account-card__head">
        <div>
            <h2 class="account-card__title">{{ trans('site.medical_file.title') }}</h2>
            <p class="mb-0 mt-1 small">{{ trans('site.medical_file.intro') }}</p>
        </div>
    </div>

    <div class="wizard-progress" aria-hidden="true">
        @foreach ($steps as $n => $step)
            <span class="wizard-progress__dot" data-wizard-dot></span>
        @endforeach
    </div>
    <p class="wizard-counter" data-wizard-counter aria-live="polite"
       data-template="{{ trans('site.medical_file.step_of', ['current' => ':current', 'total' => count($steps)]) }}"></p>

    @foreach ($steps as $n => $step)
        <fieldset class="wizard-step" data-step="{{ $step }}">
            <legend class="wizard-step__head">
                <span class="wizard-step__num">{{ $n + 1 }}</span>
                <span>
                    <strong>{{ trans("site.medical_file.steps.$step.title") }}</strong>
                    <small>{{ trans("site.medical_file.steps.$step.text") }}</small>
                </span>
            </legend>

            @if ($step === 'conditions')
                <div class="row">
                    <div class="col-md-4 form-group">
                        <label for="date_of_birth" class="account-label">{{ trans('clinic.patient_profile.date_of_birth') }}</label>
                        <input type="date" name="date_of_birth" id="date_of_birth" max="{{ now()->subDay()->toDateString() }}"
                               value="{{ old('date_of_birth', $profile?->date_of_birth?->format('Y-m-d')) }}"
                               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('clinic.patient_profile.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('clinic.patient_profile.male') }}</option>
                            <option value="female" @selected(old('gender', $profile?->gender) === 'female')>{{ trans('clinic.patient_profile.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>

                <p class="account-label mb-2">{{ trans('clinic.patient_profile.medical_history') }}</p>
                <div class="chip-group mb-4">
                    @foreach ($conditionOptions as $option)
                        <input type="checkbox" class="btn-check" id="medical_{{ $option->code }}" name="medical_history[{{ $option->code }}]" value="1" autocomplete="off"
                               @checked(! empty($medicalHistory[$option->code] ?? false))>
                        <label class="chip" for="medical_{{ $option->code }}">{{ $option->name }}</label>
                    @endforeach
                </div>
                <div class="form-group">
                    <label for="medical_other" class="account-label">{{ trans('site.medical_file.other_conditions') }}</label>
                    <input type="text" name="medical_history[other]" id="medical_other" value="{{ $medicalHistory['other'] ?? '' }}"
                           placeholder="{{ trans('site.medical_file.write_here') }}"
                           class="form-control style2 @error('medical_history.other') is-invalid @enderror">
                    @error('medical_history.other')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            @elseif ($step === 'surgery')
                <p class="account-label mb-2">{{ trans('clinic.patient_profile.had_surgery') }}</p>
                <div class="chip-group mb-4" role="radiogroup">
                    <input type="radio" class="btn-check" name="surgical_history[had_surgery]" id="had_surgery_yes" value="1" autocomplete="off" @checked($hadSurgery)>
                    <label class="chip chip--radio" for="had_surgery_yes">{{ trans('site.medical_file.yes') }}</label>
                    <input type="radio" class="btn-check" name="surgical_history[had_surgery]" id="had_surgery_no" value="0" autocomplete="off" @checked(! $hadSurgery)>
                    <label class="chip chip--radio" for="had_surgery_no">{{ trans('site.medical_file.no') }}</label>
                </div>
                <div class="row" data-surgery-details>
                    <div class="col-md-6 form-group">
                        <label for="surgery_type" class="account-label">{{ trans('clinic.patient_profile.surgery_type') }}</label>
                        <input type="text" name="surgical_history[type]" id="surgery_type" value="{{ $surgicalHistory['type'] ?? '' }}"
                               class="form-control style2 @error('surgical_history.type') is-invalid @enderror">
                        @error('surgical_history.type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-6 form-group">
                        <label for="surgery_date" class="account-label">{{ trans('clinic.patient_profile.surgery_date') }}</label>
                        <input type="date" name="surgical_history[date]" id="surgery_date" value="{{ $surgicalHistory['date'] ?? '' }}" max="{{ now()->toDateString() }}"
                               class="form-control style2 @error('surgical_history.date') is-invalid @enderror">
                        @error('surgical_history.date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-12 form-group">
                        <label for="surgery_hospital" class="account-label">{{ trans('clinic.patient_profile.hospital') }}</label>
                        <input type="text" name="surgical_history[hospital]" id="surgery_hospital" value="{{ $surgicalHistory['hospital'] ?? '' }}"
                               class="form-control style2 @error('surgical_history.hospital') is-invalid @enderror">
                        @error('surgical_history.hospital')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-12 form-group">
                        <label for="surgery_notes" class="account-label">{{ trans('clinic.patient_profile.notes') }}</label>
                        <textarea name="surgical_history[notes]" id="surgery_notes" rows="3"
                                  class="form-control style2 @error('surgical_history.notes') is-invalid @enderror">{{ $surgicalHistory['notes'] ?? '' }}</textarea>
                        @error('surgical_history.notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            @elseif ($step === 'medications')
                <p class="account-label mb-2">{{ trans('clinic.patient_profile.medication_history') }}</p>
                <div class="chip-group mb-4">
                    @foreach ($medicationOptions as $option)
                        <input type="checkbox" class="btn-check" id="medication_{{ $option->code }}" name="medication_history[{{ $option->code }}]" value="1" autocomplete="off"
                               @checked(! empty($medicationHistory[$option->code] ?? false))>
                        <label class="chip" for="medication_{{ $option->code }}">{{ $option->name }}</label>
                    @endforeach
                </div>
                <div class="form-group">
                    <label for="medication_other" class="account-label">{{ trans('site.medical_file.other_medications') }}</label>
                    <input type="text" name="medication_history[other]" id="medication_other" value="{{ $medicationHistory['other'] ?? '' }}"
                           placeholder="{{ trans('site.medical_file.write_here') }}"
                           class="form-control style2 @error('medication_history.other') is-invalid @enderror">
                    @error('medication_history.other')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="form-group">
                    <label for="medication_notes" class="account-label">{{ trans('clinic.patient_profile.notes') }}</label>
                    <textarea name="medication_history[notes]" id="medication_notes" rows="3"
                              class="form-control style2 @error('medication_history.notes') is-invalid @enderror">{{ $medicationHistory['notes'] ?? '' }}</textarea>
                    @error('medication_history.notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            @else
                <div class="row">
                    <div class="col-md-6 form-group">
                        <label for="allergy_type" class="account-label">{{ trans('clinic.patient_profile.allergy_type') }}</label>
                        <select name="allergy_type" id="allergy_type" class="form-select style2 @error('allergy_type') is-invalid @enderror">
                            <option value="">{{ trans('site.medical_file.none') }}</option>
                            @foreach (['drug', 'food', 'other'] as $type)
                                <option value="{{ $type }}" @selected(old('allergy_type', $profile?->allergy_type) === $type)>{{ trans("clinic.patient_profile.allergy_types.$type") }}</option>
                            @endforeach
                        </select>
                        @error('allergy_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-6 form-group">
                        <label for="allergy_severity" class="account-label">{{ trans('clinic.patient_profile.allergy_severity') }}</label>
                        <select name="allergy_severity" id="allergy_severity" class="form-select style2 @error('allergy_severity') is-invalid @enderror">
                            <option value="">{{ trans('site.medical_file.not_set') }}</option>
                            @foreach (['mild', 'moderate', 'severe'] as $severity)
                                <option value="{{ $severity }}" @selected(old('allergy_severity', $profile?->allergy_severity) === $severity)>{{ trans("clinic.patient_profile.severities.$severity") }}</option>
                            @endforeach
                        </select>
                        @error('allergy_severity')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-12 form-group">
                        <label for="allergy_substance" class="account-label">{{ trans('clinic.patient_profile.allergy_substance') }}</label>
                        <input type="text" name="allergy_substance" id="allergy_substance" value="{{ old('allergy_substance', $profile?->allergy_substance) }}"
                               class="form-control style2 @error('allergy_substance') is-invalid @enderror">
                        @error('allergy_substance')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-12 form-group">
                        <label for="allergy_notes" class="account-label">{{ trans('clinic.patient_profile.notes') }}</label>
                        <textarea name="allergy_notes" id="allergy_notes" rows="3"
                                  class="form-control style2 @error('allergy_notes') is-invalid @enderror">{{ old('allergy_notes', $profile?->allergy_notes) }}</textarea>
                        @error('allergy_notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            @endif
        </fieldset>
    @endforeach

    <div class="wizard-actions">
        <button type="button" class="wizard-btn-back" data-wizard-back hidden><i class="far fa-arrow-left"></i> {{ trans('site.medical_file.back') }}</button>
        <button type="button" class="vs-btn style2" data-wizard-next hidden>{{ trans('site.medical_file.next') }} <i class="far fa-arrow-right"></i></button>
        <button type="submit" class="vs-btn style2" data-wizard-submit>{{ trans('site.medical_file.confirm') }} <i class="far fa-check"></i></button>
        @if ($hasFile)
            <a href="{{ route('clinic.profile.medical.edit') }}" class="wizard-later">{{ trans('site.medical_file.cancel') }}</a>
        @else
            <a href="{{ $laterUrl }}" class="wizard-later">{{ trans('site.medical_file.later') }}</a>
        @endif
    </div>
</form>