@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"><a href="{{ route('paciente.portal.hospitalizaciones') }}">Mis Hospitalizaciones</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ $hospitalizacion->codigo }}</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-file-medical text-primary mr-2"></i> Detalle de Hospitalización #{{ $hospitalizacion->codigo }}
                </h1>
            </div>
            <div class="col-sm-6 text-right">
                @if($hospitalizacion->estado === 'Alta Médica')
                    <a href="{{ route('paciente.portal.hospitalizaciones.pdf', $hospitalizacion->id) }}" target="_blank" class="btn btn-success btn-sm shadow-sm font-weight-bold mr-2">
                        <i class="fas fa-file-pdf mr-1"></i> Descargar Epicrisis (PDF)
                    </a>
                @endif
                <a href="{{ route('paciente.portal.hospitalizaciones') }}" class="btn btn-outline-secondary btn-sm shadow-sm">
                    <i class="fas fa-arrow-left mr-1"></i> Volver a Mis Hospitalizaciones
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Columna Izquierda: Información de Estancia -->
    <div class="col-lg-5">
        <div class="card card-outline card-primary shadow-sm mb-4">
            <div class="card-header py-2 font-weight-bold">
                <i class="fas fa-bed text-primary mr-1"></i> Información del Internamiento
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <span class="badge {{ $hospitalizacion->badge_estado }} px-3 py-1 font-weight-bold" style="font-size: 0.9rem;">
                        {{ $hospitalizacion->estado }}
                    </span>
                </div>

                <p class="mb-2"><strong>Código de Internamiento:</strong> {{ $hospitalizacion->codigo }}</p>
                <p class="mb-2"><strong>Cama Asignada:</strong> {{ $hospitalizacion->cama->codigo ?? 'N/A' }} ({{ $hospitalizacion->cama->habitacion->nombre ?? '' }} - {{ $hospitalizacion->cama->habitacion->piso ?? '' }})</p>
                <p class="mb-2"><strong>Médico Tratante:</strong> Dr(a). {{ $hospitalizacion->doctor->nombres ?? '' }} {{ $hospitalizacion->doctor->apellidos ?? '' }}</p>
                <p class="mb-2"><strong>Fecha de Ingreso:</strong> {{ $hospitalizacion->fecha_ingreso ? $hospitalizacion->fecha_ingreso->format('d/m/Y H:i') : '-' }}</p>
                <p class="mb-2"><strong>Fecha de Egreso:</strong> {{ $hospitalizacion->fecha_alta ? $hospitalizacion->fecha_alta->format('d/m/Y H:i') : 'Actualmente internado' }}</p>
                <p class="mb-2"><strong>Días de Estancia:</strong> {{ $hospitalizacion->dias_estancia ?: $hospitalizacion->dias_calculados }} días</p>
                <p class="mb-0"><strong>Dieta:</strong> {{ $hospitalizacion->dieta }}</p>
            </div>
        </div>
    </div>

    <!-- Columna Derecha: Diagnóstico y Epicrisis -->
    <div class="col-lg-7">
        <div class="card card-outline card-info shadow-sm mb-4">
            <div class="card-header py-2 font-weight-bold">
                <i class="fas fa-stethoscope text-info mr-1"></i> Resumen Clínico
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="font-weight-bold text-muted small text-uppercase">Motivo del Internamiento:</label>
                    <p class="mb-0 text-dark">{{ $hospitalizacion->motivo_ingreso }}</p>
                </div>

                <div class="mb-3">
                    <label class="font-weight-bold text-muted small text-uppercase">Diagnóstico:</label>
                    <div class="p-2 bg-light rounded border font-weight-bold text-primary">
                        {{ $hospitalizacion->diagnostico_alta ?: $hospitalizacion->diagnostico_ingreso }}
                        @if($hospitalizacion->codigo_cie10_alta || $hospitalizacion->codigo_cie10)
                            <span class="badge badge-secondary ml-1">CIE-10: {{ $hospitalizacion->codigo_cie10_alta ?: $hospitalizacion->codigo_cie10 }}</span>
                        @endif
                    </div>
                </div>

                @if($hospitalizacion->estado === 'Alta Médica')
                    <div class="mb-3">
                        <label class="font-weight-bold text-muted small text-uppercase">Resumen de Evolución Médica (Epicrisis):</label>
                        <p class="mb-0 text-dark" style="white-space: pre-line;">{{ $hospitalizacion->resumen_clinico_alta }}</p>
                    </div>

                    <div class="p-3 bg-light rounded border border-success mb-3">
                        <label class="font-weight-bold text-success small text-uppercase d-block mb-1">
                            <i class="fas fa-prescription-bottle-alt mr-1"></i> Indicaciones y Cuidados para el Hogar:
                        </label>
                        <p class="mb-0 text-dark">{{ $hospitalizacion->indicaciones_alta }}</p>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection