@extends('layouts.admin')

@section('content')
<div class="content-header p-0 mb-3">
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-sm-6">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-transparent p-0 mb-1">
                        <li class="breadcrumb-item"><a href="{{ url('/admin') }}"><i class="fas fa-home"></i> Inicio</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Mis Hospitalizaciones</li>
                    </ol>
                </nav>
                <h1 class="m-0 font-weight-bold" style="font-size: 1.55rem; color: var(--dm-text-main, #1e293b);">
                    <i class="fas fa-procedures text-primary mr-2"></i> Mis Hospitalizaciones e Internamientos
                </h1>
            </div>
            <div class="col-sm-6 text-right">
                <a href="{{ url('/admin') }}" class="btn btn-outline-secondary btn-sm shadow-sm">
                    <i class="fas fa-arrow-left mr-1"></i> Volver al Portal
                </a>
            </div>
        </div>
    </div>
</div>

<!-- Banner del Paciente -->
<div class="card shadow-sm border-0 mb-4" style="border-radius: 14px; overflow: hidden; background: var(--dm-bg-card, #ffffff);">
    <div class="card-body p-4" style="background: linear-gradient(135deg, rgba(37, 99, 235, 0.06) 0%, rgba(14, 165, 233, 0.06) 100%);">
        <div class="row align-items-center">
            <div class="col-lg-8">
                <div class="d-flex align-items-center">
                    <div class="rounded-circle d-flex align-items-center justify-content-center text-white mr-3 shadow-sm"
                         style="width: 58px; height: 58px; font-size: 1.45rem; font-weight: 700; flex-shrink: 0;
                                background: {{ strtolower($paciente->genero) == 'f' || strtolower($paciente->genero) == 'femenino' ? 'linear-gradient(135deg, #ec4899, #db2777)' : 'linear-gradient(135deg, #2563eb, #0284c7)' }};">
                        {{ strtoupper(substr($paciente->nombres, 0, 1)) }}{{ strtoupper(substr($paciente->apellidos, 0, 1)) }}
                    </div>
                    <div>
                        <h3 class="font-weight-bold mb-1" style="font-size: 1.3rem; color: var(--dm-text-main, #0f172a);">
                            {{ $paciente->nombres }} {{ $paciente->apellidos }}
                        </h3>
                        <div class="text-muted small">
                            <span class="mr-3"><i class="fas fa-id-card mr-1"></i> Cédula: {{ $paciente->cedula }}</span>
                            <span class="mr-3"><i class="fas fa-folder mr-1 text-primary"></i> H.C. #{{ $paciente->nro_historia_clinica }}</span>
                            <span><i class="fas fa-procedures mr-1 text-info"></i> {{ $hospitalizaciones->count() }} internamiento(s) registrados</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Listado de Internamientos -->
<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-alt text-primary mr-1"></i> Registro Histórico de Hospitalización (Solo Lectura)
        </h3>
    </div>
    <div class="card-body table-responsive">
        <table class="table table-bordered table-hover table-striped text-center align-middle">
            <thead class="thead-dark">
                <tr>
                    <th>Código</th>
                    <th>Cama / Sala</th>
                    <th>Médico Tratante</th>
                    <th>Fecha Ingreso</th>
                    <th>Fecha Egreso</th>
                    <th>Días Estancia</th>
                    <th>Estado</th>
                    <th>Documentos</th>
                </tr>
            </thead>
            <tbody>
                @forelse($hospitalizaciones as $h)
                    <tr>
                        <td>
                            <a href="{{ route('paciente.portal.hospitalizaciones.show', $h->id) }}" class="badge badge-light border text-primary font-weight-bold p-2">
                                <i class="fas fa-file-medical mr-1"></i> {{ $h->codigo }}
                            </a>
                        </td>
                        <td>
                            <span class="badge badge-secondary px-2 py-1">
                                <i class="fas fa-bed mr-1"></i> {{ $h->cama->codigo ?? 'Cama' }}
                            </span>
                            <div class="small text-muted mt-1">{{ $h->cama->habitacion->nombre ?? '' }}</div>
                        </td>
                        <td class="text-left">
                            <div class="font-weight-bold">Dr(a). {{ $h->doctor->nombres ?? '' }} {{ $h->doctor->apellidos ?? '' }}</div>
                            <small class="text-muted">{{ $h->doctor->especialidad ?? '' }}</small>
                        </td>
                        <td>
                            <span class="font-weight-bold">{{ $h->fecha_ingreso ? $h->fecha_ingreso->format('d/m/Y') : '-' }}</span>
                            <div class="small text-muted">{{ $h->fecha_ingreso ? $h->fecha_ingreso->format('H:i') : '' }}</div>
                        </td>
                        <td>
                            @if($h->fecha_alta)
                                <span class="font-weight-bold text-success">{{ $h->fecha_alta->format('d/m/Y') }}</span>
                                <div class="small text-muted">{{ $h->fecha_alta->format('H:i') }}</div>
                            @else
                                <span class="badge badge-danger">Actualmente Internado</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge badge-pill badge-info px-2 py-1">
                                {{ $h->dias_estancia ?: $h->dias_calculados }} {{ ($h->dias_estancia == 1 || $h->dias_calculados == 1) ? 'día' : 'días' }}
                            </span>
                        </td>
                        <td>
                            <span class="badge {{ $h->badge_estado }} px-2 py-1">{{ $h->estado }}</span>
                        </td>
                        <td>
                            <div class="btn-group">
                                <a href="{{ route('paciente.portal.hospitalizaciones.show', $h->id) }}" class="btn btn-sm btn-info" title="Ver Detalles">
                                    <i class="fas fa-eye mr-1"></i> Detalle
                                </a>
                                @if($h->estado === 'Alta Médica')
                                    <a href="{{ route('paciente.portal.hospitalizaciones.pdf', $h->id) }}" target="_blank" class="btn btn-sm btn-success" title="Descargar Epicrisis (PDF)">
                                        <i class="fas fa-file-pdf mr-1"></i> Epicrisis
                                    </a>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center py-5 text-muted">
                            <i class="fas fa-procedures fa-3x mb-3 text-secondary d-block"></i>
                            <h5>Usted no cuenta con registros de internamiento hospitalario.</h5>
                            <p class="small text-muted">Cuando sea ingresado o dado de alta en la clínica, podrá consultar su informe médico aquí.</p>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection