@extends('layouts.admin')

@section('content')
<div class="container-fluid px-0">
    <!-- Header de navegación y botones de acción (ocultos al imprimir) -->
    <div class="d-print-none mb-3">
        <div class="row align-items-center">
            <div class="col-md-6">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-transparent p-0 mb-1">
                        <li class="breadcrumb-item"><a href="{{ url('/admin') }}"><i class="bi bi-house-door"></i> Inicio</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.pacientes.index') }}">Pacientes</a></li>
                        <li class="breadcrumb-item"><a href="{{ url('admin/pacientes/'.$paciente->id.'/recetas') }}">Recetas</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Receta #{{ $receta->numero_receta }}</li>
                    </ol>
                </nav>
                <h2 class="font-weight-bold mb-0 text-dark">
                    <i class="bi bi-receipt text-primary mr-2"></i> Receta Médica #{{ $receta->numero_receta }}
                </h2>
            </div>
            <div class="col-md-7 text-md-right mt-2 mt-md-0">
                <a href="{{ route('admin.recetas.pdfSingle', ['id' => $receta->id, 'formato' => 'a5']) }}" target="_blank" class="btn btn-success shadow-sm mr-2 font-weight-bold" title="Descargar o Imprimir PDF en tamaño A5 Horizontal">
                    <i class="bi bi-file-earmark-pdf-fill mr-1"></i> Imprimir PDF (A5 Horizontal)
                </a>
                <button type="button" onclick="window.print()" class="btn btn-primary shadow-sm mr-2 font-weight-bold" title="Imprimir directo en navegador">
                    <i class="bi bi-printer-fill mr-1"></i> Imprimir Pantalla
                </button>
                <a href="{{ route('admin.recetas.pdfSingle', ['id' => $receta->id, 'formato' => 'a4']) }}" target="_blank" class="btn btn-outline-success shadow-sm mr-2 font-weight-bold" title="PDF Formato A4 Vertical">
                    <i class="bi bi-file-earmark-text mr-1"></i> PDF (A4)
                </a>
                <a href="{{ url('admin/pacientes/'.$paciente->id.'/recetas') }}" class="btn btn-outline-secondary shadow-sm font-weight-bold">
                    <i class="bi bi-arrow-left mr-1"></i> Volver
                </a>
            </div>
        </div>
    </div>

    <!-- Hoja de Receta Médica Oficial -->
    <div class="row justify-content-center">
        <div class="col-lg-10 col-xl-9">
            <div class="card shadow border-0 prescription-sheet" style="border-radius: 14px; overflow: hidden; background: #ffffff;">
                <div class="card-body p-4 p-md-5">
                    
                    <!-- Membrete de la Clínica -->
                    <div class="row pb-3 mb-4 border-bottom align-items-center">
                        <div class="col-sm-3 text-center text-sm-left mb-3 mb-sm-0">
                            @if($configuracion && $configuracion->logo)
                                <img src="{{ asset('storage/'.$configuracion->logo) }}" alt="Logo Clínica" class="img-fluid" style="max-height: 85px; object-fit: contain;">
                            @else
                                <div class="bg-primary text-white rounded p-3 d-inline-block font-weight-bold" style="font-size: 1.5rem;">
                                    <i class="bi bi-hospital"></i>
                                </div>
                            @endif
                        </div>
                        <div class="col-sm-6 text-center">
                            <h4 class="font-weight-bold text-uppercase mb-1 text-primary" style="letter-spacing: 0.5px;">
                                {{ $configuracion->nombre ?? 'CENTRO MÉDICO' }}
                            </h4>
                            <p class="mb-0 text-muted small">
                                <strong>RUC:</strong> {{ $configuracion->ruc ?? 'N/A' }} | 
                                <strong>Aut. MSP:</strong> {{ $configuracion->autorizacion ?? 'N/A' }}
                            </p>
                            <p class="mb-0 text-muted small">
                                <i class="bi bi-geo-alt"></i> {{ $configuracion->direccion ?? 'Dirección no especificada' }}
                            </p>
                            <p class="mb-0 text-muted small">
                                <i class="bi bi-telephone"></i> {{ $configuracion->telefono ?? 'S/N' }} | 
                                <i class="bi bi-envelope"></i> {{ $configuracion->correo ?? 'S/N' }}
                            </p>
                        </div>
                        <div class="col-sm-3 text-center text-sm-right mt-3 mt-sm-0">
                            <div class="border rounded p-2 bg-light text-center d-inline-block shadow-sm">
                                <span class="d-block text-uppercase font-weight-bold text-muted" style="font-size: 0.75rem;">RECETA MÉDICA</span>
                                <span class="d-block font-weight-bold text-danger" style="font-size: 1.3rem;">№ {{ $receta->numero_receta }}</span>
                                <span class="d-block small text-muted font-weight-bold"><i class="bi bi-calendar3"></i> {{ \Carbon\Carbon::parse($receta->fecha)->format('d/m/Y') }}</span>
                            </div>
                        </div>
                    </div>

                    <!-- Datos del Paciente -->
                    <div class="card bg-light border-0 mb-4 shadow-none" style="border-radius: 10px;">
                        <div class="card-body py-3 px-3">
                            <div class="row small">
                                <div class="col-md-6 mb-2 mb-md-0">
                                    <p class="mb-1"><strong>Paciente:</strong> <span class="text-uppercase font-weight-bold text-dark">{{ $paciente->nombres }} {{ $paciente->apellidos }}</span></p>
                                    <p class="mb-1"><strong>Cédula / DNI:</strong> {{ $paciente->cedula }}</p>
                                    <p class="mb-0"><strong>Edad / Sexo:</strong> {{ $paciente->edad }} años &nbsp;|&nbsp; {{ $paciente->genero == 'M' ? 'Masculino' : 'Femenino' }}</p>
                                </div>
                                <div class="col-md-6">
                                    <p class="mb-1"><strong>N° Historia Clínica:</strong> <span class="badge badge-info font-weight-bold px-2">{{ $paciente->nro_historia_clinica }}</span></p>
                                    <p class="mb-1"><strong>Médico Tratante:</strong> <span class="font-weight-bold text-primary">{{ $doctor ? ('Dr(a). '.$doctor->nombres.' '.$doctor->apellidos.' - '.$doctor->especialidad) : 'Facultativo de Turno' }}</span></p>
                                    <p class="mb-0"><strong>Diagnóstico:</strong> <span class="font-weight-bold text-dark">{{ $receta->diagnostico_cie ?: 'Consulta General' }}</span> &nbsp;|&nbsp; <strong>Alergias:</strong> <span class="text-danger font-weight-bold">{{ $receta->alergias ?: ($paciente->alergias ?: 'Ninguna') }}</span></p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Cuerpo de la Prescripción Médica (Rp. e Indicaciones) -->
                    <div class="row">
                        <!-- Lado Izquierdo: Prescripción (Rp.) -->
                        <div class="col-md-6 border-right pr-md-4 mb-4 mb-md-0">
                            <div class="d-flex align-items-center mb-3 border-bottom pb-2">
                                <span class="font-weight-bold text-primary mr-2" style="font-size: 1.6rem; font-family: serif;">Rp.</span>
                                <h5 class="mb-0 font-weight-bold text-uppercase text-dark" style="letter-spacing: 0.5px;">Prescripción Médica</h5>
                            </div>
                            <div class="prescription-text text-dark p-2" style="min-height: 220px; line-height: 1.6;">
                                @if(!empty($receta->prescripcion))
                                    {!! $receta->prescripcion !!}
                                @else
                                    <p class="text-muted font-italic">Sin prescripción de fármacos registrada.</p>
                                @endif
                            </div>
                        </div>

                        <!-- Lado Derecho: Indicaciones y Tratamiento -->
                        <div class="col-md-6 pl-md-4">
                            <div class="d-flex align-items-center mb-3 border-bottom pb-2">
                                <span class="font-weight-bold text-success mr-2" style="font-size: 1.3rem;"><i class="bi bi-card-checklist"></i></span>
                                <h5 class="mb-0 font-weight-bold text-uppercase text-dark" style="letter-spacing: 0.5px;">Indicaciones y Posología</h5>
                            </div>
                            <div class="treatment-text text-dark p-2 mb-3" style="min-height: 140px; line-height: 1.6;">
                                @if(!empty($receta->tratamiento))
                                    {!! $receta->tratamiento !!}
                                @else
                                    <p class="text-muted font-italic">Tomar según indicaciones verbales del facultativo.</p>
                                @endif
                            </div>

                            @if(!empty($receta->signos_alarma))
                                <div class="alert alert-warning border-0 p-3 mb-0" style="border-radius: 8px; font-size: 0.85rem;">
                                    <strong class="d-block mb-1 text-danger"><i class="bi bi-exclamation-triangle-fill"></i> Signos de Alarma / Precauciones:</strong>
                                    {{ $receta->signos_alarma }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <!-- Pie de Firma y Sello Médico -->
                    <div class="row mt-5 pt-4 border-top align-items-end">
                        <div class="col-6 text-muted small">
                            <p class="mb-1"><i class="bi bi-shield-check text-success"></i> Documento médico de validez legal.</p>
                            <p class="mb-0">Emitido el: {{ \Carbon\Carbon::parse($receta->created_at)->format('d/m/Y H:i:s') }}</p>
                        </div>
                        <div class="col-6 text-center">
                            <div style="width: 220px; border-bottom: 1.5px solid #000; margin: 0 auto 8px auto;"></div>
                            @if($doctor)
                                <span class="d-block font-weight-bold text-dark" style="font-size: 0.95rem;">
                                    Dr(a). {{ $doctor->nombres }} {{ $doctor->apellidos }}
                                </span>
                                <span class="d-block text-muted small">
                                    {{ $doctor->especialidad }}
                                    @if(!empty($doctor->licencia_medica))
                                        | Reg. MSP / Lic: {{ $doctor->licencia_medica }}
                                    @endif
                                </span>
                            @else
                                <span class="d-block font-weight-bold text-dark" style="font-size: 0.95rem;">Firma y Sello del Médico</span>
                                <span class="d-block text-muted small">Profesional de la Salud Autorizado</span>
                            @endif
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<style>
/* Estilos especiales de impresión directa en A5 Horizontal */
@page {
    size: a5 landscape;
    margin: 6mm 8mm;
}
@media print {
    /* Ocultar barra lateral, barra superior, breadcrumbs y botones */
    .main-sidebar,
    .main-header,
    .content-header,
    .breadcrumb,
    .d-print-none,
    .btn,
    footer.main-footer {
        display: none !important;
    }
    .content-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }
    .prescription-sheet {
        box-shadow: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 8.5pt !important;
    }
}
</style>

@if(session('imprimir_a5'))
<script>
    document.addEventListener("DOMContentLoaded", function() {
        // Abrir automáticamente el PDF en A5 Horizontal para imprimir
        var pdfWindow = window.open("{{ route('admin.recetas.pdfSingle', ['id' => $receta->id, 'formato' => 'a5']) }}", "_blank");
        if (!pdfWindow || pdfWindow.closed || typeof pdfWindow.closed == 'undefined') {
            // Si el bloqueador de popups impidió abrir nueva pestaña, imprimir directo en pantalla
            window.print();
        }
    });
</script>
@endif
@endsection