@extends('portal.layouts.app')

@section('title', 'Settings')
@section('subtitle', 'Operational switches that take effect without a deployment')

@section('content')

    <form method="POST" action="{{ route('settings.update') }}" class="space-y-5">
        @csrf

        @foreach ($groups as $group => $settings)
            <x-card :title="str($group)->headline()">
                <div class="space-y-4">
                    @foreach ($settings as $setting)
                        <div class="grid gap-2 sm:grid-cols-3 sm:items-start">
                            <label class="text-sm font-medium text-slate-700 sm:col-span-1" for="setting-{{ $setting->id }}">
                                {{ $setting->label ?? $setting->key }}
                                <span class="mt-0.5 block font-mono text-[11px] font-normal text-slate-400">{{ $setting->key }}</span>
                            </label>

                            <div class="sm:col-span-2">
                                @if ($setting->type === 'boolean')
                                    <label class="flex items-center gap-2 text-sm text-slate-600">
                                        <input type="checkbox" id="setting-{{ $setting->id }}"
                                               name="settings[{{ $setting->key }}]" value="1"
                                               @checked($setting->castValue())
                                               class="check">
                                        Enabled
                                    </label>
                                @elseif ($setting->type === 'text')
                                    <textarea id="setting-{{ $setting->id }}" name="settings[{{ $setting->key }}]" rows="2"
                                              class="field">{{ $setting->value }}</textarea>
                                @else
                                    <input id="setting-{{ $setting->id }}" name="settings[{{ $setting->key }}]"
                                           type="{{ $setting->type === 'integer' ? 'number' : 'text' }}"
                                           value="{{ $setting->value }}"
                                           class="field">
                                @endif

                                @if ($setting->description)
                                    <p class="mt-1 text-xs text-slate-500">{{ $setting->description }}</p>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </x-card>
        @endforeach

        <button class="btn-primary px-5 py-2.5">
            Save settings
        </button>
    </form>

@endsection