@extends('layouts.admin')

@section('title', 'Settings — '.config('app.name'))
@section('page_title', 'Settings')

@section('breadcrumbs')
    <li class="breadcrumb-item active">Settings</li>
@endsection

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

        @foreach ($grouped as $group => $items)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0 text-capitalize">{{ $group }}</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        @foreach ($items as $setting)
                            @php($composite = $setting->group.'.'.$setting->key)
                            <div class="col-md-6">
                                <label class="form-label" for="setting-{{ $composite }}">
                                    {{ $labels[$composite] ?? $setting->key }}
                                </label>
                                <input
                                    id="setting-{{ $composite }}"
                                    type="text"
                                    name="settings[{{ $composite }}]"
                                    value="{{ old('settings.'.$composite, $setting->value) }}"
                                    class="form-control @error('settings.'.$composite) is-invalid @enderror"
                                >
                                @error('settings.'.$composite)
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach

        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Feature flags</h5>
            </div>
            <div class="card-body">
                @forelse ($flags as $flag)
                    <div class="form-check mb-3">
                        <input type="hidden" name="flags[{{ $flag->key }}]" value="0">
                        <input
                            class="form-check-input"
                            type="checkbox"
                            id="flag-{{ $flag->key }}"
                            name="flags[{{ $flag->key }}]"
                            value="1"
                            @checked(old('flags.'.$flag->key, $flag->enabled))
                        >
                        <label class="form-check-label" for="flag-{{ $flag->key }}">
                            <strong>{{ $flag->name }}</strong>
                            @if ($flag->description)
                                <span class="text-muted d-block">{{ $flag->description }}</span>
                            @endif
                        </label>
                    </div>
                @empty
                    <p class="text-muted mb-0">No feature flags seeded.</p>
                @endforelse
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Save settings</button>
    </form>
@endsection