@extends('layouts.app')
@section('title', $label)
@section('content')
<h3 class="mb-4">Paramètres — {{ $label }}</h3>

<div class="row g-3">
    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-header">Liste</div>
            <ul class="list-group list-group-flush">
                @forelse($items as $item)
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <form method="POST" action="{{ route('reference.update', [$type, $item->id]) }}" class="d-flex flex-grow-1 gap-2">
                            @csrf @method('PUT')
                            <input class="form-control form-control-sm" name="nom" value="{{ $item->nom }}">
                            <button class="btn btn-sm btn-outline-primary">Enregistrer</button>
                        </form>
                        <form method="POST" action="{{ route('reference.destroy', [$type, $item->id]) }}" class="ms-2" onsubmit="return confirm('Supprimer ?');">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">✕</button>
                        </form>
                    </li>
                @empty
                    <li class="list-group-item text-muted">Aucun élément.</li>
                @endforelse
            </ul>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-header">Ajouter un élément</div>
            <div class="card-body">
                <form method="POST" action="{{ route('reference.store', $type) }}" class="d-flex gap-2">
                    @csrf
                    <input class="form-control" name="nom" placeholder="Nom" required>
                    <button class="btn btn-primary">Ajouter</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection