@extends('layouts.examiner')
@section('title', 'CBT Settings')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">CBT Settings</h1>
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        <i class="fas fa-check-circle mr-1"></i> {{ session('success') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif

@if($settings->isEmpty())
    <div class="alert alert-warning">
        <i class="fas fa-exclamation-triangle mr-1"></i>
        No settings found in the database yet. Run
        <code>php artisan db:seed --class="Database\Seeders\CbtSettingSeeder"</code>
        to populate defaults from the current config.
    </div>
@else
<form method="POST" action="{{ route('examiner.settings.update') }}">
    @csrf
    @method('PUT')

    @foreach($settings as $group => $items)
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-sliders-h mr-1"></i> {{ $groupLabels[$group] ?? ucfirst($group ?? 'other') }}
            </h6>
        </div>
        <div class="card-body">
            @foreach($items as $setting)
            <div class="form-group row align-items-center">
                <label for="{{ $setting->key }}" class="col-sm-5 col-form-label">
                    <span class="font-weight-bold">{{ $setting->label ?? $setting->key }}</span>
                    @if($setting->description)
                        <br><small class="text-muted">{{ $setting->description }}</small>
                    @endif
                </label>
                <div class="col-sm-7">
                    @if($setting->type === 'boolean')
                        <div class="custom-control custom-switch">
                            <input type="checkbox" class="custom-control-input" id="{{ $setting->key }}"
                                   name="{{ $setting->key }}" value="1"
                                   {{ old($setting->key, $setting->castValue()) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="{{ $setting->key }}">Enabled</label>
                        </div>
                    @elseif(in_array($setting->type, ['integer', 'float']))
                        <input type="number" @if($setting->type === 'float') step="any" @endif
                               class="form-control @error($setting->key) is-invalid @enderror"
                               id="{{ $setting->key }}" name="{{ $setting->key }}"
                               value="{{ old($setting->key, $setting->value) }}">
                        @error($setting->key)<div class="invalid-feedback">{{ $message }}</div>@enderror
                    @else
                        <input type="text"
                               class="form-control @error($setting->key) is-invalid @enderror"
                               id="{{ $setting->key }}" name="{{ $setting->key }}"
                               value="{{ old($setting->key, $setting->value) }}">
                        @error($setting->key)<div class="invalid-feedback">{{ $message }}</div>@enderror
                    @endif
                </div>
            </div>
            @endforeach
        </div>
    </div>
    @endforeach

    <button type="submit" class="btn btn-primary">
        <i class="fas fa-save mr-1"></i> Save Settings
    </button>
</form>
@endif
@endsection