@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> Registrar Cama Hospitalaria
        </h1>
        <p class="text-muted mb-0">Agregar una nueva cama clínica asignada a una habitación o pabellón</p>
    </div>
    <div class="col-md-4 text-md-right mt-2 mt-md-0">
        <a href="{{ route('admin.camas.index') }}" class="btn btn-outline-secondary shadow-sm">
            <i class="fas fa-arrow-left mr-1"></i> Volver a Camas
        </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-bed text-primary mr-1"></i> Formulario de Cama Hospitalaria
            </div>
            <form action="{{ route('admin.camas.store') }}" method="POST">
                @csrf
                <div class="card-body">
                    <div class="form-group">
                        <label class="font-weight-bold">Habitación / Sala de Destino: <span class="text-danger">*</span></label>
                        <select name="habitacion_id" class="form-control" required>
                            <option value="">-- Seleccionar Habitación --</option>
                            @foreach($habitaciones as $hab)
                                <option value="{{ $hab->id }}" {{ (old('habitacion_id', $habitacion_id) == $hab->id) ? 'selected' : '' }}>
                                    {{ $hab->codigo }} — {{ $hab->nombre }} ({{ $hab->piso }} &bull; {{ $hab->tipo }})
                                </option>
                            @endforeach
                        </select>
                        @error('habitacion_id') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-4 form-group">
                            <label class="font-weight-bold">Código de Cama: <span class="text-danger">*</span></label>
                            <input type="text" name="codigo" class="form-control" value="{{ old('codigo') }}" placeholder="Ej: CAMA-101-A, UCI-04" required>
                            @error('codigo') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>

                        <div class="col-md-8 form-group">
                            <label class="font-weight-bold">Nombre / Identificador Visual: <span class="text-danger">*</span></label>
                            <input type="text" name="nombre" class="form-control" value="{{ old('nombre') }}" placeholder="Ej: Cama Eléctrica 101-A (Ventana)" 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">Tipo de Cama: <span class="text-danger">*</span></label>
                            <select name="tipo" class="form-control" required>
                                <option value="Clínica Manual">Clínica Manual</option>
                                <option value="Eléctrica Articulada">Eléctrica Articulada</option>
                                <option value="UCI Multiparamétrica">UCI Multiparamétrica</option>
                                <option value="Cuna Pediátrica">Cuna Pediátrica</option>
                                <option value="Camilla Observación">Camilla Observación</option>
                            </select>
                        </div>

                        <div class="col-md-4 form-group">
                            <label class="font-weight-bold">Tarifa por Día ($): <span class="text-danger">*</span></label>
                            <input type="number" step="0.01" name="precio_dia" class="form-control" value="{{ old('precio_dia', '40.00') }}" required>
                        </div>

                        <div class="col-md-4 form-group">
                            <label class="font-weight-bold">Estado Inicial: <span class="text-danger">*</span></label>
                            <select name="estado" class="form-control" required>
                                <option value="Disponible">Disponible</option>
                                <option value="Limpieza">En Limpieza</option>
                                <option value="Mantenimiento">Mantenimiento</option>
                                <option value="Reservada">Reservada</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="font-weight-bold">Equipamiento Asignado:</label>
                        <textarea name="equipamiento" rows="2" class="form-control" placeholder="Ej: Toma de oxígeno central, aspiración, atril porta sueros, monitor de cabecera...">{{ old('equipamiento') }}</textarea>
                    </div>

                    <div class="form-group mb-0">
                        <label class="font-weight-bold">Observaciones Técnicas:</label>
                        <input type="text" name="observaciones" class="form-control" value="{{ old('observaciones') }}" placeholder="Notas de mantenimiento o especificaciones de la cama...">
                    </div>
                </div>

                <div class="card-footer bg-white text-right py-3">
                    <a href="{{ route('admin.camas.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 Cama
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection