@extends('layouts.admin')

@section('title', 'Settings')
@section('page-title', 'System Configuration')
@section('page-subtitle', 'Google Maps API, offline sync, encryption and notifications')

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

    @foreach ($groups as $group => $fields)
        <div class="panel p-3 mb-3">
            <div class="fw-semibold text-heading mb-3 text-capitalize">{{ str_replace('_',' ',$group) }} Settings</div>
            <div class="row g-3">
                @foreach ($fields as $field)
                    <div class="col-md-6">
                        <label class="form-label small text-navy-300">{{ $field['label'] }}</label>
                        @if ($field['type'] === 'boolean')
                            <div class="form-check form-switch mt-2">
                                <input class="form-check-input" type="checkbox" name="{{ $field['key'] }}" value="1"
                                       {{ ($values[$field['key']] ?? '') == '1' ? 'checked' : '' }}>
                            </div>
                        @else
                            <input type="{{ $field['type'] === 'integer' ? 'number' : 'text' }}" name="{{ $field['key'] }}"
                                   value="{{ $values[$field['key']] ?? '' }}" class="form-control">
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    @endforeach

    <button type="submit" class="btn btn-primary"><i class="bi bi-check2"></i> Save Configuration</button>
</form>
@endsection