@extends('admin.layouts.app')

@section('title', __('admin.menu_site_settings'))
@section('heading', __('admin.menu_site_settings'))

@section('content')
<x-admin.page-header
    :title="__('admin.menu_site_settings')"
    :subtitle="__('admin.site_settings_intro')" />

<form method="post" action="{{ route('admin.site-settings.update') }}" class="space-y-6">
    @csrf
    @method('PUT')

    <section class="admin-card space-y-4">
        <div>
            <h2 class="text-base font-semibold text-slate-900">{{ __('admin.site_settings_profile_title') }}</h2>
            <p class="mt-1 text-sm text-slate-500">{{ __('admin.site_settings_profile_hint') }}</p>
        </div>
        <div class="grid gap-3 md:grid-cols-2">
            @foreach ($availableProfiles as $profileKey)
            <label class="admin-option-tile">
                <span>
                    <span class="block font-medium text-slate-800">{{ __('admin.site_profile_'.$profileKey) }}</span>
                    <span class="mt-1 block text-xs text-slate-500">{{ __('admin.site_profile_'.$profileKey.'_hint') }}</span>
                </span>
                <input
                    type="radio"
                    name="site_profile"
                    value="{{ $profileKey }}"
                    class="mt-1 border-slate-300 text-brand-accent focus:ring-brand-accent"
                    @checked($currentProfile===$profileKey) />
            </label>
            @endforeach
        </div>
    </section>

    <section class="admin-card space-y-4">
        <div>
            <h2 class="text-base font-semibold text-slate-900">{{ __('admin.site_settings_languages_title') }}</h2>
            <p class="mt-1 text-sm text-slate-500">{{ __('admin.site_settings_languages_hint') }}</p>
        </div>
        <div class="grid gap-3 md:grid-cols-3">
            @foreach ($allLocales as $locale => $label)
            <label class="admin-option-tile items-center">
                <span class="font-medium text-slate-800">{{ $label }} <span class="text-xs text-slate-500">({{ strtoupper($locale) }})</span></span>
                <input
                    type="checkbox"
                    name="enabled_locales[]"
                    value="{{ $locale }}"
                    class="rounded border-slate-300 text-brand-accent focus:ring-brand-accent"
                    @checked(in_array($locale, $enabledLocales, true)) />
            </label>
            @endforeach
        </div>
    </section>

    <section class="admin-card space-y-4">
        <div>
            <h2 class="text-base font-semibold text-slate-900">{{ __('admin.site_settings_modules_title') }}</h2>
            <p class="mt-1 text-sm text-slate-500">{{ __('admin.site_settings_modules_hint') }}</p>
        </div>

        @foreach ($features as $group => $items)
        <div class="space-y-3">
            <h3 class="text-sm font-semibold uppercase tracking-wide text-slate-500">{{ __('admin.feature_group_'.$group) }}</h3>
            <div class="grid gap-3 md:grid-cols-2">
                @foreach ($items as $key => $meta)
                @php($featureKey = str_replace('.', '_', $key))
                <label class="admin-option-tile">
                    <span>
                        <span class="block font-medium text-slate-800">{{ __('admin.feature_'.$featureKey) }}</span>
                        <span class="mt-1 block text-xs text-slate-500">{{ __('admin.feature_'.$featureKey.'_desc') }}</span>
                    </span>
                    <input type="hidden" name="features[{{ $key }}]" value="0" />
                    <input
                        type="checkbox"
                        name="features[{{ $key }}]"
                        value="1"
                        class="mt-1 rounded border-slate-300 text-brand-accent focus:ring-brand-accent"
                        @checked($meta['enabled']) />
                </label>
                @endforeach
            </div>
        </div>
        @endforeach
    </section>

    <section class="admin-card space-y-4">
        <div>
            <h2 class="text-base font-semibold text-slate-900">{{ __('admin.site_settings_chat_title') }}</h2>
            <p class="mt-1 text-sm text-slate-500">{{ __('admin.site_settings_chat_hint') }}</p>
        </div>
        <div class="grid gap-3 md:grid-cols-2">
            @forelse ($chatIntents as $key => $meta)
            <label class="admin-option-tile">
                <span>
                    <span class="block font-medium text-slate-800">{{ __('admin.chat_intent_'.$key) }}</span>
                    <span class="mt-1 block text-xs text-slate-500">{{ __('admin.chat_intent_'.$key.'_hint') }}</span>
                </span>
                <input
                    type="checkbox"
                    name="enabled_chat_intents[]"
                    value="{{ $key }}"
                    class="mt-1 rounded border-slate-300 text-brand-accent focus:ring-brand-accent"
                    @checked(in_array($key, $enabledChatIntents, true)) />
            </label>
            @empty
            <p class="text-sm text-slate-500 md:col-span-2">{{ __('admin.site_settings_chat_empty') }}</p>
            @endforelse
        </div>
    </section>

    <section class="admin-card space-y-4">
        <div>
            <h2 class="text-base font-semibold text-slate-900">{{ __('admin.site_settings_auth_title') }}</h2>
            <p class="mt-1 text-sm text-slate-500">{{ __('admin.site_settings_auth_hint') }}</p>
        </div>
        <div class="grid gap-3 md:grid-cols-2">
            @foreach ($authMethods as $key => $meta)
            <label class="admin-option-tile">
                <span>
                    <span class="block font-medium text-slate-800">{{ __('admin.auth_method_'.$key) }}</span>
                    <span class="mt-1 block text-xs text-slate-500">{{ __('admin.auth_method_'.$key.'_desc') }}</span>
                </span>
                <input
                    type="checkbox"
                    name="enabled_auth_methods[]"
                    value="{{ $key }}"
                    class="mt-1 rounded border-slate-300 text-brand-accent focus:ring-brand-accent"
                    @checked(in_array($key, $enabledAuthMethods, true)) />
            </label>
            @endforeach
        </div>
    </section>

    @include('admin.partials.form-footer', ['cancelRoute' => route('admin.dashboard')])
</form>
@endsection