@extends('layouts.admin')

@section('content')
<div class="row mb-3 align-items-center">
    <div class="col-md-6">
        <h1 class="m-0 font-weight-bold text-dark" style="font-size: 1.8rem;">
            <i class="fas fa-door-open text-primary mr-2"></i> Habitaciones y Pabellones
        </h1>
        <p class="text-muted mb-0">Gestión de salas, pabellones de internamiento y capacidad instalada</p>
    </div>
    <div class="col-md-6 text-md-right mt-3 mt-md-0">
        <a href="{{ route('admin.habitaciones.create') }}" class="btn btn-primary shadow-sm mr-2 font-weight-bold">
            <i class="fas fa-plus-circle mr-1"></i> Nueva Habitación / Pabellón
        </a>
        <a href="{{ route('admin.hospitalizaciones.index') }}" class="btn btn-outline-secondary shadow-sm">
            <i class="fas fa-arrow-left mr-1"></i> Hospitalización
        </a>
    </div>
</div>

<div class="card card-outline card-primary shadow">
    <div class="card-header py-2">
        <h3 class="card-title font-weight-bold">
            <i class="fas fa-list text-primary mr-1"></i> Listado de Habitaciones ({{ $habitaciones->count() }})
        </h3>
    </div>
    <div class="card-body table-responsive">
        <table id="tablaHabitaciones" class="table table-bordered table-hover table-striped table-sm text-center">
            <thead class="thead-dark">
                <tr>
                    <th style="width: 50px;">N°</th>
                    <th>Código</th>
                    <th class="text-left">Nombre / Sala</th>
                    <th>Piso / Sector</th>
                    <th>Tipo</th>
                    <th>Camas Totales</th>
                    <th>Libres</th>
                    <th>Ocupadas</th>
                    <th>Estado</th>
                    <th style="width: 140px;">Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach($habitaciones as $index => $hab)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td><span class="badge badge-light border font-weight-bold">{{ $hab->codigo }}</span></td>
                        <td class="text-left font-weight-bold text-dark">
                            {{ $hab->nombre }}
                            @if($hab->descripcion)
                                <div class="small text-muted font-weight-normal">{{ Str::limit($hab->descripcion, 40) }}</div>
                            @endif
                        </td>
                        <td>{{ $hab->piso }} @if($hab->ala_sector) <br><small class="text-muted">{{ $hab->ala_sector }}</small> @endif</td>
                        <td><span class="badge badge-info">{{ $hab->tipo }}</span></td>
                        <td><span class="badge badge-pill badge-secondary font-weight-bold">{{ $hab->camas_count }}</span></td>
                        <td><span class="badge badge-pill badge-success font-weight-bold">{{ $hab->camas_disponibles_count }}</span></td>
                        <td><span class="badge badge-pill badge-danger font-weight-bold">{{ $hab->camas_ocupadas_count }}</span></td>
                        <td><span class="badge {{ $hab->badge_estado }}">{{ $hab->estado }}</span></td>
                        <td>
                            <div class="btn-group" role="group">
                                <a href="{{ route('admin.camas.index', ['habitacion_id' => $hab->id]) }}" class="btn btn-info btn-sm" title="Ver Camas">
                                    <i class="fas fa-bed"></i>
                                </a>
                                <a href="{{ route('admin.habitaciones.edit', $hab->id) }}" class="btn btn-warning btn-sm text-white" title="Editar">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <form action="{{ route('admin.habitaciones.destroy', $hab->id) }}" method="POST" onsubmit="return confirm('¿Eliminar habitación?');" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm" title="Eliminar" {{ $hab->camas_ocupadas_count > 0 ? 'disabled' : '' }}>
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<script>
    $(function () {
        $('#tablaHabitaciones').DataTable({
            "pageLength": 10,
            "language": {
                "emptyTable": "No hay habitaciones registradas",
                "info": "Mostrando _START_ a _END_ de _TOTAL_ habitaciones",
                "search": "Buscador:",
                "paginate": { "first": "Primero", "last": "Último", "next": "Siguiente", "previous": "Anterior" }
            },
            "responsive": true,
            "autoWidth": false
        });
    });
</script>
@endsection