@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-chart-line text-info mr-2"></i> Reportes y Estadísticas de Hospitalización
        </h1>
        <p class="text-muted mb-0">Análisis cuantitativo de ingresos, ocupación, estancias y recaudación hospitalaria</p>
    </div>
    <div class="col-md-4 text-md-right mt-2 mt-md-0">
        <a href="{{ route('admin.hospitalizaciones.index') }}" class="btn btn-outline-secondary shadow-sm">
            <i class="fas fa-arrow-left mr-1"></i> Volver al Módulo
        </a>
    </div>
</div>

<!-- Filtro de Fechas -->
<div class="card card-outline card-info shadow-sm mb-4">
    <div class="card-body py-3">
        <form action="{{ route('admin.hospitalizaciones.reportes') }}" method="GET" class="form-row align-items-end">
            <div class="col-md-4 form-group mb-2">
                <label class="small font-weight-bold text-muted mb-1">Fecha Inicial:</label>
                <input type="date" name="fecha_inicio" class="form-control" value="{{ $fechaInicio->format('Y-m-d') }}" required>
            </div>
            <div class="col-md-4 form-group mb-2">
                <label class="small font-weight-bold text-muted mb-1">Fecha Final:</label>
                <input type="date" name="fecha_fin" class="form-control" value="{{ $fechaFin->format('Y-m-d') }}" required>
            </div>
            <div class="col-md-4 form-group mb-2">
                <button type="submit" class="btn btn-info btn-block font-weight-bold text-white shadow-sm">
                    <i class="fas fa-filter mr-1"></i> Generar Reporte
                </button>
            </div>
        </form>
    </div>
</div>

<!-- Métricas del Período -->
<div class="row">
    <div class="col-lg-2 col-md-4 col-6">
        <div class="small-box bg-gradient-primary shadow-sm">
            <div class="inner">
                <h3>{{ $totalIngresos }}</h3>
                <p class="font-weight-bold mb-0">Total Ingresos</p>
            </div>
            <div class="icon"><i class="fas fa-procedures"></i></div>
            <span class="small-box-footer py-1">En el período</span>
        </div>
    </div>

    <div class="col-lg-2 col-md-4 col-6">
        <div class="small-box bg-gradient-danger shadow-sm">
            <div class="inner">
                <h3>{{ $ingresosUrgencia }}</h3>
                <p class="font-weight-bold mb-0">Urgencias</p>
            </div>
            <div class="icon"><i class="fas fa-ambulance"></i></div>
            <span class="small-box-footer py-1">Ingreso urgente</span>
        </div>
    </div>

    <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">{{ $ingresosCirugia }}</h3>
                <p class="text-white font-weight-bold mb-0">Cirugías</p>
            </div>
            <div class="icon"><i class="fas fa-cut"></i></div>
            <span class="small-box-footer text-white py-1">Programadas</span>
        </div>
    </div>

    <div class="col-lg-2 col-md-4 col-6">
        <div class="small-box bg-gradient-success shadow-sm">
            <div class="inner">
                <h3>{{ $altasPeriodo }}</h3>
                <p class="font-weight-bold mb-0">Altas Médicas</p>
            </div>
            <div class="icon"><i class="fas fa-check-circle"></i></div>
            <span class="small-box-footer py-1">Pacientes egresados</span>
        </div>
    </div>

    <div class="col-lg-2 col-md-4 col-6">
        <div class="small-box bg-gradient-info shadow-sm">
            <div class="inner">
                <h3>{{ $estanciaPromedio }}</h3>
                <p class="font-weight-bold mb-0">Días Promedio</p>
            </div>
            <div class="icon"><i class="fas fa-calendar-day"></i></div>
            <span class="small-box-footer py-1">Estancia media</span>
        </div>
    </div>

    <div class="col-lg-2 col-md-4 col-6">
        <div class="small-box bg-gradient-teal shadow-sm">
            <div class="inner">
                <h3>${{ number_format($totalRecaudado, 2) }}</h3>
                <p class="font-weight-bold mb-0">Monto Total</p>
            </div>
            <div class="icon"><i class="fas fa-dollar-sign"></i></div>
            <span class="small-box-footer py-1">Estancias + Cargos</span>
        </div>
    </div>
</div>

<!-- Tabla Detallada para Exportación -->
<div class="card card-outline card-secondary shadow mb-4">
    <div class="card-header py-2 font-weight-bold">
        <i class="fas fa-table mr-1 text-primary"></i> Detalle de Pacientes del Período ({{ $fechaInicio->format('d/m/Y') }} al {{ $fechaFin->format('d/m/Y') }})
    </div>
    <div class="card-body table-responsive">
        <table id="tablaReportes" class="table table-bordered table-striped table-hover table-sm text-center">
            <thead class="thead-dark">
                <tr>
                    <th>Código</th>
                    <th class="text-left">Paciente</th>
                    <th>Cama</th>
                    <th class="text-left">Doctor</th>
                    <th>Ingreso</th>
                    <th>Alta</th>
                    <th>Días</th>
                    <th>Tipo</th>
                    <th>Estado</th>
                    <th>Total ($)</th>
                </tr>
            </thead>
            <tbody>
                @foreach($hospitalizaciones as $h)
                    <tr>
                        <td><b>{{ $h->codigo }}</b></td>
                        <td class="text-left">{{ $h->paciente->apellidos ?? '' }} {{ $h->paciente->nombres ?? '' }}</td>
                        <td>{{ $h->cama->codigo ?? 'N/A' }}</td>
                        <td class="text-left">Dr. {{ $h->doctor->apellidos ?? 'N/A' }}</td>
                        <td>{{ $h->fecha_ingreso ? $h->fecha_ingreso->format('d/m/Y') : '-' }}</td>
                        <td>{{ $h->fecha_alta ? $h->fecha_alta->format('d/m/Y') : 'Internado' }}</td>
                        <td>{{ $h->dias_estancia ?: $h->dias_calculados }}</td>
                        <td>{{ $h->tipo_ingreso }}</td>
                        <td><span class="badge {{ $h->badge_estado }}">{{ $h->estado }}</span></td>
                        <td class="font-weight-bold">${{ number_format($h->monto_total, 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<script>
    $(function () {
        $('#tablaReportes').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",
                "search": "Buscador:",
                "paginate": { "first": "Primero", "last": "Último", "next": "Siguiente", "previous": "Anterior" }
            },
            "responsive": true,
            "autoWidth": false,
            "dom": 'Bfrtip',
            "buttons": [
                { extend: 'copy', text: '<i class="fas fa-copy mr-1"></i> Copiar', className: 'btn btn-sm btn-secondary' },
                { extend: 'csv', text: '<i class="fas fa-file-csv mr-1"></i> CSV', className: 'btn btn-sm btn-info' },
                { extend: 'excel', text: '<i class="fas fa-file-excel mr-1"></i> Excel', className: 'btn btn-sm btn-success' },
                { extend: 'pdf', text: '<i class="fas fa-file-pdf mr-1"></i> PDF', className: 'btn btn-sm btn-danger' },
                { extend: 'print', text: '<i class="fas fa-print mr-1"></i> Imprimir', className: 'btn btn-sm btn-dark' }
            ]
        });
    });
</script>
@endsection