@extends('adminlte::page')

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

@section('content')
    <div class="card">
        <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-6">
                    <dl class="row">
                        <dt class="col-sm-4">ID:</dt>
                        <dd class="col-sm-8">{{ $caja->id }}</dd>

                        <dt class="col-sm-4">Monto de Apertura:</dt>
                        <dd class="col-sm-8">{{ number_format($caja->monto_apertura, 2) }} </dd>


                        <dt class="col-sm-4">Fecha de Apertura:</dt>
                        <dd class="col-sm-8">{{ $caja->fecha_apertura->format('d/m/Y H:i') }}</dd>

                        <dt class="col-sm-4">Estado:</dt>
                        <dd class="col-sm-8">
                            @if ($caja->estado_caja)
                                <span class="badge badge-success">Abierto</span>
                            @else
                                <span class="badge badge-danger">Cerrado</span>
                            @endif
                        </dd>

                        <dt class="col-sm-4">Fecha de Cierre:</dt>
                        <dd class="col-sm-8">
                            {{ $caja->fecha_cierre ? $caja->fecha_cierre->format('d/m/Y H:i') : 'No cerrada aún' }}</dd>
                        <dt class="col-sm-4">Monto de Cierre:</dt>
                        <dd class="col-sm-8">{{ number_format($caja->monto_cierre, 2) }} </dd>
                    </dl>
                </div>
            </div>

            <!-- Mostrar los pagos asociados -->
            <h5 class="mt-4 text-red font-weight-bold">PAGOS ASOCIADOS</h5>
            <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</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->descripcion }}</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>


            <hr style="border-top: 1px solid red;">
            <h5 class="mt-4 text-red font-weight-bold">EGRESOS DE DINERO</h5>
            <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>

            <hr style="border-top: 1px solid red;">
            <h5 class="mt-4 text-red font-weight-bold">INGRESOS DE DINERO</h5>
            <table class="table table-egresos table-bordered">
                <thead>
                    <th>#</th>
                    <th>Usuario</th>
                    <th>Monto</th>
                    <th>Motivo</th>
                    <th>Descripcion</th>
                    <th>Fecha</th>
                </thead>
                <tbody>
                    @forelse ($ingresos as $ingreso)
                        <tr>
                            <td>{{ $ingreso->id }}</td>
                            <td>{{ $ingreso->user?->name }}</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 egresos registrados para esta caja.</td>
                    @endforelse
                </tbody>
            </table>


            <!-- Mostrar los egresos del dia -->


            <!-- Resumen de ordenes del día -->
            <hr style="border-top: 1px solid red;">
            <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" target="_blank"> <i class="fa fa-print pr-2"></i>Imprimir PDF</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>

            <hr style="border-top: 1px solid red;">

            <!-- Mostrar los pagos asociados -->
            <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>CLIENTE</th>
                        <th>UNIDAD</th>
                        <th>KG</th>
                        <th>PRECIO</th>
                        <th>VTA. DIA</th>
                        <th>SALDO ANTERIOR</th>
                        <th>TOTAL</th>
                        <th>ABONO</th>
                        <th>SALDO A COBRAR</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($ventas as $venta)
                        <tr>
                            <td>{{ $venta->cliente }}</td>
                            <td>{{ $venta->cantidad_pollos }}</td>
                            <td>{{ $venta->peso_total_neto }}</td>
                            <td>{{ $venta->precio }}</td>
                            <td>{{ $venta->venta_dia }}</td>
                            <td>{{ $venta->deuda_anterior }}</td>
                            <td>{{ $venta->venta_dia + $venta->deuda_anterior }}</td>
                            <td>{{ $venta->monto_recibido }}</td>
                            <td>{{ $venta->saldo_a_cobrar }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4">No hay pagos registrados para esta caja.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>


        </div>
        <div class="card-footer">
            <!-- Botón para cerrar la caja -->
            @if ($caja->estado_caja)
                <button class="btn btn-danger" id="closeCajaBtn" data-id="{{ $caja->id }}">Cerrar Caja</button>
            @endif
            <a href="{{ route('cajas.index') }}" class="btn btn-secondary ml-3">Lista de cajas</a>
        </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') }}/" + cajaId,
                            method: 'DELETE',
                            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