@extends('layouts.app')

@section('title', 'Impostazioni · FranCoach')

@section('content')
<x-breadcrumbs :items="[['label' => 'Dashboard', 'url' => route('coach.dashboard')], ['label' => 'Impostazioni']]" />

<div class="mb-4">
    <h1 class="h3 mb-1">Impostazioni generali</h1>
    <p class="text-body-secondary mb-0">Configurazione operativa della piattaforma FranCoach.</p>
</div>

<div class="mb-4">
    <x-theme-settings :theme="app(\App\Services\UserThemeService::class)->get(auth()->user())" />
</div>

<form method="POST" action="{{ route('coach.settings.update') }}" class="d-grid gap-4">@csrf @method('PUT')
    <section class="card border-0 shadow-sm" aria-labelledby="settings-general-title">
        <div class="card-header bg-white"><h2 class="h5 mb-0" id="settings-general-title">Applicazione e contatti</h2></div>
        <div class="card-body row g-3">
            <div class="col-12 col-md-6"><label class="form-label" for="app-name">Nome applicazione</label><input id="app-name" name="app_name" class="form-control" required maxlength="80" value="{{ old('app_name', $settings['app_name']) }}"></div>
            <div class="col-12 col-md-6"><label class="form-label" for="coach-email">E-mail del coach</label><input id="coach-email" name="coach_email" type="email" autocomplete="email" class="form-control" required value="{{ old('coach_email', $settings['coach_email']) }}"></div>
            <div class="col-12 col-md-6"><label class="form-label" for="coach-phone">Telefono</label><input id="coach-phone" name="coach_phone" type="tel" autocomplete="tel" class="form-control" maxlength="30" value="{{ old('coach_phone', $settings['coach_phone']) }}"></div>
            <div class="col-12 col-md-6"><label class="form-label" for="instagram-url">Instagram del coach</label><input id="instagram-url" name="instagram_url" type="url" inputmode="url" class="form-control" placeholder="https://instagram.com/nomeprofilo" value="{{ old('instagram_url', $settings['instagram_url']) }}"></div>
        </div>
    </section>

    <section class="card border-0 shadow-sm" aria-labelledby="settings-training-title">
        <div class="card-header bg-white"><h2 class="h5 mb-0" id="settings-training-title">Allenamenti</h2></div>
        <div class="card-body row g-3">
            <div class="col-12 col-md-4"><label class="form-label" for="edit-hours">Modifica allenamento completato</label><div class="input-group"><input id="edit-hours" name="completed_workout_edit_hours" type="number" min="0" max="168" class="form-control" required value="{{ old('completed_workout_edit_hours', $settings['completed_workout_edit_hours']) }}"><span class="input-group-text">ore</span></div></div>
            <div class="col-12 col-md-4"><label class="form-label" for="unit-system">Unità di misura</label><select id="unit-system" name="unit_system" class="form-select"><option value="metric" @selected(old('unit_system', $settings['unit_system']) === 'metric')>Metriche (kg, cm)</option><option value="imperial" @selected(old('unit_system', $settings['unit_system']) === 'imperial')>Imperiali (lb, in)</option></select></div>
            <div class="col-12 col-md-4"><label class="form-label" for="rest-timer">Timer rest predefinito</label><div class="input-group"><input id="rest-timer" name="default_rest_timer_seconds" type="number" min="15" max="600" class="form-control" required value="{{ old('default_rest_timer_seconds', $settings['default_rest_timer_seconds']) }}"><span class="input-group-text">secondi</span></div></div>
        </div>
    </section>

    <section class="card border-0 shadow-sm" aria-labelledby="settings-reminders-title">
        <div class="card-header bg-white"><h2 class="h5 mb-0" id="settings-reminders-title">Promemoria e upload</h2></div>
        <div class="card-body row g-3">
            <div class="col-12 col-md-4"><label class="form-label" for="weight-reminder">Promemoria peso</label><select id="weight-reminder" name="weight_reminder_frequency" class="form-select">@foreach(['off'=>'Disattivato','daily'=>'Giornaliero','weekly'=>'Settimanale','biweekly'=>'Ogni due settimane','monthly'=>'Mensile'] as $value=>$label)<option value="{{ $value }}" @selected(old('weight_reminder_frequency', $settings['weight_reminder_frequency']) === $value)>{{ $label }}</option>@endforeach</select></div>
            <div class="col-12 col-md-4"><label class="form-label" for="photo-reminder">Promemoria fotografie</label><select id="photo-reminder" name="photo_reminder_frequency" class="form-select">@foreach(['off'=>'Disattivato','weekly'=>'Settimanale','biweekly'=>'Ogni due settimane','monthly'=>'Mensile','quarterly'=>'Trimestrale'] as $value=>$label)<option value="{{ $value }}" @selected(old('photo_reminder_frequency', $settings['photo_reminder_frequency']) === $value)>{{ $label }}</option>@endforeach</select></div>
            <div class="col-12 col-md-4"><label class="form-label" for="upload-limit">Limite upload</label><div class="input-group"><input id="upload-limit" name="upload_limit_mb" type="number" min="1" max="25" class="form-control" required value="{{ old('upload_limit_mb', $settings['upload_limit_mb']) }}"><span class="input-group-text">MB</span></div></div>
        </div>
    </section>

    <section class="card border-0 shadow-sm" aria-labelledby="settings-localization-title">
        <div class="card-header bg-white"><h2 class="h5 mb-0" id="settings-localization-title">Data, ora e timezone</h2></div>
        <div class="card-body row g-3">
            <div class="col-12 col-md-4"><label class="form-label" for="date-format">Formato data</label><select id="date-format" name="date_format" class="form-select"><option value="d/m/Y" @selected(old('date_format', $settings['date_format']) === 'd/m/Y')>31/12/2026</option><option value="m/d/Y" @selected(old('date_format', $settings['date_format']) === 'm/d/Y')>12/31/2026</option><option value="Y-m-d" @selected(old('date_format', $settings['date_format']) === 'Y-m-d')>2026-12-31</option></select></div>
            <div class="col-12 col-md-4"><label class="form-label" for="time-format">Formato ora</label><select id="time-format" name="time_format" class="form-select"><option value="H:i" @selected(old('time_format', $settings['time_format']) === 'H:i')>24 ore (18:30)</option><option value="h:i A" @selected(old('time_format', $settings['time_format']) === 'h:i A')>12 ore (06:30 PM)</option></select></div>
            <div class="col-12 col-md-4"><label class="form-label" for="timezone">Timezone</label><input id="timezone" name="timezone" class="form-control" value="Europe/Rome" readonly aria-readonly="true"></div>
        </div>
    </section>

    <section class="card border-warning shadow-sm" aria-labelledby="settings-maintenance-title">
        <div class="card-header bg-warning-subtle"><h2 class="h5 mb-0" id="settings-maintenance-title">Manutenzione</h2></div>
        <div class="card-body">
            <div class="form-check form-switch mb-3"><input type="hidden" name="maintenance_mode" value="0"><input id="maintenance-mode" name="maintenance_mode" value="1" type="checkbox" class="form-check-input" @checked(old('maintenance_mode', $settings['maintenance_mode']))><label class="form-check-label" for="maintenance-mode">Blocca temporaneamente l’area atleta</label></div>
            <div class="form-check"><input type="hidden" name="confirm_maintenance" value="0"><input id="confirm-maintenance" name="confirm_maintenance" value="1" type="checkbox" class="form-check-input"><label class="form-check-label" for="confirm-maintenance">Confermo l’eventuale modifica della modalità manutenzione</label></div>
        </div>
    </section>

    <div class="d-flex justify-content-end"><button class="btn btn-primary btn-lg">Salva impostazioni</button></div>
