@php
    $values = $data['values'] ?? [];
    $options = $data['options'] ?? [];
@endphp

<div class="description">
    <p>
        {{ __('calendar.settings.language_region.subtitle') }}
    </p>
</div>

<form method="post"
      action="{{ route('calendar.settings.language.store') }}"
      class="form-grid-1 mt-8">
    @csrf

    <div>
        <label for="language">{{ __('Language') }}</label>
        <select id="language" name="language">
            @foreach(($options['languages'] ?? []) as $value => $label)
                <option value="{{ $value }}" @selected(old('language', $values['language'] ?? '') === $value)>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('language')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div>
        <label for="region">{{ __('Region') }}</label>
        <select id="region" name="region">
            @foreach(($options['regions'] ?? []) as $value => $label)
                <option value="{{ $value }}" @selected(old('region', $values['region'] ?? '') === $value)>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('region')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div>
        <label for="date_format">{{ __('Date format') }}</label>
        <select id="date_format" name="date_format">
            @foreach(($options['date_formats'] ?? []) as $value => $label)
                <option value="{{ $value }}" @selected(old('date_format', $values['date_format'] ?? '') === $value)>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('date_format')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div>
        <label for="time_format">{{ __('Time format') }}</label>
        <select id="time_format" name="time_format">
            @foreach(($options['time_formats'] ?? []) as $value => $label)
                <option value="{{ $value }}" @selected(old('time_format', $values['time_format'] ?? '') === $value)>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('time_format')
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="flex gap-4">
        <x-button variant="primary" type="submit">{{ __('Save') }}</x-button>
        <a href="{{ route('calendar.index') }}"
           class="button button--secondary">{{ __('Cancel and go back') }}</a>
    </div>
</form>