@extends('layouts.app')

@section('content')
<div class="container-fluid py-4 bg-light">

    <div class="d-flex justify-content-between align-items-center mb-4 bg-white p-3 rounded shadow-sm">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Cierre de Caja</h1>
            <span class="badge badge-primary px-3 py-2">FECHA: {{$fecha}}</span>
        </div>
        <button onclick="window.print()" class="btn btn-outline-secondary d-print-none">
            <i class="fa fa-print"></i> Imprimir Reporte
        </button>
    </div>

    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Total Abonos (Efectivo)</div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">Q. {{number_format($abonos[0], 2)}}</div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Total Visas/Tarjetas</div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">Q. {{number_format($abonos[1], 2)}}</div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">Transferencias/Dep.</div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">Q. {{number_format($abonos[2] + $abonos[3], 2)}}</div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Pago a Doctores (Hoy)</div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">Q. {{number_format($total_pago_doctors + (isset($t) ? $t : 0) - (isset($td) ? $td : 0), 2)}}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-7">
            <div class="card shadow mb-4">
                <div class="card-header py-3 bg-white">
                    <h6 class="m-0 font-weight-bold text-primary"><i class="fa fa-user-md mr-2"></i>PACIENTES OPERADOS</h6>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th>Paciente</th>
                                    <th>Tratamiento</th>
                                    <th>Doctor</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($pagos as $pago)
                                <tr>
                                    <td class="font-weight-bold">{{$pago->paciente->nombre}}</td>
                                    <td><span class="badge badge-light border">{{$pago->tratamiento->nombre}}</span></td>
                                    <td>{{$pago->doctor->nombre}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="card shadow mb-4">
                <div class="card-header py-3 bg-dark">
                    <h6 class="m-0 font-weight-bold text-white"><i class="fa fa-shopping-cart mr-2"></i>DETALLE DE VENTAS DE FARMACIA / ARTÍCULOS</h6>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Recibo</th>
                                    <th>Artículo</th>
                                    <th>Cant.</th>
                                    <th>Venta</th>
                                    <th>Utilidad</th>
                                    <th>Ganancia</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $utilidad = 0; $descuentos = 0; $totalVentasS = 0; @endphp
                                @foreach($ventas as $deu)
                                @php
                                $totalVentasS += ($deu->p_venta * $deu->cantidad);
                                $descuentos += $deu->descuento;
                                $ganancia_fila = (($deu->p_venta * $deu->cantidad) - ($deu->p_costo * $deu->cantidad)) - $deu->descuento;
                                $utilidad += $ganancia_fila;
                                @endphp
                                <tr>
                                    <td>#{{$deu->factura_id}}</td>
                                    <td class="small">{{$deu->nomArt}}</td>
                                    <td>{{$deu->cantidad}}</td>
                                    <td>Q.{{number_format($deu->p_venta, 2)}}</td>
                                    <td class="text-muted">Q.{{number_format($deu->p_venta - $deu->p_costo, 2)}}</td>
                                    <td class="font-weight-bold text-success">Q.{{number_format($ganancia_fila, 2)}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>


                </div>
                <div class="card-footer bg-light border-top">
                    <div class="row">
                        <div class="col-md-6 border-right">
                            <h6 class="font-weight-bold text-muted small text-uppercase">Desglose de Recaudación (Ventas)</h6>
                            <div class="d-flex justify-content-between mb-1">
                                <span><i class="fa fa-money-bill-wave text-success mr-2"></i> Efectivo:</span>
                                <span class="font-weight-bold">Q. {{ number_format($efectivo, 2) }}</span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span><i class="fa fa-credit-card text-primary mr-2"></i> Tarjeta:</span>
                                <span class="font-weight-bold">Q. {{ number_format($tarjeta, 2) }}</span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span><i class="fa fa-university text-info mr-2"></i> Transferencia:</span>
                                <span class="font-weight-bold">Q. {{ number_format($transferencia, 2) }}</span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span><i class="fa fa-piggy-bank text-warning mr-2"></i> Depósito:</span>
                                <span class="font-weight-bold">Q. {{ number_format($deposito, 2) }}</span>
                            </div>
                            <div class="d-flex justify-content-between">
                                <span><i class="fa fa-ellipsis-h text-secondary mr-2"></i> Otro:</span>
                                <span class="font-weight-bold">Q. {{ number_format($otro, 2) }}</span>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <h6 class="font-weight-bold text-muted small text-uppercase">Resumen Final de Inventario</h6>
                            <div class="p-2 bg-white rounded border">
                                <div class="d-flex justify-content-between">
                                    <span class="small">Ventas Brutas:</span>
                                    <span class="text-dark">Q. {{ number_format($totalVentasS, 2) }}</span>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span class="small text-danger">(-) Descuentos:</span>
                                    <span class="text-danger">Q. {{ number_format($descuentos, 2) }}</span>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span class="small text-danger">(-) Deuda Medicamento:</span>
                                    <span class="text-danger">Q. {{ number_format($deudaMedicamento, 2) }}</span>
                                </div>
                                <hr class="my-1">
                                <div class="d-flex justify-content-between">
                                    <span class="font-weight-bold">Total Neto:</span>
                                    <span class="font-weight-bold text-primary">Q. {{ number_format(($totalVentasS - $descuentos) - $deudaMedicamento, 2) }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">ABONOS RECIBIDOS</h6>
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm mb-0">
                        <thead class="small text-uppercase bg-light">
                            <tr>
                                <th>Paciente</th>
                                <th>Descrripcion</th>
                                <th>Tipo</th>

                                <th>Valor</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($h_abonos as $abo)
                            <tr>
                                <td>{{$abo->paciente->nombre}}</td>
                                <td>
                                    {{ Str::limit($abo->descripcion, 15) }}
                                </td>
                                <td>{{$abo->tipo}}</td>

                                <td class="font-weight-bold text-primary">Q. {{number_format($abo->valor + $abo->incremento, 2)}}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-4">
                    <div class="card shadow h-100">
                        <div class="card-header py-2 bg-success text-white small font-weight-bold">ENTRADAS CAJA CHICA</div>
                        <div class="card-body p-2">
                            @php $totalE = 0; @endphp
                            @foreach ($entradas as $dt)
                            <div class="d-flex justify-content-between border-bottom mb-1 small">
                                <span>{{$dt->descripcion}}</span>
                                <span class="font-weight-bold">Q.{{number_format($dt->valor, 2)}}</span>
                            </div>
                            @php $totalE += $dt->valor; @endphp
                            @endforeach
                            <div class="text-right font-weight-bold mt-2 text-success">Total: Q.{{number_format($totalE, 2)}}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-4">
                    <div class="card shadow h-100">
                        <div class="card-header py-2 bg-danger text-white small font-weight-bold">GASTOS / SALIDAS</div>
                        <div class="card-body p-2">
                            @php $totalS = 0; @endphp
                            @foreach ($salidas as $dt)
                            <div class="d-flex justify-content-between border-bottom mb-1 small text-danger">
                                <span>{{$dt->descripcion}}</span>
                                <span class="font-weight-bold">Q.{{number_format($dt->valor, 2)}}</span>
                            </div>
                            @php $totalS += $dt->valor; @endphp
                            @endforeach
                            <div class="text-right font-weight-bold mt-2 text-danger">Total: Q.{{number_format($totalS, 2)}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card shadow mb-4 border-left-info">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">ORTODONCIA</h6>
                </div>
                <div class="card-body p-0 small">
                    <table class="table table-sm mb-0">
                        <thead>
                            <tr>
                                <th>Paciente</th>
                                <th>Doc</th>
                                <th>Clínica</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $t = 0; $t2 = 0; $t3 = 0; @endphp
                            @foreach ($orto as $o)
                            @php $t += $o->g_doc; $t2 += $o->g_cli; $t3 += $o->total; @endphp
                            <tr>
                                <td>{{$o->paciente}}</td>
                                <td>Q.{{number_format($o->g_doc, 1)}}</td>
                                <td>Q.{{number_format($o->g_cli, 1)}}</td>
                                <td class="font-weight-bold">Q.{{number_format($o->total, 1)}}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow mb-4">
        <div class="card-header py-3 bg-secondary text-white">
            <h6 class="m-0 font-weight-bold">REGISTRO PARA LABORATORIOS</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive text-nowrap">
                <table class="table table-bordered table-sm">
                    <thead class="bg-light">
                        <tr>
                            <th>Laboratorio</th>
                            <th>Paciente</th>
                            <th>Descripción</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $tl = 0; @endphp
                        @foreach ($laboratorios as $pl)
                        @php $tl += $pl->total; @endphp
                        <tr>
                            <td>{{$pl->nombre}}</td>
                            <td>{{$pl->paciente}}</td>
                            <td>{{$pl->descripcion}}</td>
                            <td class="font-weight-bold text-right">Q. {{number_format($pl->total, 2)}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="h5 text-right font-weight-bold mt-2">TOTAL LABORATORIOS: Q. {{number_format($tl, 2)}}</div>
        </div>
    </div>
</div>

<style>
    /* Estilos adicionales para mejorar la visualización */
    .card {
        border-radius: 8px;
        overflow: hidden;
    }

    .border-left-primary {
        border-left: .25rem solid #4e73df !important;
    }

    .border-left-success {
        border-left: .25rem solid #1cc88a !important;
    }

    .border-left-info {
        border-left: .25rem solid #36b9cc !important;
    }

    .border-left-warning {
        border-left: .25rem solid #f6c23e !important;
    }

    .table thead th {
        border-top: 0;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.5px;
    }

    @media print {
        .d-print-none {
            display: none !important;
        }

        .card {
            border: none !important;
            shadow: none !important;
        }

        .container-fluid {
            background: white !important;
        }
    }
</style>
@endsection