@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-procedures text-primary mr-2"></i> Módulo de Hospitalización
            </h1>
            <p class="text-muted mb-0">Gestión de internamientos, asignación de camas, evoluciones médicas y epicrisis</p>
        </div>
        <div class="col-md-6 text-md-right mt-3 mt-md-0">
            <a href="{{ route('admin.hospitalizaciones.create') }}" class="btn btn-primary shadow-sm mr-2 font-weight-bold">
                <i class="fas fa-plus-circle mr-1"></i> Nuevo Ingreso
            </a>
            <a href="{{ route('admin.hospitalizaciones.mapa') }}" class="btn btn-info shadow-sm mr-2 font-weight-bold text-white">
                <i class="fas fa-th-large mr-1"></i> Mapa de Camas
            </a>
            <div class="btn-group">
                <button type="button" class="btn btn-outline-secondary dropdown-toggle shadow-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fas fa-cog mr-1"></i> Gestión
                </button>
                <div class="dropdown-menu dropdown-menu-right shadow">
                    <a class="dropdown-item" href="{{ route('admin.habitaciones.index') }}">
                        <i class="fas fa-door-open text-primary mr-2"></i> Habitaciones y Salas
                    </a>
                    <a class="dropdown-item" href="{{ route('admin.camas.index') }}">
                        <i class="fas fa-bed text-success mr-2"></i> Camas Hospitalarias
                    </a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="{{ route('admin.hospitalizaciones.reportes') }}">
                        <i class="fas fa-chart-line text-info mr-2"></i> Reportes y Estadísticas
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Tarjetas de Métricas / KPIs -->
    <div class="row">
        <!-- Total Camas -->
        <div class="col-lg-2 col-md-4 col-6">
            <div class="small-box bg-gradient-navy shadow-sm">
                <div class="inner">
                    <h3>{{ $totalCamas }}</h3>
                    <p class="font-weight-bold mb-0">Total Camas</p>
                </div>
                <div class="icon">
                    <i class="fas fa-bed"></i>
                </div>
                <a href="{{ route('admin.camas.index') }}" class="small-box-footer py-1">
                    Ver todas <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>

        <!-- Pacientes Internados -->
        <div class="col-lg-2 col-md-4 col-6">
            <div class="small-box bg-gradient-danger shadow-sm">
                <div class="inner">
                    <h3>{{ $pacientesInternados }}</h3>
                    <p class="font-weight-bold mb-0">Internados Ahora</p>
                </div>
                <div class="icon">
                    <i class="fas fa-user-injured"></i>
                </div>
                <a href="{{ route('admin.hospitalizaciones.index', ['estado' => 'Ingresado']) }}" class="small-box-footer py-1">
                    {{ $camasOcupadas }} camas ocupadas <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>

        <!-- Camas Disponibles -->
        <div class="col-lg-2 col-md-4 col-6">
            <div class="small-box bg-gradient-success shadow-sm">
                <div class="inner">
                    <h3>{{ $camasDisponibles }}</h3>
                    <p class="font-weight-bold mb-0">Disponibles</p>
                </div>
                <div class="icon">
                    <i class="fas fa-check-circle"></i>
                </div>
                <a href="{{ route('admin.hospitalizaciones.mapa') }}" class="small-box-footer py-1">
                    Ver mapa <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>

        <!-- Limpieza / Mantenimiento -->
        <div class="col-lg-2 col-md-4 col-6">
            <div class="small-box bg-gradient-warning shadow-sm">
                <div class="inner">
                    <h3 class="text-white">{{ $camasLimpieza + $camasMantenimiento }}</h3>
                    <p class="text-white font-weight-bold mb-0">Limpieza / Mant.</p>
                </div>
                <div class="icon">
                    <i class="fas fa-broom"></i>
                </div>
                <span class="small-box-footer text-white py-1">
                    {{ $camasLimpieza }} en limpiezas
                </span>
            </div>
        </div>

        <!-- Ocupación General -->
        <div class="col-lg-2 col-md-4 col-6">
            <div class="small-box bg-gradient-info shadow-sm">
                <div class="inner">
                    <h3>{{ $porcentajeOcupacion }}<sup style="font-size: 16px">%</sup></h3>
                    <p class="font-weight-bold mb-0">Tasa Ocupación</p>
                </div>
                <div class="icon">
                    <i class="fas fa-chart-pie"></i>
                </div>
                <span class="small-box-footer py-1">
                    Capacidad hospitalaria
                </span>
            </div>
        </div>

        <!-- Altas en el Mes -->
        <div class="col-lg-2 col-md-4 col-6">
            <div class="small-box bg-gradient-teal shadow-sm">
                <div class="inner">
                    <h3>{{ $altasMes }}</h3>
                    <p class="font-weight-bold mb-0">Altas del Mes</p>
                </div>
                <div class="icon">
                    <i class="fas fa-sign-out-alt"></i>
                </div>
                <a href="{{ route('admin.hospitalizaciones.index', ['estado' => 'Alta Médica']) }}" class="small-box-footer py-1">
                    Ver altas <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
    </div>

    <!-- Filtros de Búsqueda -->
    <div class="card card-outline card-primary shadow-sm mb-4">
        <div class="card-header py-2">
            <h3 class="card-title font-weight-bold text-dark" style="font-size: 1rem;">
                <i class="fas fa-filter text-primary mr-1"></i> Filtros de Búsqueda
            </h3>
            <div class="card-tools">
                <a href="{{ route('admin.hospitalizaciones.index') }}" class="btn btn-xs btn-outline-secondary">
                    <i class="fas fa-sync-alt mr-1"></i> Limpiar Filtros
                </a>
            </div>
        </div>
        <div class="card-body py-3">
            <form action="{{ route('admin.hospitalizaciones.index') }}" method="GET" class="form-row align-items-end">
                <div class="form-group col-md-3 mb-2">
                    <label class="small font-weight-bold text-muted mb-1">Estado de Hospitalización:</label>
                    <select name="estado" class="form-control form-control-sm">
                        <option value="todos">Todos los Estados</option>
                        <option value="Ingresado" {{ request('estado') == 'Ingresado' ? 'selected' : '' }}>🔴 Ingresados Actualmente</option>
                        <option value="Alta Médica" {{ request('estado') == 'Alta Médica' ? 'selected' : '' }}>🟢 Con Alta Médica</option>
                        <option value="Transferido" {{ request('estado') == 'Transferido' ? 'selected' : '' }}>🟠 Transferidos</option>
                        <option value="Cancelado" {{ request('estado') == 'Cancelado' ? 'selected' : '' }}>⚪ Cancelados</option>
                    </select>
                </div>

                <div class="form-group col-md-3 mb-2">
                    <label class="small font-weight-bold text-muted mb-1">Doctor Tratante:</label>
                    <select name="doctor_id" class="form-control form-control-sm">
                        <option value="">Todos los Doctores</option>
                        @foreach($doctores as $doc)
                            <option value="{{ $doc->id }}" {{ request('doctor_id') == $doc->id ? 'selected' : '' }}>
                                Dr. {{ $doc->nombres }} {{ $doc->apellidos }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group col-md-2 mb-2">
                    <label class="small font-weight-bold text-muted mb-1">Desde Fecha:</label>
                    <input type="date" name="fecha_desde" class="form-control form-control-sm" value="{{ request('fecha_desde') }}">
                </div>

                <div class="form-group col-md-2 mb-2">
                    <label class="small font-weight-bold text-muted mb-1">Hasta Fecha:</label>
                    <input type="date" name="fecha_hasta" class="form-control form-control-sm" value="{{ request('fecha_hasta') }}">
                </div>

                <div class="form-group col-md-2 mb-2">
                    <button type="submit" class="btn btn-primary btn-sm btn-block shadow-sm">
                        <i class="fas fa-search mr-1"></i> Filtrar
                    </button>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabla Principal de Hospitalizaciones -->
    <div class="card card-outline card-primary shadow">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title font-weight-bold">
                <i class="fas fa-list-alt text-primary mr-1"></i> Registro de Ingresos Hospitalarios ({{ count($hospitalizaciones) }})
            </h3>
            <div class="card-tools">
                <a href="{{ route('admin.hospitalizaciones.create') }}" class="btn btn-primary btn-sm">
                    <i class="fas fa-user-plus mr-1"></i> Nuevo Ingreso
                </a>
            </div>
        </div>

        <div class="card-body table-responsive">
            <table id="tablaHospitalizaciones" class="table table-bordered table-hover table-striped table-sm text-center align-middle">
                <thead class="thead-dark">
                    <tr>
                        <th style="width: 50px;">N°</th>
                        <th>Código</th>
                        <th class="text-left">Paciente</th>
                        <th>Cama / Sala</th>
                        <th class="text-left">Doctor Tratante</th>
                        <th>Fecha Ingreso</th>
                        <th>Estancia</th>
                        <th>Estado</th>
                        <th>Total Estancia</th>
                        <th style="width: 140px;">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($hospitalizaciones as $index => $hosp)
                        <tr>
                            <td class="font-weight-bold text-muted">{{ $index + 1 }}</td>
                            <td>
                                <a href="{{ route('admin.hospitalizaciones.show', $hosp->id) }}" class="badge badge-light border text-primary font-weight-bold" style="font-size: 0.85rem;">
                                    <i class="fas fa-file-medical mr-1"></i>{{ $hosp->codigo }}
                                </a>
                            </td>
                            <td class="text-left">
                                <div class="font-weight-bold text-dark">
                                    {{ $hosp->paciente ? ($hosp->paciente->apellidos . ' ' . $hosp->paciente->nombres) : 'N/A' }}
                                </div>
                                <div class="small text-muted">
                                    <i class="fas fa-id-card mr-1"></i>CI: {{ $hosp->paciente->cedula ?? 'S/N' }} | 
                                    <i class="fas fa-birthday-cake mr-1"></i>{{ $hosp->paciente->edad ?? 'N/A' }} años
                                </div>
                            </td>
                            <td>
                                @if($hosp->cama)
                                    <span class="badge {{ $hosp->cama->badge_class }} px-2 py-1 font-weight-bold">
                                        <i class="fas fa-bed mr-1"></i>{{ $hosp->cama->codigo }}
                                    </span>
                                    <div class="small text-muted mt-1">
                                        {{ $hosp->cama->habitacion->nombre ?? 'Sala' }}
                                    </div>
                                @else
                                    <span class="badge badge-secondary">Sin Cama</span>
                                @endif
                            </td>
                            <td class="text-left">
                                <div class="font-weight-bold">
                                    Dr(a). {{ $hosp->doctor ? ($hosp->doctor->nombres . ' ' . $hosp->doctor->apellidos) : 'No asignado' }}
                                </div>
                                <div class="small text-muted">
                                    {{ $hosp->doctor->especialidad ?? 'Medicina General' }}
                                </div>
                            </td>
                            <td>
                                <span class="font-weight-bold">{{ $hosp->fecha_ingreso ? $hosp->fecha_ingreso->format('d/m/Y') : '-' }}</span>
                                <div class="small text-muted">{{ $hosp->fecha_ingreso ? $hosp->fecha_ingreso->format('H:i') : '' }}</div>
                            </td>
                            <td>
                                @if($hosp->estado === 'Ingresado')
                                    <span class="badge badge-info px-2 py-1">
                                        {{ $hosp->dias_calculados }} {{ $hosp->dias_calculados == 1 ? 'día' : 'días' }}
                                    </span>
                                    <div class="small text-danger font-weight-bold">En curso</div>
                                @else
                                    <span class="badge badge-secondary px-2 py-1">
                                        {{ $hosp->dias_estancia }} {{ $hosp->dias_estancia == 1 ? 'día' : 'días' }}
                                    </span>
                                    <div class="small text-success">Completada</div>
                                @endif
                            </td>
                            <td>
                                <span class="badge {{ $hosp->badge_estado }} px-2 py-1" style="font-size: 0.8rem;">
                                    @if($hosp->estado === 'Ingresado')
                                        <i class="fas fa-procedures mr-1"></i>
                                    @elseif($hosp->estado === 'Alta Médica')
                                        <i class="fas fa-check-circle mr-1"></i>
                                    @endif
                                    {{ $hosp->estado }}
                                </span>
                            </td>
                            <td>
                                <span class="font-weight-bold text-dark">${{ number_format($hosp->monto_total, 2) }}</span>
                                <div>
                                    <span class="badge {{ $hosp->badge_pago }}">{{ $hosp->estado_pago }}</span>
                                </div>
                            </td>
                            <td>
                                <div class="btn-group" role="group">
                                    <!-- Ver expediente -->
                                    <a href="{{ route('admin.hospitalizaciones.show', $hosp->id) }}" class="btn btn-info btn-sm shadow-sm" title="Ver Expediente Clínico">
                                        <i class="fas fa-eye"></i>
                                    </a>

                                    @if($hosp->estado === 'Ingresado')
                                        <!-- Dar Alta Médica -->
                                        <a href="{{ route('admin.hospitalizaciones.alta', $hosp->id) }}" class="btn btn-success btn-sm shadow-sm" title="Registrar Alta Médica / Epicrisis">
                                            <i class="fas fa-sign-out-alt"></i>
                                        </a>
                                        <!-- Editar -->
                                        <a href="{{ route('admin.hospitalizaciones.edit', $hosp->id) }}" class="btn btn-warning btn-sm shadow-sm text-white" title="Editar Ingreso">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                    @endif

                                    <!-- Menú de opciones PDF -->
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-secondary btn-sm dropdown-toggle shadow-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Documentos PDF">
                                            <i class="fas fa-print"></i>
                                        </button>
                                        <div class="dropdown-menu dropdown-menu-right shadow">
                                            <a class="dropdown-item" href="{{ route('admin.hospitalizaciones.pdfIngreso', $hosp->id) }}" target="_blank">
                                                <i class="fas fa-file-medical text-primary mr-2"></i> Hoja de Ingreso (PDF)
                                            </a>
                                            @if($hosp->estado === 'Alta Médica')
                                                <a class="dropdown-item" href="{{ route('admin.hospitalizaciones.pdfEpicrisis', $hosp->id) }}" target="_blank">
                                                    <i class="fas fa-file-signature text-success mr-2"></i> Epicrisis / Alta (PDF)
                                                </a>
                                            @endif
                                            <a class="dropdown-item" href="{{ route('admin.hospitalizaciones.pdfCuenta', $hosp->id) }}" target="_blank">
                                                <i class="fas fa-receipt text-warning mr-2"></i> Estado de Cuenta (PDF)
                                            </a>
                                            <div class="dropdown-divider"></div>
                                            <form action="{{ route('admin.hospitalizaciones.destroy', $hosp->id) }}" method="POST" onsubmit="return confirm('¿Está seguro de eliminar este registro de hospitalización? Si la cama está ocupada será liberada.');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="dropdown-item text-danger">
                                                    <i class="fas fa-trash-alt mr-2"></i> Eliminar Registro
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center py-4 text-muted">
                                <i class="fas fa-inbox fa-3x mb-3 text-secondary d-block"></i>
                                No se encontraron registros de hospitalización con los filtros seleccionados.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <script>
        $(function () {
            $('#tablaHospitalizaciones').DataTable({
                "pageLength": 10,
                "language": {
                    "emptyTable": "No hay información disponible",
                    "info": "Mostrando _START_ a _END_ de _TOTAL_ Internamientos",
                    "infoEmpty": "Mostrando 0 a 0 de 0 Internamientos",
                    "infoFiltered": "(filtrado de _MAX_ registros en total)",
                    "lengthMenu": "Mostrar _MENU_ internamientos",
                    "loadingRecords": "Cargando...",
                    "processing": "Procesando...",
                    "search": "Buscador:",
                    "zeroRecords": "No se encontraron resultados",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },
                "responsive": true,
                "autoWidth": false,
                "order": [[0, "asc"]]
            });
        });
    </script>
@endsection