@extends('layouts.admin')

@section('content')
<div class="content-header p-0 mb-3">
    <div class="container-fluid">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-transparent p-0 mb-1">
                        <li class="breadcrumb-item"><a href="{{ route('admin.farmacia.dashboard') }}">Farmacia</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.farmacia.ventas.index') }}">Ventas</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ $venta->nro_comprobante }}</li>
                    </ol>
                </nav>
                <h1 class="m-0 font-weight-bold" style="font-size: 1.55rem; color: var(--dm-text-main, #0f172a);">
                    <i class="bi bi-receipt-cutoff text-primary mr-2"></i> Comprobante: {{ $venta->nro_comprobante }}
                </h1>
            </div>
            <div>
                <a href="{{ route('admin.farmacia.ventas.pdf', $venta->id) }}" target="_blank" class="btn btn-success font-weight-bold mr-1">
                    <i class="bi bi-printer-fill mr-1"></i> Imprimir Recibo PDF
                </a>
                @if($venta->estado == 'COMPLETADA')
                    <button type="button" class="btn btn-danger font-weight-bold mr-1" data-toggle="modal" data-target="#modalAnularVenta">
                        <i class="bi bi-x-circle-fill mr-1"></i> Anular Venta
                    </button>
                @endif
                <a href="{{ route('admin.farmacia.ventas.create') }}" class="btn btn-primary font-weight-bold mr-1">
                    <i class="bi bi-plus-lg mr-1"></i> Nueva Venta
                </a>
                <a href="{{ route('admin.farmacia.ventas.index') }}" class="btn btn-outline-secondary font-weight-bold">
                    <i class="bi bi-arrow-left mr-1"></i> Historial
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    @if($venta->estado == 'ANULADA')
        <div class="alert alert-danger shadow-sm border-0 mb-3">
            <h5 class="font-weight-bold mb-1"><i class="bi bi-x-octagon-fill mr-1"></i> VENTA ANULADA</h5>
            <p class="mb-0">Este comprobante ha sido anulado. Los medicamentos fueron reingresados automáticamente al inventario físico en el Kardex.</p>
        </div>
    @endif

    <div class="row">
        <!-- Detalle del Comprobante -->
        <div class="col-lg-8">
            <div class="card card-outline card-primary shadow-sm mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="card-title font-weight-bold text-primary mb-0">
                        <i class="bi bi-card-checklist mr-1"></i> Medicamentos Dispensados
                    </h5>
                    <span class="badge {{ $venta->estado == 'COMPLETADA' ? 'badge-success' : 'badge-danger' }} px-3 py-1 font-weight-bold">
                        {{ $venta->estado }}
                    </span>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped mb-0">
                            <thead>
                                <tr class="bg-light">
                                    <th style="width: 40px;" class="text-center">#</th>
                                    <th>Medicamento</th>
                                    <th>Concentración / Presentación</th>
                                    <th class="text-center" style="width: 100px;">Cantidad</th>
                                    <th class="text-right" style="width: 120px;">P. Unit ($)</th>
                                    <th class="text-right" style="width: 130px;">Subtotal ($)</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($venta->detalles as $idx => $det)
                                    <tr>
                                        <td class="text-center align-middle font-weight-bold text-muted">{{ $idx + 1 }}</td>
                                        <td class="align-middle">
                                            <strong>{{ $det->medicamento ? $det->medicamento->nombre_comercial : 'Medicamento no disponible' }}</strong>
                                            @if($det->medicamento && $det->medicamento->codigo)
                                                <span class="badge badge-light border ml-1">{{ $det->medicamento->codigo }}</span>
                                            @endif
                                            @if($det->medicamento && $det->medicamento->nombre_generico)
                                                <div class="small text-muted font-italic">{{ $det->medicamento->nombre_generico }}</div>
                                            @endif
                                        </td>
                                        <td class="align-middle small">
                                            {{ $det->medicamento ? $det->medicamento->concentracion . ' - ' . $det->medicamento->forma_farmaceutica : 'N/A' }}
                                        </td>
                                        <td class="text-center align-middle font-weight-bold" style="font-size: 1rem;">
                                            {{ $det->cantidad }} unids.
                                        </td>
                                        <td class="text-right align-middle font-weight-bold">
                                            ${{ number_format($det->precio_unitario, 2) }}
                                        </td>
                                        <td class="text-right align-middle font-weight-bold text-success" style="font-size: 1rem;">
                                            ${{ number_format($det->subtotal, 2) }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    @if($venta->notas)
                        <div class="p-3 bg-light border-top">
                            <span class="font-weight-bold text-muted small text-uppercase">Notas e Indicaciones:</span>
                            <p class="mb-0 text-dark small mt-1">{{ $venta->notas }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Información de Facturación y Totales -->
        <div class="col-lg-4">
            <!-- Tarjeta Datos de Venta -->
            <div class="card shadow-sm mb-3">
                <div class="card-header bg-light">
                    <h6 class="card-title font-weight-bold text-muted text-uppercase small mb-0">Información del Paciente</h6>
                </div>
                <div class="card-body p-3">
                    <div class="mb-2">
                        <small class="text-muted font-weight-bold text-uppercase">Cliente / Paciente:</small>
                        <div class="font-weight-bold text-primary h6 mb-0">{{ $venta->cliente_nombre }}</div>
                    </div>
                    <div class="mb-2">
                        <small class="text-muted font-weight-bold text-uppercase">Documento / Cédula:</small>
                        <div class="font-weight-bold text-dark">{{ $venta->cliente_documento ?: 'Consumidor Final' }}</div>
                    </div>
                    @if($venta->doctor)
                        <div class="mb-2">
                            <small class="text-muted font-weight-bold text-uppercase">Médico Prescriptor:</small>
                            <div>Dr(a). {{ $venta->doctor->nombres }} {{ $venta->doctor->apellidos }}</div>
                        </div>
                    @endif
                    <div class="mb-2">
                        <small class="text-muted font-weight-bold text-uppercase">Fecha y Hora:</small>
                        <div>{{ $venta->created_at->format('d/m/Y - H:i:s') }}</div>
                    </div>
                    <div class="mb-2">
                        <small class="text-muted font-weight-bold text-uppercase">Método de Pago:</small>
                        <div>
                            @if($venta->metodo_pago == 'CARGO_HOSPITALIZACION')
                                <span class="badge badge-primary px-2 py-1 font-weight-bold">
                                    <i class="fas fa-procedures mr-1"></i> CARGO A HOSPITALIZACIÓN
                                </span>
                            @else
                                <span class="badge badge-light border font-weight-bold">{{ $venta->metodo_pago }}</span>
                            @endif
                        </div>
                    </div>
                    @if($venta->hospitalizacion)
                        <div class="mb-2 p-2 rounded" style="background: rgba(2, 132, 199, 0.08); border-left: 3px solid #0284c7;">
                            <small class="text-primary font-weight-bold text-uppercase d-block">
                                <i class="fas fa-procedures mr-1"></i> Hospitalización Activa:
                            </small>
                            <a href="{{ route('admin.hospitalizaciones.show', ['id' => $venta->hospitalizacion->id, 'tab' => 'cuenta']) }}" class="font-weight-bold text-primary">
                                {{ $venta->hospitalizacion->codigo }} · Cama {{ $venta->hospitalizacion->cama->codigo ?? 'S/C' }} <i class="fas fa-external-link-alt ml-1 small"></i>
                            </a>
                            <small class="text-muted d-block mt-1">Los medicamentos fueron cargados a la cuenta del paciente internado.</small>
                        </div>
                    @endif
                    <div>
                        <small class="text-muted font-weight-bold text-uppercase">Dispensado Por:</small>
                        <div class="small text-muted">{{ $venta->user ? $venta->user->name : 'Personal Farmacia' }}</div>
                    </div>
                </div>
            </div>

            <!-- Resumen Financiero -->
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-light">
                    <h6 class="card-title font-weight-bold text-muted text-uppercase small mb-0">Resumen Financiero</h6>
                </div>
                <div class="card-body p-3">
                    <div class="d-flex justify-content-between py-2 border-bottom">
                        <span class="text-muted">Subtotal:</span>
                        <span class="font-weight-bold">${{ number_format($venta->subtotal, 2) }}</span>
                    </div>
                    <div class="d-flex justify-content-between py-2 border-bottom">
                        <span class="text-muted">Descuento Aplicado:</span>
                        <span class="font-weight-bold text-danger">-${{ number_format($venta->descuento, 2) }}</span>
                    </div>
                    <div class="d-flex justify-content-between py-3">
                        <span class="h5 font-weight-bold text-dark mb-0">TOTAL PAGADO:</span>
                        <span class="h4 font-weight-bold text-success mb-0">${{ number_format($venta->total, 2) }}</span>
                    </div>

                    <a href="{{ route('admin.farmacia.ventas.pdf', $venta->id) }}" target="_blank" class="btn btn-success btn-block font-weight-bold shadow-sm">
                        <i class="bi bi-printer-fill mr-1"></i> Imprimir Recibo Oficial
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Confirmar Anulación -->
@if($venta->estado == 'COMPLETADA')
<div class="modal fade" id="modalAnularVenta" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content text-left">
            <form action="{{ route('admin.farmacia.ventas.anular', $venta->id) }}" method="POST">
                @csrf
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title font-weight-bold">
                        <i class="bi bi-exclamation-triangle-fill mr-1"></i> Confirmar Anulación de Venta
                    </h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>¿Está seguro de anular la venta <strong>{{ $venta->nro_comprobante }}</strong> por un total de <strong>${{ number_format($venta->total, 2) }}</strong>?</p>
                    <div class="alert alert-warning py-2 small mb-0">
                        <i class="bi bi-arrow-repeat mr-1"></i> Al anular la venta, todos los medicamentos dispensados serán <strong>reingresados automáticamente al inventario físico</strong> y quedará registrado en el Kardex.
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-danger font-weight-bold">Anular Venta y Devolver Stock</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection