@extends('layouts.app')

@section('title', 'Paramètres')
@section('header', 'Paramètres globaux')

@section('content')
<div class="max-w-2xl">
    @if(session('success'))
        <div class="mb-4 p-4 bg-green-50 border border-green-200 text-green-700 rounded">{{ session('success') }}</div>
    @endif

    <form method="POST" action="{{ route('admin.settings.update') }}">
        @csrf
        <div class="bg-white rounded shadow p-6 space-y-6">
            <h3 class="font-semibold text-lg">Groupes Keycloak</h3>
            <p class="text-sm text-gray-500">
                Nom du groupe Keycloak qui donne le niveau d'accès correspondant.
                Les chefs sont reconnus par préfixe (ex. <code>SECU-CHEF</code> matche <code>SECU-CHEF-URBANISME</code>).
            </p>

            @foreach($settings as $cle => $info)
            <div>
                <label for="{{ $cle }}" class="block text-sm font-medium text-gray-700 mb-1">{{ $info['label'] }}</label>
                <input type="text" id="{{ $cle }}" name="{{ $cle }}" value="{{ old($cle, $info['valeur']) }}"
                       class="block w-full rounded border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 text-sm"
                       placeholder="Nom du groupe Keycloak">
            </div>
            @endforeach
        </div>

        <div class="mt-6 flex justify-end">
            <button type="submit"
                    class="px-6 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition text-sm font-medium">
                Sauvegarder
            </button>
        </div>
    </form>
</div>
@endsection