@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 }}">Cerrar Caja</button>
            @endif
            <a href="{{ route('cajas.index') }}" class="btn btn-warning">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>
            <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>VTA. DIA</th>
                        <th>DEUDA ANTERIOR</th>
                        <th>SAF.A</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>{{ $venta->precio }}</td>
                            <td>{{ $venta->venta_dia }}</td>
                            <td>{{ number_format($venta->deuda_anterior, 2) }}</td>
                            <td class="{{ $venta->saldo_a_favor > 0 ? 'text-success' : 'text-danger' }}">{{ number_format($venta->saldo_a_favor, 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="10">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>#</th>
                    <th>Cliente</th>
                    <th>Serie de venta</th>
                    <th>Monto</th>
                    <th>Método de Pago</th>
                    <th>Banco</th>
                    <th>N° Operación</th>
                    {{-- <th>Destino</th> --}}
                    <th>Fecha de Registro</th>
                    <th></th>
                </thead>
                <tbody>
                    @forelse($caja->pagos as $pago)
                        <tr>
                            <td>{{ $pago->id }}</td>
                            <td>{{ $pago->venta?->cliente_razon_social }}</td>
                            <td>{{ $pago->venta->serie_venta }}</td>
                            <td>{{ number_format($pago->monto, 2) }}</td>
                            <td>{{ $pago->metodo_pago->description ?? 'N/A' }}</td>
                            <td>{{ $pago->banco?->nombre }}</td>
                            <td>{{ $pago->num_operacion }}</td>
                            {{-- <td>{{ $pago->destino }}</td> --}}
                            <td>{{ $pago->created_at->format('d/m/Y H:i') }}</td>
                            <td>
                                @if ($pago->imagen)
                                    <a href="{{ \Illuminate\Support\Facades\Storage::url($pago->imagen) }}"
                                        target="_Blank">Ver
                                        Comprobante</a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10">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>#</th>
                    <th>Usuario</th>
                    <th>Cliente</th>
                    <th>Venta</th>
                    <th>Monto</th>
                    <th>Motivo</th>
                    <th>Descripcion</th>
                    <th>Fecha de Registro</th>
                </thead>
                <tbody>
                    @forelse ($ingresos as $ingreso)
                        <tr>
                            <td>{{ $ingreso->id }}</td>
                            <td>{{ $ingreso->user?->name }}</td>
                            <td>{{ $ingreso->cliente?->razon_social }}</td>
                            <td>{{ optional($ingreso->venta)->serie_venta ?? '' }}</td>
                            <td>{{ $ingreso->monto }}</td>
                            <td>{{ $ingreso->motivo }}</td>
                            <td>{{ $ingreso->descripcion }}</td>
                            <td>{{ \Carbon\Carbon::parse($ingreso->fecha_registro)->format('d-m-Y') }}</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')
    {{-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> --}}
    {{-- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css"> --}}
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {{-- <script type="text/javascript" charset="utf-8" src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></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