@extends('layout')

@section('ventas-active', 'active')
@section('cotizaciones-active', 'active')

@section('bread-module', 'Cotizaciones')
@section('bread-submodule', 'Cotizaciones')
@section('hero-title', 'Lista de Cotizaciones')
@section('hero-subtitle', 'Cotizaciones')
@section('btn-add')
    <a class="main-btn-add" href="#" onclick="crearCotizacion()">
        <i class="fas fa-plus-circle"></i> Nuevo
    </a>
@endsection

@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-content">
                        <div class="col-12">
                            <div class="table-responsive">
                                @include('ventas.cotizaciones.tables.tbl_list_cotizacion')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

<script>
    let dtCotizaciones = null;

    document.addEventListener('DOMContentLoaded', () => {
        iniciarDataTableCotizaciones();
    })

    function iniciarDataTableCotizaciones() {
        const urlGetCotizaciones = '{{ route('ventas.cotizacion.getCotizaciones') }}';

        dtCotizaciones = new DataTable('#tbl_list_cotizaciones', {
            serverSide: true,
            processing: true,
            responsive: true,
            ajax: {
                url: urlGetCotizaciones,
                type: 'GET',
            },
            order: [
                [0, 'desc']
            ],
            columns: [{
                    data: 'id',
                    name: 'co.id',
                    visible: false
                },
                {
                    data: 'simbolo',
                    name: 'simbolo'
                },
                {
                    data: 'documento',
                    name: 'documento'
                },
                {
                    data: 'pedido_id',
                    name: 'pedido_id'
                },
                {
                    data: 'almacen_nombre',
                    name: 'co.almacen_nombre'
                },
                {
                    data: 'telefono',
                    name: 'co.telefono'
                },
                {
                    data: 'cliente',
                    name: 'co.cliente_nombre'
                },
                {
                    data: 'registrador_nombre',
                    name: 'co.registrador_nombre'
                },
                {
                    data: 'created_at',
                    name: 'co.created_at'
                },
                {
                    data: 'total_pagar',
                    name: 'co.total_pagar',
                    searchable: false,
                    orderable: false,
                    render: function(data, type, row) {
                        return formatoMoneda(data);
                    }
                },
                {
                    data: 'estado',
                    name: 'co.estado'
                },
                {
                    data: null,
                    className: "text-center",
                    searchable: false,
                    render: function(data) {
                        //Ruta Detalle
                        var url_detalle = '{{ route('ventas.cotizacion.show', ':id') }}';
                        url_detalle = url_detalle.replace(':id', data.id);

                        //Ruta Modificar
                        var url_editar = '{{ route('ventas.cotizacion.edit', ':id') }}';
                        url_editar = url_editar.replace(':id', data.id);

                        var url_imprimir = '{{ route('ventas.cotizacion.reporte', ':id') }}';
                        url_imprimir = url_imprimir.replace(':id', data.id);

                        let options = "";
                        options += `
                            <div class='btn-group' style='text-transform:capitalize;'>
                                <button data-toggle='dropdown' class='btn btn-primary btn-sm dropdown-toggle'>
                                <i class='fa fa-bars'></i>
                                </button>
                                <ul class='dropdown-menu'>
                                <li>
                                    <a class='dropdown-item' target='_blank' href='${url_imprimir}' title='Detalle'>
                                    <b><i class='fa fa-file-pdf-o'></i> Pdf</b>
                                    </a>
                                </li>
                                `;

                        if (data.pedido_id === '-' && data.documento === '-') {
                            options += `<li>
                                            <a class='dropdown-item' onclick='documento(${data.id})' title='Documento'>
                                            <b><i class='fa fa-file'></i> Documento</b>
                                            </a>
                                        </li>
                                <div class="dropdown-divider"></div>
                                <li>
                                    <a class='dropdown-item' onclick='pedido(${data.id})' title='Pedido'>
                                    <b><i class="fas fa-concierge-bell"></i> Pedido</b>
                                    </a>
                                </li>
                                <div class="dropdown-divider"></div>`;
                        }

                        if (data.pedido_id === '-' && data.documento === '-') {
                            options += `<li>
                                        <a class='dropdown-item' href='${url_editar}' title='Modificar'>
                                        <b><i class='fa fa-edit'></i> Modificar</b>
                                        </a>
                                    </li>
                                    <li>
                                        <a class='dropdown-item' onclick='eliminar(${data.id})' title='Eliminar'>
                                        <b><i class='fa fa-trash'></i> Eliminar</b>
                                        </a>
                                    </li>
                                    </ul>
                                    </div>`;
                        }

                        return options;

                    }
                }
            ],
            language: {
                "lengthMenu": "Mostrar _MENU_ registros por página",
                "zeroRecords": "No se encontraron resultados",
                "info": "Mostrando _START_ a _END_ de _TOTAL_ registros",
                "infoEmpty": "Mostrando 0 a 0 de 0 registros",
                "infoFiltered": "(filtrado de _MAX_ registros totales)",
                "search": "Buscar:",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
                "loadingRecords": "Cargando...",
                "processing": "Procesando...",
                "emptyTable": "No hay datos disponibles en la tabla",
                "aria": {
                    "sortAscending": ": activar para ordenar la columna de manera ascendente",
                    "sortDescending": ": activar para ordenar la columna de manera descendente"
                }
            }
        });
    }

    function crearCotizacion() {
        window.location = "{{ route('ventas.cotizacion.create') }}";
    }

    function eliminar(id) {
        Swal.fire({
            title: 'Opción Eliminar',
            text: "¿Seguro que desea guardar cambios?",
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: "#1ab394",
            confirmButtonText: 'Si, Confirmar',
            cancelButtonText: "No, Cancelar",
        }).then((result) => {
            if (result.isConfirmed) {
                //Ruta Eliminar
                var url_eliminar = '{{ route('ventas.cotizacion.destroy', ':id') }}';
                url_eliminar = url_eliminar.replace(':id', id);
                $(location).attr('href', url_eliminar);

            } else if (
                /* Read more about handling dismissals below */
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelado',
                    'La Solicitud se ha cancelado.',
                    'error'
                )
            }
        })
    }

    function documento(id) {
        Swal.fire({
            title: 'Opción Documento de venta',
            text: "¿Seguro que desea crear un documento de venta?",
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: "#1ab394",
            confirmButtonText: 'Si, Confirmar',
            cancelButtonText: "No, Cancelar",
        }).then((result) => {
            if (result.isConfirmed) {

                let url_concretar = '{{ route('ventas.cotizacion.documento', ':id') }}';
                url_concretar = url_concretar.replace(':id', id);
                $(location).attr('href', url_concretar);

            } else if (
                /* Read more about handling dismissals below */
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelado',
                    'La Solicitud se ha cancelado.',
                    'error'
                )
            }
        })
    }

    //======== CONVERTIR COTIZACIÓN A PEDIDO =======
    function pedido(cotizacion_id) {
        Swal.fire({
            title: `Convertir Cotización N° ${cotizacion_id} a Pedido`,
            text: ``,
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: "#1ab394",
            confirmButtonText: 'Si, Confirmar',
            cancelButtonText: "No, Cancelar",
        }).then(async (result) => {
            if (result.isConfirmed) {

                Swal.fire({
                    title: 'Procesando...',
                    text: 'Por favor, espere.',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });


                let url = "{{ route('ventas.cotizacion.generarPedidoCreate', ':id') }}";
                url = url.replace(':id', cotizacion_id);
                window.location.href = url;

                /*try {
                    const res   =   await axios.get(route('ventas.cotizacion.generarPedidoCreate',cotizacion_id));

                    if(res.data.success){
                        $('.dataTables-cotizacion').DataTable().ajax.reload();
                        toastr.success(res.data.message,'OPERACIÓN COMPLETADA');
                    }
                } catch (error) {
                    toastr.error(res.data.message,'ERROR AL GENERAR EL PEDIDO');
                }finally{
                    Swal.close();
                }*/

            } else if (
                /* Read more about handling dismissals below */
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelado',
                    'La Solicitud se ha cancelado.',
                    'error'
                )
            }
        })
    }

    @if (!empty($id))
        Swal.fire({
            title: 'Documento de Venta duplicado',
            text: "¿Desea anular el documento y crear uno nuevo?",
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: "#1ab394",
            confirmButtonText: 'Si, Confirmar',
            cancelButtonText: "No, Cancelar",
        }).then((result) => {
            if (result.isConfirmed) {
                //Ruta Nuevo Documento
                var url_nuevo = '{{ route('ventas.cotizacion.nuevodocumento', ':id') }}';
                url_nuevo = url_nuevo.replace(':id', "{{ $id }}");
                $(location).attr('href', url_nuevo);


            } else if (
                /* Read more about handling dismissals below */
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelado',
                    'La Solicitud se ha cancelado.',
                    'error'
                )
            }
        })
    @endif
</script>