@extends('layouts.app')
@section('title', __('Cookie banner'))
@section('page-title', __('Cookie banner'))
@section('page-subtitle', __('Configure the consent banner shown to first-time visitors.'))

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

<div x-data="{ tab: '{{ $locales[0] }}' }">
    <form method="POST" action="{{ route('super-admin.cookie.update') }}" class="space-y-6">
        @csrf

        <div class="card card-pad grid sm:grid-cols-3 gap-4">
            <label class="flex items-center gap-2">
                <input type="hidden" name="enabled" value="0">
                <input type="checkbox" name="enabled" value="1" class="w-4 h-4 accent-brand-600"
                       @checked(old('enabled', $settings['enabled'] ?? '1') === '1')>
                <span class="text-sm">{{ __('Show banner on the public site') }}</span>
            </label>
            <div class="sm:col-span-2">
                <label class="form-label">{{ __('Privacy policy URL') }}</label>
                <input type="text" name="policy_url" class="form-input"
                       value="{{ old('policy_url', $settings['policy_url'] ?? '/privacy') }}">
            </div>
        </div>

        <div class="card overflow-hidden">
            <div class="flex border-b border-slate-200/70 dark:border-slate-800 overflow-x-auto">
                @foreach($locales as $loc)
                    <button type="button" @click="tab='{{ $loc }}'"
                            :class="tab==='{{ $loc }}' ? 'text-brand-700 border-brand-500' : 'text-slate-500 border-transparent'"
                            class="px-5 py-3 text-sm font-semibold uppercase tracking-wider border-b-2 transition whitespace-nowrap">
                        {{ $loc }}
                    </button>
                @endforeach
            </div>
            @foreach($locales as $loc)
                <div x-show="tab==='{{ $loc }}'" x-cloak class="p-6 space-y-4" dir="{{ $loc==='ar' ? 'rtl' : 'ltr' }}">
                    <div>
                        <label class="form-label">{{ __('Banner message') }} ({{ strtoupper($loc) }})</label>
                        <textarea name="message_{{ $loc }}" rows="3" class="form-input">{{ old("message_$loc", $settings["message_$loc"] ?? '') }}</textarea>
                    </div>
                    <div class="grid sm:grid-cols-2 gap-4">
                        <div>
                            <label class="form-label">{{ __('Accept button label') }} ({{ strtoupper($loc) }})</label>
                            <input type="text" name="accept_label_{{ $loc }}" class="form-input"
                                   value="{{ old("accept_label_$loc", $settings["accept_label_$loc"] ?? '') }}">
                        </div>
                        <div>
                            <label class="form-label">{{ __('Decline button label') }} ({{ strtoupper($loc) }})</label>
                            <input type="text" name="decline_label_{{ $loc }}" class="form-input"
                                   value="{{ old("decline_label_$loc", $settings["decline_label_$loc"] ?? '') }}">
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

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