@extends('layouts.admin')

@section('content')
<div class="container-fluid py-4">

    {{-- En-tête --}}
    <div class="d-flex justify-content-between align-items-center mb-4 pb-3 border-bottom">
        <div>
            <h1 class="h3 fw-bold mb-1">Ajouter une Chambre</h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 small">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}" class="text-decoration-none">Administration</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.chambres.index') }}" class="text-decoration-none">Chambres</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Création</li>
                </ol>
            </nav>
        </div>
        <div>
            <a href="{{ route('admin.chambres.index') }}" class="btn btn-sm btn-light border rounded-pill px-3 fw-bold shadow-sm">
                <i class="fa-solid fa-arrow-left me-2"></i> Retour à la liste
            </a>
        </div>
    </div>

    {{-- Formulaire --}}
    <div class="row">
        <div class="col-lg-8">
            <div class="card border-0 shadow-sm rounded-4 p-4">
                <form action="{{ route('admin.chambres.store') }}" method="POST">
                    @csrf

                    <div class="mb-4">
                        <label for="nom_chambre" class="form-label fw-bold small text-muted text-uppercase">Nom de la chambre <span class="text-danger">*</span></label>
                        <input type="text" class="form-control rounded-3 @error('nom_chambre') is-invalid @enderror" id="nom_chambre" name="nom_chambre" value="{{ old('nom_chambre') }}" placeholder="Ex : Chambre Présidentielle, 1ère Chambre, etc." required>
                        @error('nom_chambre')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-4">
                        <label for="description" class="form-label fw-bold small text-muted text-uppercase">Description</label>
                        <textarea class="form-control rounded-3 @error('description') is-invalid @enderror" id="description" name="description" rows="5" placeholder="Décrivez brièvement les attributions de cette chambre...">{{ old('description') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="border-top pt-3 text-end">
                        <button type="submit" class="btn btn-primary rounded-pill px-4 fw-bold">
                            <i class="fa-solid fa-check me-2"></i> Enregistrer
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection