@php
    $modalName = $modalName ?? null;
    $selectedDate = $selectedDate ?? now();
    $defaultSleepDate = data_get($sleepRecord, 'ended_at') ? data_get($sleepRecord, 'ended_at')->toDateString() : $selectedDate->toDateString();
    $defaultStartedAt = data_get($sleepRecord, 'started_at') ? data_get($sleepRecord, 'started_at')->format('H:i') : '23:00';
    $defaultEndedAt = data_get($sleepRecord, 'ended_at') ? data_get($sleepRecord, 'ended_at')->format('H:i') : '07:00';
    $showFormErrors = $errors->any() && (! $modalName || old('_modal') === $modalName);
@endphp

<form
    method="POST"
    action="{{ route('sleep.update') }}"
    class="module-modal"
    data-validated-form
    novalidate
    @if ($modalName) data-reset-on-open="{{ $modalName }}" @endif
    data-has-server-errors="@js($errors->any() && (! $modalName || old('_modal') === $modalName))"
>
    @csrf
    @method('PUT')
    @if ($modalName)
        <input type="hidden" name="_modal" value="{{ $modalName }}">
    @endif
    <div class="module-modal__header">
        <p class="dashboard-kicker">{{ __('Sommeil') }}</p>
        <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Renseigner la nuit') }}</h3>
    </div>

    @if ($showFormErrors)
        <div class="module-form-alert mt-4">
            <p>{{ __('Certains champs obligatoires sont manquants ou invalides.') }}</p>
        </div>
    @endif

    <div class="module-form-grid mt-5">
        <label class="module-field">
            <span>{{ __('Jour de réveil') }}</span>
            <input name="sleep_date" type="date" class="module-input" value="{{ old('sleep_date', $defaultSleepDate) }}" required>
            @error('sleep_date')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
        <label class="module-field">
            <span>{{ __('Source') }}</span>
            <select name="source" class="module-input" required>
                @foreach ($sleepSourceOptions as $value => $label)
                    <option value="{{ $value }}" @selected(old('source', data_get($sleepRecord, 'source', 'manual')) === $value)>{{ $label }}</option>
                @endforeach
            </select>
            @error('source')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
        <label class="module-field">
            <span>{{ __('Heure de coucher') }}</span>
            <input name="started_at" type="time" class="module-input" value="{{ old('started_at', $defaultStartedAt) }}" required>
            @error('started_at')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
        <label class="module-field">
            <span>{{ __('Heure de réveil') }}</span>
            <input name="ended_at" type="time" class="module-input" value="{{ old('ended_at', $defaultEndedAt) }}" required>
            @error('ended_at')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
        <label class="module-field sm:col-span-2">
            <span>{{ __('Qualité ressentie (0 à 10)') }}</span>
            <input name="quality_score" type="number" min="0" max="10" step="1" class="module-input" value="{{ old('quality_score', data_get($sleepRecord, 'quality_score')) }}" placeholder="{{ __('Ex. 7') }}">
            @error('quality_score')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
    </div>

    <div class="module-modal__actions">
        @if ($modalName)
            <button type="button" class="dashboard-action dashboard-action--secondary" x-on:click="$dispatch('close-modal', '{{ $modalName }}')">{{ __('Annuler') }}</button>
        @endif
        <button type="submit" class="dashboard-action dashboard-action--primary">{{ __('Enregistrer') }}</button>
    </div>
</form>