</form>

<div class="row g-4 mt-1">
    <div class="col-12 col-lg-6">
        <section class="card border-0 shadow-sm h-100"><div class="card-body"><h2 class="h5">Gestione cache</h2><p class="text-body-secondary">Svuota cache applicativa, route, configurazione e viste compilate.</p><form method="POST" action="{{ route('coach.settings.cache.clear') }}" data-confirm="Svuotare la cache applicativa?">@csrf<input type="hidden" name="confirm_cache" value="1"><button class="btn btn-outline-secondary">Svuota cache</button></form></div></section>
    </div>
    <div class="col-12 col-lg-6">
        <section class="card border-danger shadow-sm h-100"><div class="card-body"><h2 class="h5">Ripristino valori predefiniti</h2><p class="text-body-secondary">I contatti del coach non vengono cancellati.</p><form method="POST" action="{{ route('coach.settings.reset') }}" data-confirm="Ripristinare tutte le impostazioni predefinite?">@csrf<label class="form-label" for="reset-confirmation">Digita RIPRISTINA</label><div class="input-group"><input id="reset-confirmation" name="confirmation" class="form-control" required autocomplete="off"><button class="btn btn-outline-danger">Ripristina</button></div></form></div></section>
    </div>
</div>

<div class="mt-4"><a href="{{ route('profile.password.edit') }}">Cambia password del coach</a></div>
@endsection