@extends('layouts.admin')

@section('title', 'Site settings')

@section('content')
    <form action="{{ route('admin.settings.update') }}" method="POST" enctype="multipart/form-data" class="max-w-4xl"
          x-data="{ tab: '{{ array_key_first($groups->all()) }}' }">
        @csrf
        @method('PUT')

        <div class="mb-5 flex flex-wrap gap-2">
            @foreach ($groups as $group => $rows)
                <button type="button" @click="tab = '{{ $group }}'"
                        :class="tab === '{{ $group }}' ? 'pill-active' : 'pill-idle'">
                    {{ Str::headline($group) }}
                </button>
            @endforeach
        </div>

        @foreach ($groups as $group => $rows)
            <div x-show="tab === '{{ $group }}'" x-cloak>
                <x-admin.form-section :title="Str::headline($group)">
                    @foreach ($rows as $row)
                        @php($fieldName = 'settings['.$row->key.']')

                        @switch($row->type)
                            @case('textarea')
                                <x-form.textarea :name="$fieldName" :label="$row->label ?: Str::headline($row->key)"
                                                 :value="$row->value" rows="4" :hint="$row->help" class="sm:col-span-2" />
                                @break

                            @case('rich')
                                <x-form.rich :name="$fieldName" :label="$row->label ?: Str::headline($row->key)"
                                             :value="$row->value" :hint="$row->help" class="sm:col-span-2" />
                                @break

                            @case('image')
                                <x-form.file :name="'files['.$row->key.']'" :label="$row->label ?: Str::headline($row->key)"
                                             :existing="$row->value" accept="image/*" :hint="$row->help" />
                                @break

                            @case('file')
                                <x-form.file :name="'files['.$row->key.']'" :label="$row->label ?: Str::headline($row->key)"
                                             :existing="$row->value" :preview="false" :hint="$row->help" />
                                @break

                            @case('boolean')
                                <x-form.checkbox :name="$fieldName" :label="$row->label ?: Str::headline($row->key)"
                                                 :checked="filter_var($row->value, FILTER_VALIDATE_BOOL)" :hint="$row->help" />
                                @break

                            @case('number')
                                <x-form.input :name="$fieldName" type="number" :label="$row->label ?: Str::headline($row->key)"
                                              :value="$row->value" :hint="$row->help" />
                                @break

                            @default
                                <x-form.input :name="$fieldName" :label="$row->label ?: Str::headline($row->key)"
                                              :value="$row->value" :hint="$row->help" />
                        @endswitch
                    @endforeach
                </x-admin.form-section>
            </div>
        @endforeach

        <div class="flex items-center gap-3">
            <button type="submit" class="btn-primary">Save settings</button>
        </div>
    </form>

    <div class="admin-card mt-8 max-w-4xl p-5 sm:p-6">
        <h2 class="text-base">Performance</h2>
        <p class="mt-1 text-sm text-text-muted">
            Navigation, sector lists and footer content are cached. Clear the cache after bulk content edits made outside the panel.
        </p>

        <form action="{{ route('admin.settings.cache') }}" method="POST" class="mt-4">
            @csrf @method('DELETE')
            <button type="submit" class="btn-outline">Clear application cache</button>
        </form>
    </div>
@endsection