@extends('admin.layouts.app')

@section('title', __('admin.menu.settings'))
@section('page-title', __('admin.menu.settings'))

@php
    // Group the flat schema into the tabs shown below, keeping the setting keys.
    $grouped = collect($schema)->groupBy(fn ($meta) => $meta[0], preserveKeys: true);
    $groups = ['general', 'contact', 'social', 'app'];
@endphp

@section('content')
    <form method="POST" action="{{ route('admin.settings.update') }}">
        @csrf
        @method('PUT')

        <div class="card">
            <div class="card-header p-0">
                <ul class="nav nav-tabs card-header-tabs m-0 px-2 pt-2" role="tablist">
                    @foreach ($groups as $index => $group)
                        <li class="nav-item">
                            <button class="nav-link {{ $index === 0 ? 'active' : '' }}" data-bs-toggle="tab"
                                    data-bs-target="#tab-{{ $group }}" type="button" role="tab">
                                {{ __('admin.settings.'.$group) }}
                            </button>
                        </li>
                    @endforeach
                </ul>
            </div>

            <div class="card-body tab-content">
                @foreach ($groups as $index => $group)
                    <div class="tab-pane fade {{ $index === 0 ? 'show active' : '' }}" id="tab-{{ $group }}" role="tabpanel">
                        <div class="row g-3">
                            @foreach ($grouped[$group] ?? [] as $key => $meta)
                                @php $value = $settings[$key] ?? null; @endphp

                                @if ($meta[1] === 'boolean')
                                    <x-admin.switcher :name="$key" :label="__('admin.settings.'.$key)" :checked="(bool) $value" col="col-md-4" />
                                @elseif ($meta[1] === 'textarea')
                                    <x-admin.textarea :name="$key" :label="__('admin.settings.'.$key)" :value="$value" col="col-md-8" />
                                @else
                                    <x-admin.input :name="$key" :label="__('admin.settings.'.$key)" :value="$value" col="col-md-6" />
                                @endif
                            @endforeach
                        </div>
                    </div>
                @endforeach
            </div>

            <div class="card-footer bg-white">
                <button class="btn btn-primary" type="submit">
                    <i class="bi bi-check-lg"></i> {{ __('admin.actions.save') }}
                </button>
            </div>
        </div>
    </form>
@endsection