@extends('layouts.app')
@section('title', __('Demo slot settings'))
@section('page-title', __('Demo slot settings'))
@section('page-subtitle', __('Configure when visitors can book a demo.'))

@section('content')
@include('super-admin._nav')

<a href="{{ route('super-admin.demos.index') }}" class="text-sm text-brand-600 hover:underline inline-flex items-center gap-1 mb-4">
    <x-icon name="arrow-right" class="w-4 h-4 rotate-180 rtl:rotate-0"/> {{ __('Back to bookings') }}
</a>

<form method="POST" action="{{ route('super-admin.demos.settings.update') }}" class="card card-pad max-w-3xl space-y-6">
    @csrf

    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="form-label">{{ __('Days ahead') }}</label>
            <input type="number" name="days_ahead" min="1" max="60" required class="form-input"
                   value="{{ old('days_ahead', $settings['days_ahead'] ?? 14) }}">
            <p class="text-xs text-slate-500 mt-1">{{ __('How far in the future visitors can book.') }}</p>
        </div>
        <div>
            <label class="form-label">{{ __('Slot length (minutes)') }}</label>
            <input type="number" name="slot_minutes" min="15" max="240" required class="form-input"
                   value="{{ old('slot_minutes', $settings['slot_minutes'] ?? 30) }}">
        </div>
        <div>
            <label class="form-label">{{ __('Working days') }}</label>
            <input type="text" name="work_days" required class="form-input"
                   value="{{ old('work_days', $settings['work_days'] ?? '1,2,3,4,5') }}">
            <p class="text-xs text-slate-500 mt-1">{{ __('ISO day numbers, comma separated. 1=Mon … 7=Sun.') }}</p>
        </div>
        <div>
            <label class="form-label">{{ __('Timezone') }}</label>
            <input type="text" name="timezone" class="form-input"
                   value="{{ old('timezone', $settings['timezone'] ?? config('app.timezone')) }}">
        </div>
        <div>
            <label class="form-label">{{ __('Day starts at (hour, 0-23)') }}</label>
            <input type="number" name="start_hour" min="0" max="23" required class="form-input"
                   value="{{ old('start_hour', $settings['start_hour'] ?? 9) }}">
        </div>
        <div>
            <label class="form-label">{{ __('Day ends at (hour, 1-24)') }}</label>
            <input type="number" name="end_hour" min="1" max="24" required class="form-input"
                   value="{{ old('end_hour', $settings['end_hour'] ?? 17) }}">
        </div>
    </div>

    <div class="flex justify-end">
        <button class="btn-primary"><x-icon name="check" class="w-4 h-4"/> {{ __('Save settings') }}</button>
    </div>
</form>
@endsection