@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) }} {{ $caja->moneda }}</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>
                    </dl>
                </div>
            </div>

            <!-- Mostrar los pagos asociados -->
            <h5 class="mt-4">Pagos Asociados</h5>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <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>
                    </tr>
                </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="4">No hay pagos registrados para esta caja.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>

            <!-- Mostrar los pagos asociados -->
            <h5 class="mt-4">Resumen</h5>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>CLIENTE</th>
                        <th>UNIDAD</th>
                        <th>KG</th>
                        <th>PROM</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($reports as $pago)
                        <tr>
                            <td>{{ $pago->cliente }}</td>
                            <td>{{ $pago->cantidad_pollos }}</td>
                            <td>{{ $pago->peso_total_neto }}</td>
                            <td>{{ $pago->promedio }}</td>
                            <td>{{ $pago->precio }}</td>
                            <td>{{ $pago->venta_dia }}</td>
                            <td>{{ $pago->saldo_anterior }}</td>
                            <td>{{ $pago->venta_dia + $pago->saldo_anterior }}</td>
                            <td>{{ $pago->abono }}</td>
                            <td>{{ $pago->saldo_a_cobrar }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4">No hay pagos registrados para esta caja.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            <a href="{{ route('cajas.resumen', ['caja' => $caja->id, 'format' => 'pdf']) }}"
                class="btn btn-danger btn-sm mt-2 float-right ml-3" 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 btn-sm mt-2 float-right ml-3" target="_blank">
                <i class="fa fa-file-excel pr-2"></i>Imprimir Excel</a>
        </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">Volver</a>
        </div>
    </div>




@stop

@section('css')
    {{-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> --}}
@stop

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

            $('#table-cobros').DataTable({
                "pageLength": 25,
            });

            $('#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) {
                        $.ajax({
                            url: '{{ url('cajas') }}/' + cajaId,
                            type: 'PATCH',
                            data: {
                                _token: '{{ csrf_token() }}',
                                fecha_cierre: new Date().toISOString()
                            },
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Éxito!',
                                    text: 'Caja cerrada exitosamente.',
                                    timer: 3000,
                                    showConfirmButton: false
                                }).then(function() {
                                    window.location
                                .reload(); // Recargar la página después de la notificación
                                });
                            },
                            error: function(xhr) {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: 'Hubo un error al cerrar la caja.',
                                    timer: 3000,
                                    showConfirmButton: false
                                });
                            }
                        });
                    }
                });
            });
        });
    </script>
@stop