@extends('layouts.admin')

@section('content')
<div class="row mb-3 align-items-center">
    <div class="col-md-8">
        <h1 class="m-0 font-weight-bold text-dark" style="font-size: 1.8rem;">
            <i class="fas fa-plus-circle text-primary mr-2"></i> Nueva Habitación o Pabellón
        </h1>
        <p class="text-muted mb-0">Registro de un nuevo espacio o pabellón clínico de internamiento</p>
    </div>
    <div class="col-md-4 text-md-right mt-2 mt-md-0">
        <a href="{{ route('admin.habitaciones.index') }}" class="btn btn-outline-secondary shadow-sm">
            <i class="fas fa-arrow-left mr-1"></i> Volver a Habitaciones
        </a>
    </div>
</div>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card card-outline card-primary shadow">
            <div class="card-header py-2 font-weight-bold">
                <i class="fas fa-door-open text-primary mr-1"></i> Formulario de Registro
            </div>
            <form action="{{ route('admin.habitaciones.store') }}" method="POST">
                @csrf
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4 form-group">
                            <label class="font-weight-bold">Código Identificador: <span class="text-danger">*</span></label>
                            <input type="text" name="codigo" class="form-control" value="{{ old('codigo') }}" placeholder="Ej: HAB-105, UCI-B" required>
                            @error('codigo') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>

                        <div class="col-md-8 form-group">
                            <label class="font-weight-bold">Nombre o Denominación: <span class="text-danger">*</span></label>
                            <input type="text" name="nombre" class="form-control" value="{{ old('nombre') }}" placeholder="Ej: Habitación 105 - Suite Ejecutiva, Pabellón Pediátrico" required>
                            @error('nombre') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4 form-group">
                            <label class="font-weight-bold">Piso / Nivel: <span class="text-danger">*</span></label>
                            <input type="text" name="piso" class="form-control" value="{{ old('piso', 'Piso 1') }}" placeholder="Ej: Planta Baja, Piso 1, Piso 2" required>
                        </div>

                        <div class="col-md-4 form-group">
                            <label class="font-weight-bold">Ala / Sector:</label>
                            <input type="text" name="ala_sector" class="form-control" value="{{ old('ala_sector') }}" placeholder="Ej: Ala Norte, Área Crítica">
                        </div>

                        <div class="col-md-4 form-group">
                            <label class="font-weight-bold">Tipo de Habitación: <span class="text-danger">*</span></label>
                            <select name="tipo" class="form-control" required>
                                <option value="Individual / Privada">Individual / Privada</option>
                                <option value="Doble / Compartida">Doble / Compartida</option>
                                <option value="UCI / Cuidados Intensivos">UCI / Cuidados Intensivos</option>
                                <option value="Recuperación Post-Quirúrgica">Recuperación Post-Quirúrgica</option>
                                <option value="Aislamiento">Aislamiento</option>
                                <option value="Pediátrica">Pediátrica / Maternidad</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="font-weight-bold">Descripción y Comodidades:</label>
                        <textarea name="descripcion" rows="3" class="form-control" placeholder="Baño privado, sofá cama acompañante, aire acondicionado, vista exterior...">{{ old('descripcion') }}</textarea>
                    </div>

                    <div class="form-group mb-0">
                        <label class="font-weight-bold">Estado Inicial: <span class="text-danger">*</span></label>
                        <select name="estado" class="form-control" required>
                            <option value="Activa">Activa / Habilitada</option>
                            <option value="Mantenimiento">Mantenimiento</option>
                            <option value="Inactiva">Inactiva</option>
                        </select>
                    </div>
                </div>

                <div class="card-footer bg-white text-right py-3">
                    <a href="{{ route('admin.habitaciones.index') }}" class="btn btn-secondary mr-2">Cancelar</a>
                    <button type="submit" class="btn btn-primary font-weight-bold px-4 shadow">
                        <i class="fas fa-save mr-1"></i> Guardar Habitación
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection