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

<div class="card shadow-sm mb-3">
    <div class="card-body">
        <form method="POST" action="{{ route('pays.store') }}" class="row g-2">
            @csrf
            <div class="col-md-4"><input class="form-control" name="nom" placeholder="Nom du pays" required></div>
            <div class="col-md-2"><input class="form-control" name="code_region" placeholder="Code région"></div>
            <div class="col-md-2"><input class="form-control" name="cpl" placeholder="CPL"></div>
            <div class="col-md-2"><input class="form-control" name="cp" placeholder="CP"></div>
            <div class="col-md-2"><button class="btn btn-primary w-100">Ajouter</button></div>
        </form>
    </div>
</div>

{{-- Un <form> par ligne ne peut pas envelopper des <td> (invalide en HTML table).
     On déclare donc des formulaires "invisibles" hors du tableau, et chaque
     champ/bouton de la ligne s'y rattache via l'attribut form="...". --}}
@foreach($items as $p)
    <form id="pays-update-{{ $p->id }}" method="POST" action="{{ route('pays.update', $p) }}">
        @csrf @method('PUT')
    </form>
    <form id="pays-delete-{{ $p->id }}" method="POST" action="{{ route('pays.destroy', $p) }}">
        @csrf @method('DELETE')
    </form>
@endforeach

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-sm mb-0">
            <thead><tr><th>Nom</th><th>Code région</th><th>CPL</th><th>CP</th><th></th></tr></thead>
            <tbody>
            @foreach($items as $p)
                <tr>
                    <td><input class="form-control form-control-sm" form="pays-update-{{ $p->id }}" name="nom" value="{{ $p->nom }}"></td>
                    <td><input class="form-control form-control-sm" form="pays-update-{{ $p->id }}" name="code_region" value="{{ $p->code_region }}"></td>
                    <td><input class="form-control form-control-sm" form="pays-update-{{ $p->id }}" name="cpl" value="{{ $p->cpl }}"></td>
                    <td><input class="form-control form-control-sm" form="pays-update-{{ $p->id }}" name="cp" value="{{ $p->cp }}"></td>
                    <td class="text-nowrap">
                        <button class="btn btn-sm btn-outline-primary" form="pays-update-{{ $p->id }}">Enreg.</button>
                        <button class="btn btn-sm btn-outline-danger" form="pays-delete-{{ $p->id }}" onclick="return confirm('Supprimer ?');">✕</button>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection