@extends('adminlte::page')

@section('title', env('APP_NAME') . ' - Ver Caja')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Ver Caja</h1>
@stop

@section('content')

    <div class="card box-caja">
        <div class="card-header">
            <h3 class="card-title">Detalles de la Caja</h3>
        </div>
        <div class="card-body">
            <!-- Mostrar los detalles de la caja -->
            <div class="row">

                <div class="col-md-3">
                    <div class="small-box {{ $caja->estado_caja ? 'bg-success' : 'bg-danger' }}">
                        <div class="inner">
                            <h3>{{ number_format($caja->monto_cierre, 2) }}</h3>
                            <p>CAJA {{ $caja->estado_caja ? 'ABIERTA' : 'CERRADA' }}</p>
                            <small class="text-white">
                                {{ $caja->estado_caja ? 'Aperturada el ' . $caja->fecha_apertura->format('d/m/Y H:i') : 'Cerrada el ' . $caja->fecha_cierre->format('d/m/Y H:i') }}
                            </small>
                        </div>
                        <div class="icon">
                            <i class="fas fa-cash-register"></i>
                        </div>
                        @if ($caja->estado_caja)
                            <a href="#" class="small-box-footer">
                                Caja en operación <i class="fas fa-check-circle"></i>
                            </a>
                        @else
                            <span class="small-box-footer">
                                Caja finalizada <i class="fas fa-lock"></i>
                            </span>
                        @endif
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="small-box bg-info">
                        <div class="inner">
                            <h3>{{ number_format($TotalsPagos, 2) }}</h3>
                            <p>PAGOS REALIZADOS</p>
                            <small class="text-white">
                                Pagos realizados el día {{ $caja->fecha_apertura->format('d/m/Y H:i') }}
                            </small>
                        </div>
                        <div class="icon">
                            <i class="fas fa-dollar-sign"></i>
                        </div>
                        <a href="#" class="small-box-footer">
                            <br>
                        </a>
                    </div>


                </div>
                <div class="col-md-3">
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h3>{{ number_format($TotalsIngresos, 2) }}</h3>
                            <p>INGRESOS</p>
                            <small class="text-white">
                                Ingresos realizados el día {{ $caja->fecha_apertura->format('d/m/Y H:i') }}
                            </small>
                        </div>
                        <div class="icon">
                            <i class="fas fa-money-bill-alt"></i>
                        </div>
                        <a href="#" class="small-box-footer">
                            <br>
                        </a>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="small-box bg-danger">
                        <div class="inner">
                            <h3>{{ number_format($TotalsEgresos, 2) }}</h3>
                            <p>EGRESOS</p>
                            <small class="text-white">
                                Egresos realizados el día {{ $caja->fecha_apertura->format('d/m/Y H:i') }}
                            </small>
                        </div>
                        <div class="icon">
                            <i class="fas fa-money-bill-alt"></i>
                        </div>
                        <a href="#" class="small-box-footer">
                            <br>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <!-- Botón para cerrar la caja -->
            @if ($caja->estado_caja)
                <button class="btn btn-danger mr-3" id="closeCajaBtn" data-id="{{ $caja->id }}">
                    <i class="fa fa-lock"></i> Cerrar Caja
                </button>
            @endif
            <a href="{{ route('cajas.index') }}" class="btn btn-warning">
                <i class="fa fa-list"></i> Lista de cajas
            </a>
        </div>
    </div>


    <!-- Resumen de ventas -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Resumen de ventas</h3>
            <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
                <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                  <i class="fas fa-times"></i>
                </button>
              </div>
        </div>
        <div class="card-body">
            <h5 class="mt-4 text-red font-weight-bold">RESUMEN DE VENTA</h5>

            <!-- Información explicativa -->
            <div class="alert alert-info mt-2 mb-3" style="font-size: 0.9rem;">
                <i class="fas fa-info-circle"></i>
                <strong>Información:</strong>
                El "Saldo a Cobrar" muestra el balance consolidado histórico del cliente.
                Un valor negativo indica saldo a favor, positivo indica deuda pendiente.
                <br><small class="text-white">
                    <strong>Deuda Anterior:</strong> Balance del cierre de caja anterior |
                    <strong>Saldo a Cobrar:</strong> Balance consolidado actual
                </small>
            </div>

            <a href="{{ route('cajas.resumen', ['caja' => $caja->id, 'format' => 'pdf']) }}"
                class="btn btn-primary mt-2 mr-3 mb-2" target="_blank"> <i class="fa fa-print pr-2"></i>Imprimir PDF</a>
            <a href="{{ route('cajas.resumen', ['caja' => $caja->id, 'format' => 'excel']) }}"
                class="btn btn-info mt-2 mb-2" target="_blank"> <i class="fa fa-file-excel pr-2"></i>Imprimir Excel</a>



            <table class="table  table-ventas table-bordered">
                <thead>
                    <tr>
                        <th>N°</th>
                        <th>CLIENTE</th>
                        <th>UNIDAD</th>
                        <th>KG</th>
                        <th>PRECIO</th>
                        <th>PRECIOS</th>
                        <th>VTA. DIA</th>
                        <th>DEUDA ANTERIOR</th>
                        <th>TOTAL</th>
                        <th>ABONO</th>
                        <th>SALDO A COBRAR</th>
                        <th>PROMEDIO</th>

                    </tr>
                </thead>
                <tbody>
                    @php
                        $i = 1;
                    @endphp
                    @forelse($ventas as $venta)
                        <tr>
                            <td>{{ $i++ }}</td>
                            <td>{{ $venta->cliente }}</td>
                            <td>{{ number_format($venta->cantidad_pollos, 0) }}</td>
                            <td>{{ $venta->peso_total_neto }}</td>
                            <td>{{ number_format($venta->precio, 2) }}</td>
                            <td>
                                @if(isset($venta->precios_unicos) && !empty($venta->precios_unicos))
                                    {{ $venta->precios_unicos }}
                                @elseif(isset($venta->precios_anteriores) && !empty($venta->precios_anteriores))
                                    {{ $venta->precios_anteriores }}
                                @else
                                    {{ $venta->precio }}
                                @endif
                            </td>
                            <td>{{ $venta->venta_dia }}</td>
                            <td>{{ number_format($venta->deuda_anterior, 2) }}</td>
                            <td>{{ number_format($venta->total, 2) }}</td>
                            <td>{{ number_format($venta->monto_recibido, 2) }}</td>
                            <td>{{ number_format($venta->saldo_a_cobrar, 2) }}</td>
                            <td>{{ $venta->promedio }}</td>

                        </tr>
                    @empty
                        <tr>
                            <td colspan="12">No hay ventas registradas para esta caja.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>

        </div>
    </div>

    <!-- Resumen de ordenes de despacho -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Resumen de despachos</h3>
            <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
                <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                  <i class="fas fa-times"></i>
                </button>
              </div>
        </div>
        <div class="card-body">
            <h5 class="mt-4 text-red font-weight-bold">RESUMEN ORDENES DESPACHO</h5>

            <a href="{{ route('cajas.resumen-ordenes', ['caja' => $caja->id, 'format' => 'pdf']) }}"
                class="btn btn-primary mb-2 mr-3" target="_blank"> <i class="fa fa-print pr-2"></i>Imprimir PDF</a>

            <a href="{{ route('cajas.resumen-ordenes', ['caja' => $caja->id, 'format' => 'excel']) }}"
                class="btn btn-info mb-2" target="_blank"> <i class="fa fa-file-excel pr-2"></i>Imprimir Excel</a>

            <table class="table  table-ordenes table-bordered">
                <thead>
                    <th>Cliente</th>
                    <th>Cantidad Pollos</th>
                    <th>Peso Neto</th>
                    <th>Fecha Despacho</th>
                </thead>
                <tbody>
                    @foreach ($orders as $order)
                        <tr>
                            <td>{{ $order->cliente }}</td>
                            <td>{{ $order->cantidad_pollos }}</td>
                            <td>{{ $order->peso_total_neto }}</td>
                            <td>{{ $order->fecha_despacho }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <!-- Resumen de pagos -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Pagos asociados a la caja</h3>

            <div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                <i class="fas fa-minus"></i>
              </button>
              <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                <i class="fas fa-times"></i>
              </button>
            </div>
        </div>
        <div class="card-body">
            <a href="{{ route('cajas.resumen-pagos', ['caja' => $caja->id, 'format' => 'pdf']) }}"
                class="btn btn-primary mb-2" target="_blank"> <i class="fa fa-print pr-2"></i>Imprimir PDF</a>

            <table class="table table-pagos table-bordered">
                <thead>
                    <th>N°</th>
                    <th>ID</th>
                    <th>Cliente</th>
                    <th>Fecha de Pago</th>
                    <th>Método de Pago</th>
                    <th>Banco</th>
                    <th>N° Operación</th>
                    <th>Monto</th>
                    <th>Descripción</th>
                </thead>
                <tbody>
                    @php
                        $indexPagos = 1;
                    @endphp
                    @forelse($pagos as $pago)
                        <tr>
                            <td>{{ $indexPagos++ }}</td>
                            <td>{{ $pago->id }}</td>
                            <td>{{ $pago->cliente?->razon_social }}</td>
                            <td>{{ $pago->fecha->format('d/m/Y H:i') }}</td>
                            <td>{{ $pago->metodoPago->descripcion ?? 'N/A' }}</td>
                            <td>{{ $pago->banco?->name }}</td>
                            <td>{{ $pago->num_operacion ?? 'N/A' }}</td>
                            <td>{{ number_format($pago->monto_total, 2) }}</td>
                            <td>{{ $pago->comentario ?? 'No hay comentario' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9">No hay pagos registrados para esta caja.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Resumen de ingresos -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Ingresos asociados a la caja</h3>
            <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
                <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                  <i class="fas fa-times"></i>
                </button>
              </div>
        </div>
        <div class="card-body">
            <table class="table table-egresos table-bordered">
                <thead>
                    <th>N°</th>
                    <th>ID</th>
                    <th>Cliente</th>
                    <th>Fecha de registro</th>
                    <th>Método de pago</th>
                    <th>Banco</th>
                    <th>N° Operación</th>
                    <th>Monto</th>
                    <th>Descripción</th>
                </thead>
                <tbody>
                    @php
                        $indexIngresos = 1;
                    @endphp
                    @forelse ($ingresos as $ingreso)
                        <tr>
                            <td>{{ $indexIngresos++ }}</td>
                            <td>{{ $ingreso->id }}</td>
                            <td>{{ $ingreso->fecha_registro->format('d/m/Y H:i') }}</td>
                            <td>{{ $ingreso->cliente?->razon_social }}</td>
                            <td>{{ $ingreso->metodoPago->descripcion ?? 'N/A' }}</td>
                            <td>{{ $ingreso->account?->name ?? 'N/A' }}</td>
                            <td>{{ $ingreso->numero_operacion ?? 'N/A' }}</td>
                            <td>{{ number_format($ingreso->monto, 2) }}</td>
                            <td>{{ $ingreso->motivo ?? 'No hay descripción' }}</td>
                        </tr>
                    @empty
                        <td colspan="10">No hay ingresos registrados para esta caja.</td>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Resumen de egresos -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Egresos asociados a la caja</h3>
            <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
                <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                  <i class="fas fa-times"></i>
                </button>
              </div>
        </div>
        <div class="card-body">
            <table class="table table-egresos table-bordered">
                <thead>
                    <th>#</th>
                    <th>Usuario</th>
                    <th>Monto</th>
                    <th>Descripcion</th>
                    <th>Fecha de registro</th>
                </thead>
                <tbody>
                    @forelse ($egresos as $egreso)
                        <tr>
                            <td>{{ $egreso->id }}</td>
                            <td>{{ $egreso->user->name }}</td>
                            <td>{{ $egreso->monto }}</td>
                            <td>{{ $egreso->descripcion }}</td>
                            <td>{{ $egreso->fecha_registro }}</td>
                        </tr>
                    @empty
                        <td colspan="10">No hay egresos registrados para esta caja.</td>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>




@stop

@section('css')
<style>

    .table{
        font-size: 14px !important;
    }
</style>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


    <script>
        $(document).ready(function() {

            $('#closeCajaBtn').on('click', function() {
                var cajaId = $(this).data('id');

                Swal.fire({
                    title: '¿Estás seguro?',
                    text: "¡Una vez cerrada, la caja no podrá ser editada!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí, cerrar caja',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {

                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });

                        $.ajax({
                            url: "{{ url('cajas/cerrar') }}/" + cajaId,
                            method: 'POST',
                            success: function(response) {
                                Swal.fire('¡Caja cerrada!', '', 'success');
                                location.reload();
                            },
                            error: function(xhr) {
                                Swal.fire('Error', 'No se pudo cerrar la caja.',
                                    'error');
                            }
                        });

                    }
                });
            });


        });
    </script>
@stop