@extends('layouts.public')

@section('title', 'AI Receptionist Settings')

@section('content')
    <section class="container mx-auto max-w-5xl px-4 py-10 md:px-8">
        <header class="mb-8">
            <p class="text-sm font-semibold uppercase tracking-wide text-primary">Administration</p>
            <h1 class="mt-1 text-3xl font-extrabold tracking-tight text-zinc-950">AI receptionist &amp; site features</h1>
            <p class="mt-2 max-w-3xl text-sm leading-6 text-zinc-600">
                Configure the built-in OpenAI website chat for each store and the public business settings it can use.
                Provider credentials remain in <a href="{{ route('admin.integrations.index') }}">Integrations</a>; they are never entered or displayed here.
            </p>
        </header>

        @if (session('status'))
            <p class="mb-6 rounded-xl border border-emerald-200 bg-emerald-50 p-4 text-sm font-medium text-emerald-800">{{ session('status') }}</p>
        @endif

        @if ($errors->any())
            <div class="mb-6 rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-800">
                <p class="font-bold">Please correct the highlighted settings.</p>
                <ul class="mt-2 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
            </div>
        @endif

        <div class="grid gap-8 lg:grid-cols-2">
            <form method="POST" action="{{ route('admin.receptionist.chat.update') }}" class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                @csrf
                @method('PUT')
                <div class="mb-5">
                    <h2 class="text-xl font-bold text-zinc-950">AI Chat</h2>
                    <p class="mt-1 text-sm text-zinc-600">Uses the existing OpenAI integration. Enable one store at a time; visitors can select an enabled location in chat.</p>
                </div>

                <div class="space-y-4">
                    <div>
                        <label for="store_id" class="text-sm font-bold text-zinc-800">Store</label>
                        <select id="store_id" name="store_id" required class="mt-1 block w-full rounded-xl border-zinc-300">
                            <option value="">Select a store</option>
                            @foreach ($stores as $store)
                                <option value="{{ $store->id }}" @selected((string) old('store_id') === (string) $store->id)>{{ $store->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="assistant_name" class="text-sm font-bold text-zinc-800">Receptionist name</label>
                        <input id="assistant_name" name="assistant_name" maxlength="80" value="{{ old('assistant_name') }}" placeholder="Alex" class="mt-1 block w-full rounded-xl border-zinc-300">
                    </div>
                    <div>
                        <label for="handoff_message" class="text-sm font-bold text-zinc-800">Staff follow-up note</label>
                        <textarea id="handoff_message" name="handoff_message" rows="3" maxlength="1000" class="mt-1 block w-full rounded-xl border-zinc-300" placeholder="A team member will contact you using the details you provide.">{{ old('handoff_message') }}</textarea>
                        <p class="mt-1 text-xs text-zinc-500">Do not promise immediate live-agent availability. A handoff creates a new follow-up lead for staff.</p>
                    </div>
                    <input type="hidden" name="is_chat" value="0">
                    <label class="flex items-center gap-3 text-sm font-medium text-zinc-800"><input type="checkbox" name="is_chat" value="1" @checked(old('is_chat', true)) class="rounded border-zinc-300 text-primary"> Enable website AI chat</label>
                    <input type="hidden" name="is_active" value="0">
                    <label class="flex items-center gap-3 text-sm font-medium text-zinc-800"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', true)) class="rounded border-zinc-300 text-primary"> Make this store's chat configuration active</label>
                    <button type="submit" class="rounded-xl bg-primary px-5 py-2.5 text-sm font-bold text-white shadow-sm transition hover:opacity-90">Save AI chat</button>
                </div>

                <div class="mt-6 border-t border-zinc-100 pt-5">
                    <h3 class="font-bold text-zinc-900">AI Voice</h3>
                    <p class="mt-1 text-sm leading-6 text-zinc-600">Disabled: no voice-provider adapter is installed in this application. Voice calls cannot be activated from these settings.</p>
                </div>
            </form>

            <form method="POST" action="{{ route('admin.receptionist.site-settings.update') }}" class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                @csrf
                @method('PUT')
                <div class="mb-5">
                    <h2 class="text-xl font-bold text-zinc-950">Business &amp; public features</h2>
                    <p class="mt-1 text-sm text-zinc-600">Only non-sensitive, allowlisted values are available to public pages and the receptionist.</p>
                </div>
                <div class="grid gap-4 sm:grid-cols-2">
                    <div class="sm:col-span-2"><label for="business_name" class="text-sm font-bold text-zinc-800">Business name</label><input id="business_name" name="business_name" required maxlength="120" value="{{ old('business_name', $site['businessName']) }}" class="mt-1 block w-full rounded-xl border-zinc-300"></div>
                    <div class="sm:col-span-2"><label for="support_email" class="text-sm font-bold text-zinc-800">Support email</label><input id="support_email" name="support_email" type="email" value="{{ old('support_email', $site['supportEmail']) }}" class="mt-1 block w-full rounded-xl border-zinc-300"></div>
                    <div><label for="slot_interval_minutes" class="text-sm font-bold text-zinc-800">Booking slot interval</label><select id="slot_interval_minutes" name="slot_interval_minutes" class="mt-1 block w-full rounded-xl border-zinc-300">@foreach ([15, 30, 45, 60] as $minutes)<option value="{{ $minutes }}" @selected((int) old('slot_interval_minutes', $site['slotIntervalMinutes']) === $minutes)>{{ $minutes }} minutes</option>@endforeach</select></div>
                    <div><label for="max_advance_days" class="text-sm font-bold text-zinc-800">Booking advance window (days)</label><input id="max_advance_days" name="max_advance_days" type="number" min="1" max="365" required value="{{ old('max_advance_days', $site['maxAdvanceDays']) }}" class="mt-1 block w-full rounded-xl border-zinc-300"></div>
                    <div class="sm:col-span-2"><label for="deposit_percent" class="text-sm font-bold text-zinc-800">Booking deposit percentage</label><input id="deposit_percent" name="deposit_percent" type="number" min="0" max="100" step="0.01" required value="{{ old('deposit_percent', $site['depositPercent']) }}" class="mt-1 block w-full rounded-xl border-zinc-300"><p class="mt-1 text-xs text-zinc-500">This is a business setting only; it does not process a charge or authorize payment.</p></div>
                </div>
                <div class="mt-5 grid gap-3">
                    @foreach ([
                        'booking_enabled' => ['Online booking', $site['bookingEnabled']],
                        'allow_in_store' => ['In-store drop-off', $site['allowInStore']],
                        'allow_mail_in' => ['Mail-in repair', $site['allowMailIn']],
                        'allow_home_visit' => ['Home visits', $site['allowHomeVisit']],
                        'shop_enabled' => ['Shop feature', $site['shopEnabled']],
                        'ems_enabled' => ['Employee management (EMS)', $site['emsEnabled']],
                    ] as $field => [$label, $value])
                        <input type="hidden" name="{{ $field }}" value="0">
                        <label class="flex items-center gap-3 text-sm font-medium text-zinc-800"><input type="checkbox" name="{{ $field }}" value="1" @checked(old($field, $value)) class="rounded border-zinc-300 text-primary">{{ $label }}</label>
                    @endforeach
                </div>
                <button type="submit" class="mt-6 rounded-xl bg-zinc-950 px-5 py-2.5 text-sm font-bold text-white shadow-sm transition hover:bg-zinc-800">Save business settings</button>
            </form>
        </div>

        <section class="mt-8 rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
            <h2 class="text-xl font-bold text-zinc-950">Saved store chat configurations</h2>
            @if ($configurations->isEmpty())
                <p class="mt-3 text-sm text-zinc-600">No store has a saved AI chat configuration yet.</p>
            @else
                <div class="mt-4 overflow-x-auto">
                    <table class="min-w-full text-left text-sm">
                        <thead class="border-b text-xs uppercase tracking-wide text-zinc-500"><tr><th class="p-3">Store</th><th class="p-3">Chat</th><th class="p-3">Voice</th><th class="p-3">Status</th></tr></thead>
                        <tbody>
                        @foreach ($configurations as $configuration)
                            @php $storeName = $stores->firstWhere('id', $configuration->store_id)?->name ?? ($configuration->store_id ? 'Store #'.$configuration->store_id : 'Legacy global setting'); @endphp
                            <tr class="border-b border-zinc-100"><td class="p-3 font-medium text-zinc-900">{{ $storeName }}</td><td class="p-3">{{ $configuration->is_chat ? 'Enabled' : 'Disabled' }}</td><td class="p-3">Unavailable</td><td class="p-3">{{ $configuration->is_active ? 'Active' : 'Inactive' }}</td></tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </section>
    </section>
@endsection