@extends('admin.layout')

@section('title', 'Maintenance Mode')

@section('content')
<div class="admin-settings-page">
    <section class="admin-section-header">
        <div>
            <span class="admin-page-eyebrow">Customer Access Control</span>

            <h1 class="admin-section-title font-display">
                Maintenance <span>Mode</span>
            </h1>

            <p class="admin-section-description">
                Tutup sementara seluruh akses customer tanpa menghentikan dashboard, webhook, scheduler, queue, atau proses backend.
            </p>
        </div>

        <div class="admin-maintenance-status {{ $enabled ? 'is-enabled' : 'is-disabled' }}">
            <span></span>
            {{ $enabled ? 'Aktif' : 'Nonaktif' }}
        </div>
    </section>

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

        <section class="admin-form-panel">
            <header class="admin-form-panel-header">
                <span class="admin-form-panel-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18v3h3l6.3-6.3a4 4 0 0 0 5.4-5.4l-2.4 2.4-3-3 2.4-2.4Z"/>
                    </svg>
                </span>

                <div>
                    <span class="admin-panel-eyebrow">Public Maintenance Page</span>
                    <h2 class="admin-panel-title font-display">Pesan untuk Customer</h2>
                </div>
            </header>

            <div class="admin-form-panel-body">
                <div class="admin-settings-notice">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true">
                            <circle cx="12" cy="12" r="9"></circle>
                            <path stroke-linecap="round" d="M12 11v5M12 8h.01"/>
                        </svg>
                    </span>

                    <p>
                        Maintenance mode hanya memengaruhi request customer. Admin, webhook payment gateway, scheduler, queue email, dan proses fulfillment tidak memakai middleware ini.
                    </p>
                </div>

                <div class="admin-form-group">
                    <label for="maintenance-message" class="admin-form-label">Pesan maintenance</label>

                    <textarea
                        id="maintenance-message"
                        name="maintenance_message"
                        rows="5"
                        maxlength="500"
                        required
                        class="admin-form-control"
                    >{{ old('maintenance_message', $message) }}</textarea>

                    <p class="admin-form-help">Maksimal 500 karakter. Nomor WhatsApp admin tetap mengambil konfigurasi aplikasi yang sudah ada.</p>

                    @error('maintenance_message')
                        <p class="admin-form-error">{{ $message }}</p>
                    @enderror
                </div>

                <div class="admin-maintenance-impact-grid">
                    <article>
                        <span>Customer</span>
                        <strong>{{ $enabled ? 'Dialihkan ke maintenance' : 'Akses normal' }}</strong>
                    </article>
                    <article>
                        <span>Admin dashboard</span>
                        <strong>Tetap aktif</strong>
                    </article>
                    <article>
                        <span>Webhook dan backend</span>
                        <strong>Tetap aktif</strong>
                    </article>
                </div>
            </div>
        </section>

        <section class="admin-settings-submit-panel">
            <div>
                <span class="admin-panel-eyebrow">Current State</span>
                <h2 class="admin-panel-title font-display">{{ $enabled ? 'Maintenance sedang aktif' : 'Storefront sedang aktif' }}</h2>
                <p>Perubahan berlaku pada request customer berikutnya tanpa deploy ulang.</p>
            </div>

            <div class="admin-maintenance-actions">
                <button
                    type="submit"
                    name="action"
                    value="save_message"
                    class="admin-button admin-button-secondary admin-settings-submit-button"
                >
                    Simpan Pesan
                </button>

                @if ($enabled)
                    <button
                        type="submit"
                        name="action"
                        value="disable"
                        class="admin-button admin-button-secondary admin-settings-submit-button"
                        data-admin-confirm
                        data-confirm-title="Nonaktifkan maintenance mode?"
                        data-confirm-message="Seluruh akses customer akan kembali dibuka."
                        data-confirm-tone="danger"
                    >
                        Nonaktifkan Maintenance
                    </button>
                @else
                    <button
                        type="submit"
                        name="action"
                        value="enable"
                        class="admin-button admin-button-primary admin-settings-submit-button"
                        data-admin-confirm
                        data-confirm-title="Aktifkan maintenance mode?"
                        data-confirm-message="Storefront, checkout, invoice, dan endpoint customer akan diarahkan ke halaman maintenance. Proses backend tetap berjalan."
                    >
                        Aktifkan Maintenance
                    </button>
                @endif
            </div>
        </section>
    </form>
</div>
@endsection