@extends('layouts.dashboard')

@section('title', 'Instellingen & SMTP')
@section('eyebrow', 'Website & configuratie')
@section('page-title', 'Instellingen & SMTP')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/owner-settings.css') }}?v={{ @filemtime(public_path('css/pages/owner-settings.css')) ?: time() }}">
@endpush

@section('content')
<section class="owner-settings">
    <div class="owner-settings__intro">
        <div>
            <span class="owner-settings__eyebrow"><i class="ri-settings-3-line"></i> Centrale configuratie</span>
            <h2>Beheer Genkai vanuit één duidelijke instellingenpagina.</h2>
            <p>Restaurantgegevens, reservaties, SMTP, e-mailteksten en cadeaubonnen blijven hier samen, in dezelfde interface als de rest van het beheer.</p>
        </div>
        <div class="owner-settings__intro-actions">
            <a href="{{ route('owner.gifts.index') }}" class="owner-settings__secondary"><i class="ri-gift-line"></i> Cadeaubonnen & korting</a>
            <a href="{{ route('home') }}" target="_blank" class="owner-settings__secondary"><i class="ri-external-link-line"></i> Website bekijken</a>
        </div>
    </div>

    @if(session('owner_message'))
        <div class="owner-settings__message"><i class="ri-checkbox-circle-line"></i><div><strong>Instellingen bijgewerkt</strong><span>{{ session('owner_message') }}</span></div></div>
    @endif

    @if($errors->any())
        <div class="owner-settings__errors"><i class="ri-error-warning-line"></i><div><strong>Controleer de instellingen</strong><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>
    @endif

    <form method="POST" action="{{ route('owner.settings.update') }}" class="owner-settings__form">
        @csrf
        @method('PUT')

        <section class="owner-settings__card">
            <div class="owner-settings__card-head">
                <div class="owner-settings__card-icon"><i class="ri-store-2-line"></i></div>
                <div><span>Restaurant</span><h3>Basisgegevens</h3><p>Deze gegevens worden gebruikt in het reservatiesysteem, contactformulier en e-mails.</p></div>
            </div>
            <div class="owner-settings__fields owner-settings__fields--2">
                <label><span>Restaurantnaam</span><input name="restaurant_name" value="{{ old('restaurant_name',$settings['restaurant_name']) }}" required></label>
                <label><span>E-mailadres restaurant</span><input type="email" name="restaurant_email" value="{{ old('restaurant_email',$settings['restaurant_email']) }}" required></label>
                <label><span>Telefoon</span><input name="restaurant_phone" value="{{ old('restaurant_phone',$settings['restaurant_phone']) }}" required></label>
                <label><span>Adres</span><input name="restaurant_address" value="{{ old('restaurant_address',$settings['restaurant_address']) }}" required></label>
            </div>
        </section>

        <section class="owner-settings__card">
            <div class="owner-settings__card-head">
                <div class="owner-settings__card-icon owner-settings__card-icon--blue"><i class="ri-calendar-event-line"></i></div>
                <div><span>Reservaties</span><h3>Beschikbaarheid</h3><p>Bepaal hoe ver vooraf gasten kunnen reserveren en welke tijdsloten zichtbaar zijn.</p></div>
            </div>
            <label class="owner-settings__toggle">
                <input type="checkbox" name="allow_same_day" value="1" {{ old('allow_same_day',$settings['allow_same_day']) == '1' ? 'checked' : '' }}>
                <span><strong>Reservaties op de dag zelf toestaan</strong><small>Voor vandaag worden alleen tijdsloten getoond die nog in de toekomst liggen.</small></span>
            </label>
            <div class="owner-settings__fields owner-settings__fields--3">
                <label><span>Minimum vooraf</span><div class="owner-settings__input-suffix"><input type="number" min="0" max="1440" name="min_lead_minutes" value="{{ old('min_lead_minutes',$settings['min_lead_minutes']) }}" required><span>min.</span></div></label>
                <label><span>Maanden vooruit</span><input type="number" min="1" max="24" name="booking_months_ahead" value="{{ old('booking_months_ahead',$settings['booking_months_ahead']) }}" required></label>
                <label><span>Max. personen online</span><input type="number" min="1" max="100" name="max_guests" value="{{ old('max_guests',$settings['max_guests']) }}" required></label>
            </div>
            <div class="owner-settings__fields owner-settings__fields--2">
                <label><span>Uren maandag–donderdag</span><textarea name="weekday_slots" rows="5" required>{{ old('weekday_slots',$settings['weekday_slots']) }}</textarea><small>Komma, puntkomma of nieuwe regel. Bijvoorbeeld 17:00, 17:30, 18:00.</small></label>
                <label><span>Uren vrijdag–zondag</span><textarea name="weekend_slots" rows="5" required>{{ old('weekend_slots',$settings['weekend_slots']) }}</textarea><small>Vrijdag, zaterdag en zondag gebruiken deze lijst.</small></label>
            </div>
        </section>

        <section class="owner-settings__card">
            <div class="owner-settings__card-head">
                <div class="owner-settings__card-icon owner-settings__card-icon--green"><i class="ri-mail-settings-line"></i></div>
                <div><span>SMTP</span><h3>E-mailinstellingen</h3><p>Deze SMTP-configuratie wordt gebruikt door reservaties, contactberichten en cadeaubonmails.</p></div>
            </div>
            <label class="owner-settings__toggle">
                <input type="checkbox" name="mail_enabled" value="1" {{ old('mail_enabled',$settings['mail_enabled']) == '1' ? 'checked' : '' }}>
                <span><strong>E-mails inschakelen</strong><small>Schakel alle transactionele e-mails vanuit de website in of uit.</small></span>
            </label>
            <div class="owner-settings__fields owner-settings__fields--3">
                <label><span>SMTP host</span><input name="smtp_host" placeholder="smtp.example.com" value="{{ old('smtp_host',$settings['smtp_host']) }}"></label>
                <label><span>SMTP poort</span><input type="number" name="smtp_port" min="1" max="65535" value="{{ old('smtp_port',$settings['smtp_port']) }}" required></label>
                <label><span>Encryptie</span><select name="smtp_encryption"><option value="tls" @selected(old('smtp_encryption',$settings['smtp_encryption'])==='tls')>TLS / STARTTLS</option><option value="ssl" @selected(old('smtp_encryption',$settings['smtp_encryption'])==='ssl')>SSL</option><option value="none" @selected(old('smtp_encryption',$settings['smtp_encryption'])==='')>Geen</option></select></label>
            </div>
            <div class="owner-settings__fields owner-settings__fields--2">
                <label><span>SMTP gebruikersnaam</span><input name="smtp_username" autocomplete="off" value="{{ old('smtp_username',$settings['smtp_username']) }}"></label>
                <label><span>SMTP wachtwoord</span><input type="password" name="smtp_password_plain" autocomplete="new-password" placeholder="Leeg laten om huidig wachtwoord te behouden"><small>Het opgeslagen wachtwoord wordt om veiligheidsredenen nooit opnieuw getoond.</small></label>
                <label><span>Afzender e-mail</span><input type="email" name="mail_from_address" value="{{ old('mail_from_address',$settings['mail_from_address']) }}" required></label>
                <label><span>Afzendernaam</span><input name="mail_from_name" value="{{ old('mail_from_name',$settings['mail_from_name']) }}" required></label>
            </div>
        </section>

        <section class="owner-settings__card">
            <div class="owner-settings__card-head">
                <div class="owner-settings__card-icon owner-settings__card-icon--purple"><i class="ri-draft-line"></i></div>
                <div><span>E-mailteksten</span><h3>Klantmails aanpassen</h3><p>De reservatiedetails en wijzigingsknop worden automatisch aan deze teksten toegevoegd.</p></div>
            </div>
            <div class="owner-settings__mail-grid">
                <article class="owner-settings__mail-box"><div><i class="ri-mail-add-line"></i><h4>Reservatie ontvangen</h4></div><label><span>Onderwerp</span><input name="reservation_received_subject" value="{{ old('reservation_received_subject',$settings['reservation_received_subject']) }}" required></label><label><span>Tekst</span><textarea name="reservation_received_message" rows="6" required>{{ old('reservation_received_message',$settings['reservation_received_message']) }}</textarea></label></article>
                <article class="owner-settings__mail-box"><div><i class="ri-checkbox-circle-line"></i><h4>Reservatie bevestigd</h4></div><label><span>Onderwerp</span><input name="reservation_confirmed_subject" value="{{ old('reservation_confirmed_subject',$settings['reservation_confirmed_subject']) }}" required></label><label><span>Tekst</span><textarea name="reservation_confirmed_message" rows="6" required>{{ old('reservation_confirmed_message',$settings['reservation_confirmed_message']) }}</textarea></label></article>
                <article class="owner-settings__mail-box"><div><i class="ri-calendar-check-line"></i><h4>Reservatie gewijzigd</h4></div><label><span>Onderwerp</span><input name="reservation_changed_subject" value="{{ old('reservation_changed_subject',$settings['reservation_changed_subject']) }}" required></label><label><span>Tekst</span><textarea name="reservation_changed_message" rows="6" required>{{ old('reservation_changed_message',$settings['reservation_changed_message']) }}</textarea></label></article>
            </div>
            <div class="owner-settings__fields owner-settings__fields--2 owner-settings__owner-subjects">
                <label><span>Nieuwe reservatie – eigenaar</span><input name="owner_new_subject" value="{{ old('owner_new_subject',$settings['owner_new_subject']) }}" required></label>
                <label><span>Gewijzigde reservatie – eigenaar</span><input name="owner_changed_subject" value="{{ old('owner_changed_subject',$settings['owner_changed_subject']) }}" required></label>
            </div>
        </section>

        <section class="owner-settings__card">
            <div class="owner-settings__card-head">
                <div class="owner-settings__card-icon owner-settings__card-icon--red"><i class="ri-gift-line"></i></div>
                <div><span>Cadeaubonnen</span><h3>Generatie & betaling</h3><p>Stel geldigheid, bedragen, codegeneratie en optionele Mollie-betaling in.</p></div>
            </div>
            <label class="owner-settings__toggle">
                <input type="checkbox" name="gift_vouchers_enabled" value="1" {{ old('gift_vouchers_enabled',$settings['gift_vouchers_enabled']) == '1' ? 'checked' : '' }}>
                <span><strong>Online cadeaubonnen inschakelen</strong><small>Klanten kunnen via de publieke cadeaubonpagina een nieuwe bon kopen of aanmaken.</small></span>
            </label>
            <div class="owner-settings__fields owner-settings__fields--3">
                <label><span>Geldigheid</span><div class="owner-settings__input-suffix"><input type="number" name="gift_validity_months" min="1" max="60" value="{{ old('gift_validity_months',$settings['gift_validity_months']) }}" required><span>maanden</span></div><small>12 maanden = één jaar.</small></label>
                <label><span>Minimum bedrag (€)</span><input type="number" step="0.01" name="gift_min_amount" min="1" value="{{ old('gift_min_amount',$settings['gift_min_amount']) }}" required></label>
                <label><span>Maximum bedrag (€)</span><input type="number" step="0.01" name="gift_max_amount" min="1" value="{{ old('gift_max_amount',$settings['gift_max_amount']) }}" required></label>
                <label><span>Codeprefix</span><input name="gift_code_prefix" value="{{ old('gift_code_prefix',$settings['gift_code_prefix']) }}" maxlength="20" required><small>Bijvoorbeeld GENKAI.</small></label>
                <label><span>Willekeurige tekens</span><input type="number" name="gift_code_length" min="6" max="24" value="{{ old('gift_code_length',$settings['gift_code_length']) }}" required></label>
            </div>
            <label class="owner-settings__toggle owner-settings__toggle--mollie">
                <input type="checkbox" name="gift_mollie_enabled" value="1" {{ old('gift_mollie_enabled',$settings['gift_mollie_enabled']) == '1' ? 'checked' : '' }}>
                <span><strong>Mollie gebruiken voor online aankoop</strong><small>Als dit actief is wordt de bon pas geactiveerd nadat Mollie de betaling als betaald bevestigt.</small></span>
            </label>
            <div class="owner-settings__fields owner-settings__fields--2">
                <label><span>Mollie API-key</span><input type="password" name="mollie_api_key_plain" autocomplete="new-password" placeholder="Leeg laten om huidige sleutel te behouden"><small>Gebruik <strong>test_…</strong> voor testen en <strong>live_…</strong> op productie. De sleutel wordt versleuteld opgeslagen.</small></label>
            </div>
        </section>

        <div class="owner-settings__savebar">
            <div><i class="ri-information-line"></i><span>Wijzigingen worden pas actief nadat je ze opslaat.</span></div>
            <button class="owner-settings__primary" type="submit"><i class="ri-save-3-line"></i> Instellingen opslaan</button>
        </div>
    </form>

    <section class="owner-settings__card owner-settings__test-card">
        <div class="owner-settings__card-head">
            <div class="owner-settings__card-icon owner-settings__card-icon--gold"><i class="ri-send-plane-line"></i></div>
            <div><span>Controle</span><h3>SMTP testen</h3><p>Sla eerst je SMTP-instellingen op en stuur daarna een testmail naar een adres naar keuze.</p></div>
        </div>
        <form method="POST" action="{{ route('owner.settings.test-mail') }}" class="owner-settings__test-form">
            @csrf
            <label><span>Testmail sturen naar</span><input type="email" name="test_email" value="{{ $settings['restaurant_email'] }}" required></label>
            <button class="owner-settings__test-button" type="submit"><i class="ri-send-plane-2-line"></i> Testmail versturen</button>
        </form>
    </section>
</section>
@endsection