@extends('layouts.admin')
@section('contenido')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <span class="title_header">Pagos</span><br>
                    Reserva N° {{ $registro->codRegistro }}<br>
                    {{ $registro->numDocumento }} | {{ $registro->nombres }}<br>
                    {{ $registro->nomLocalidad }}<br>
                    {{ $registro->tarifa }} ({{ $registro->costoTarifa }})<br>
                    <label>Duración (min): </label> {{ $registro->duracion}}
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">

                    </ol>
                </div>
            </div>
        </div>
    </section>

    <div class="row">
        <div class="col-12">
            <div class="card">
                {{-- @include('configuracion.localidad.search') --}}

                <div class="card-header">
{{--                    @if (isset($caja))--}}
{{--                        @if ($caja->codUsuario == auth()->user()->codUsuario)--}}
                            <a class="btn btn-success btn-sm" href="" data-target="#modal-add" data-toggle="modal">
                                Nuevo <i class="fas fa-plus-circle" style="color: #cef5e1; margin-left: 10px"></i>
                            </a>
{{--                        @else--}}
{{--                            <p>Otro usuario aperturó la caja.</p>--}}
{{--                        @endif--}}
{{--                    @else--}}
{{--                        <p>La caja no está aperturada.</p>--}}
{{--                    @endif--}}
                </div>
                <div class="card-body table-responsive p-0">
                    <table class="table table-sm table-hover text-nowrap">
                        <thead class="bg-teal">
                            <tr>
                                <th>Nro.</th>
                                <th>Fecha</th>
                                <th>Nota</th>
                                <th>Método Pago</th>
                                <th>Número de operación</th>
                                <th style="text-align: center">Importe</th>
                                <th colspan="2" style="text-align: center">Opciones</th>
                            </tr>
                        <tbody>
                            @php($cont = 1)
                            @php($total = 0)
                            @foreach ($pagos as $p)
                                <tr>
                                    <td>{{ $cont++ }}</td>
                                    <td>{{ date('d/m/Y h:i A', strtotime($p->fechaPago)) }}</td>
                                    <td>{{ $p->nota }}</td>
                                    <td>{{ $p->metodoPago }}</td>
                                    <td>{{ $p->num_operacion }}</td>
                                    <td style="text-align: right">{{ $p->importePago }}</td>
                                    <td style="text-align: center">
                                        <a href="{{ route('one-register.pdf', [$p->idPago]) }}" target="_blank"
                                            title="Reporte en PDF" class="btn btn-default btn-sm">
                                            <i class="far fa-file-pdf" style="color: #df4747"></i>
                                        </a>
                                    </td>
                                    <td style="text-align: center">
{{--                                        @if (LRC::valElimPago($p->idPago))--}}
                                            <form action="{{ route('eliminarPago', $p->idPago) }}"
                                                style="margin-bottom: 0px" method="POST">
                                                {!! csrf_field() !!}
                                                {!! method_field('DELETE') !!}
                                                <button class="btn btn-default btn-sm borrar3"
                                                    title="Eliminar Pago N° {{ $p->idPago }}"
                                                    data-nombre="Eliminar Pago N° {{ $p->idPago }}"><i
                                                        class="fas fa-trash text-danger" aria-hidden="true"></i></button>
                                            </form>
{{--                                        @endif--}}
                                    </td>
                                </tr>
                                @php($total += $p->importePago)
                            @endforeach
                            <tr>
                                <td colspan="3"></td>
                                <td align="right">TOTAL IMPORTE</td>
                                <td align="right">{{ number_format($total, 2) }}</td>
                                <td colspan="2"></td>
                            </tr>
                            <tr>
                                <td colspan="3"></td>
                                <td align="right">TOTAL COSTO</td>
                                <td align="right">{{ $registro->costoRegistro }}</td>
                                <td colspan="2"></td>
                            </tr>
                            <tr>
                                <td colspan="3"></td>
                                <td align="right">ADEUDA</td>
                                @php($restante = $registro->costoRegistro - $total)
                                <td align="right">{{ number_format($restante, 2) }}</td>
                                <td colspan="2"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="card-footer text-center">
                    <a href="{{ asset('registro/listado') }}" class="btn btn-danger btn-sm">Volver</a>
                </div>
            </div>
        </div>
    </div>
    @include('registro.listado.pago_create')
    @push('scripts')
        <script>
            $('#form1').on('submit', function(event) {
                event.preventDefault();  // Evitar recarga de página

                // Obtener los datos del formulario
                var formData = new FormData($(this)[0]);

                $.ajax({
                    url: $(this).attr('action'),
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        var userConfirmed = confirm('se registro correctamente...');
                        if (userConfirmed) {
                            // Si el usuario acepta, actualizamos la página
                            location.reload();  // Recarga la página
                        } else {
                            // Si no confirma, cerrar el modal y mostrar el mensaje
                            $('#modal-add').modal('hide');
                            alert(response.message);  // Muestra el mensaje de éxito
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            // Si ocurre un error de validación (422), mostrar los mensajes en una alerta
                            var errors = xhr.responseJSON.errors;
                            var errorMessage = "Por favor, corrige los siguientes errores:\n";
                            for (var key in errors) {
                                if (errors.hasOwnProperty(key)) {
                                    errorMessage += errors[key].join("\n") + "\n";  // Asegúrate de mostrar todos los errores
                                }
                            }
                            alert(errorMessage);  // Muestra los errores en una alerta
                        } else {
                            // Si hay otros errores, mostrar un mensaje genérico
                            alert("Hubo un error al procesar tu solicitud. Intenta nuevamente.");
                        }
                    }
                });
            });


        </script>
        @if (Session::has('success'))
            <script type="text/javascript">
                const Toast = Swal.mixin({
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    onOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });
                Toast.fire({
                    icon: 'success',
                    title: '{{ Session::get('success') }}',
                    customClass: 'swal-pop',
                })
            </script>
        @endif
        {{-- ----------------------------------------------- --}}
        @if (Session::has('error'))
            <script type="text/javascript">
                const Toast = Swal.mixin({
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    onOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });
                Toast.fire({
                    icon: 'error',
                    title: '{{ Session::get('error') }}',
                    customClass: 'swal-pop',
                })
            </script>
        @endif
    @endpush


@endsection