@php
    $modalName = $modalName ?? null;
    $selectedDate = $selectedDate ?? now();
    $showFormErrors = $errors->any() && (! $modalName || old('_modal') === $modalName);
@endphp

<form
    method="POST"
    action="{{ route('phone-usage.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
    <input type="hidden" name="entry_date" value="{{ old('entry_date', $selectedDate->toDateString()) }}">
    <div class="module-modal__header">
        <p class="dashboard-kicker">{{ __('Téléphone') }}</p>
        <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Renseigner le téléphone') }}</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>{{ __('Temps d’écran (minutes)') }}</span>
            <input name="screen_time_minutes" type="number" min="0" step="1" class="module-input" value="{{ old('screen_time_minutes', data_get($phoneUsage, 'screen_time_minutes')) }}" placeholder="{{ __('Ex. 200') }}">
            <small class="module-help">{{ __('Exemple : 3h20 = 200 minutes.') }}</small>
            @error('screen_time_minutes')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
        <label class="module-field">
            <span>{{ __('Déverrouillages / consultations') }}</span>
            <input name="unlock_count" type="number" min="0" step="1" class="module-input" value="{{ old('unlock_count', data_get($phoneUsage, 'unlock_count')) }}" placeholder="{{ __('Ex. 42') }}">
            @error('unlock_count')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
        <label class="module-field sm:col-span-2">
            <span>{{ __('Source') }}</span>
            <select name="source" class="module-input" required>
                @foreach ($sourceOptions as $value => $label)
                    <option value="{{ $value }}" @selected(old('source', data_get($phoneUsage, 'source', 'manual')) === $value)>{{ $label }}</option>
                @endforeach
            </select>
            @error('source')<small class="module-field-error">{{ $message }}</small>@enderror
        </label>
        <label class="module-field sm:col-span-2">
            <span>{{ __('Notes') }}</span>
            <textarea name="notes" rows="3" class="module-input" placeholder="{{ __('Une note utile, si besoin') }}">{{ old('notes', data_get($phoneUsage, 'notes')) }}</textarea>
            @error('notes')<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>