@extends('adminlte::page')

@section('content_header')
    <h4>Carpetas de {{__($type)}}</h4>
@stop


@section('content')
<div>
    <div class="card card-outline card-primary">
        <div class="card-header">

            <div class="card-tools">
                @if($type == 'importation')
                    <button type="button" class="btn btn-success"
                        onClick="openFileImporter('new')"><i class="fas fa-upload"></i> {{__('general.import_file')}}</button>
                @endif



                <button type="button" class="btn btn-warning"
                    onClick="openFileImporterHistory('{{ $type }}')"><i class="fas fa-upload"></i> {{__('general.import_file_history')}}</button>

                <a href="{{ route('orders.create', $type) }}" type="button" class="btn btn-primary"><i class="fas fa-plus"></i>
                    {{__('general.new_register')}}</a>
            </div>
        </div>
        <div class="card-body ">
            <div class="accordion_item" id="accordionFIlter">
                <div class="card">
                    <div class="card-header" id="headingOne">
                        <h5 class="mb-0">
                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne"
                                aria-expanded="true" aria-controls="collapseOne">
                                Filtros de Búsqueda
                            </button>
                        </h5>
                    </div>

                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionFIlter">
                        <div class="card-body">
                            @include('orders.partials.filter')
                        </div>

                    </div>
                </div>
            </div>


            <div class="card card-outline">
                <div class="card-header">
                    <h3 class="card-title">Listado de Registros</h3>
                </div>
                <div class="card-body ">
                    <table id="myTable" class="display" style="width:100%">
                        <thead>
                            <tr>
                                <th>Número</th>
                                <th>Nro. Orden</th>
                                <th>Company</th>
                                <th>Área</th>
                                <th>Creación</th>
                                <th>Opciones</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>

            <!-- Modal -->
            <div class="modal fade" id="modalFileImporter" tabindex="-1" aria-labelledby="modalFileImporterLabel" aria-hidden="true"
                data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog modal-md">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalFileImporterLabel"></h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="text-center" id="spinner" style="display:none"><i class="fas fa-spinner fa-spin fa-3x text-primary"></i></div>
                            <div id="body-modal">
                                <form action="" id="file_import_form" enctype="multipart/form-data" >
                                    @csrf
                                    <div class="input-group mb-12">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="inputFile-addon">Upload</span>
                                        </div>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="inputFile"
                                                aria-describedby="inputFile-addon" name="file">
                                            <label class="custom-file-label" for="inputFile">{{ __('general.choose_file') }}</label>
                                        </div>
                                    </div>
                                    <div class="input-group mb-12">
                                        <div class="form-group">
                                            <label for="exampleFormControlInput1">Tipo de Archivo</label>
                                            <select class="form-control" id="type_file" name="type_file">
                                                <option value="">{{ __('general.choose_option') }}</option>
                                                <option value="integration_report">Reporte de Integración</option>
                                                <option value="canceled_follow">Seguimiento de Cancelados</option>
                                                <option value="calculadora_co2">Calculadora Co2</option>
                                                <option value="origin_port">Puerto Origen</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div class="input-group mb-12">
                                        <label for="inputFile" class="custom-inputFile" id="UploadedFile">
                                            <i class="fa fa-cloud-upload"></i>
                                        </label>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  __('general.cancel') }}</button>
                            <button type="button" class="btn btn-primary" id="import-btn" action="">{{ __('general.import') }}</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="modal-carga-archivos" tabindex="-1" aria-labelledby="modalCargaArchivosLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog modal-md">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalCargaArchivosLabel"></h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="text-center" id="spinner" style="display:none"><i class="fas fa-spinner fa-spin fa-3x text-primary"></i></div>
                            <div id="body-modal">
                                <form action="" id="formCargarArchivos" enctype="multipart/form-data" >
                                    @csrf
                                    <div class="input-group mb-12">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="inputFile-addon">Upload</span>
                                        </div>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="inputFile"
                                                aria-describedby="inputFile-addon" name="files[]" multiple>
                                            <label class="custom-file-label" for="inputFile">{{ __('general.choose_files') }}</label>
                                        </div>
                                    </div>
                                    <input type="hidden" name="order_id" id = "order_id" value="" />

                                    <div class="input-group mb-12">
                                        <label for="inputFile" class="custom-inputFile" id="UploadedFile">
                                            <i class="fa fa-cloud-upload"></i>
                                        </label>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  __('general.cancel') }}</button>
                            <button type="button" class="btn btn-primary" id="btn-cargarArchivos" action="">{{ __('general.import') }}</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="modalFileHistoryImporter" tabindex="-1" aria-labelledby="modalFileHistoryImporterLabel" aria-hidden="true"
                data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog modal-md">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalFileHistoryImporterLabel"></h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="text-center" id="spinner" style="display:none"><i class="fas fa-spinner fa-spin fa-3x text-primary"></i></div>
                            <div id="body-modal">
                                <form action="" id="formCargarArchivosHistorico" enctype="multipart/form-data" >
                                    @csrf
                                    <div class="input-group mb-12">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="inputFile-addon">Upload</span>
                                        </div>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="inputFile"
                                                aria-describedby="inputFile-addon" name="file">
                                            <label class="custom-file-label" for="inputFile">{{ __('general.choose_files') }}</label>
                                        </div>
                                    </div>

                                    <div class="input-group mb-12">
                                        <label for="inputFile" class="custom-inputFile" id="UploadedFile">
                                            <i class="fa fa-cloud-upload"></i>
                                        </label>
                                    </div>


                                    <div class="input-group mb-12">
                                        <div class="form-group">
                                            <label for="type_file">Tipo de Archivo</label>
                                            <select class="form-control" id="type_file" name="type_file">
                                                <option value="">{{ __('general.choose_option') }}</option>
                                                <option value="follow_up">Follow Up</option>
                                                <option value="containers_history">Histórico Containers</option>
                                                <option value="iso_tanque">Iso Tanques</option>
                                                <option value="calculadora_co2">Calculadora Co2</option>
                                                <option value="origin_port">Puerto Origen</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  __('general.cancel') }}</button>
                            <button type="button" class="btn btn-primary" id="importHistory-btn" action="">{{ __('general.import') }}</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

@endsection

@section('js')
@include('partials.scripts.select2')


<script type="text/javascript">



    /*Carga reporte de integración */
    function openFileImporter(type, purchase_order = null, id = null) {
        $('#modalFileImporter').modal('show');
        $('#modalFileImporter').find('.modal-title').text(type == 'new' ? 'Importar Archivo de Orden de Importación' : 'Actualizar Orden de Importación:' + purchase_order.id);
        $('#modalFileImporter').find('#spinner').hide();
        $('#modalFileImporter').find('#body-modal').show();
        $('#modalFileImporter').find('.modal-footer').show();
        $('#modalFileImporter').find('#UploadedFile').html('');
        $('#modalFileImporter').find('#type_file').val('').trigger('change');

        $('#import-btn').attr('action', type == 'new' ? '{{ route("orders.import", $type) }}' : '{{ route("orders.update", ["order" => ":id", "type" => $type]) }}'.replace(':id', id));
    }

    /*Carga de histórico */
    function openFileImporterHistory(type) {
        $('#modalFileHistoryImporter').modal('show');
        $('#modalFileHistoryImporter').find('.modal-title').text('Cargar archivo de histórico');
        $('#modalFileHistoryImporter').find('#spinner').hide();
        $('#modalFileHistoryImporter').find('#body-modal').show();
        $('#modalFileHistoryImporter').find('.modal-footer').show();
        $('#modalFileHistoryImporter').find('#UploadedFile').html('');
        $('#modalFileHistoryImporter').find('#type_file').val('').trigger('change');

        $('#importHistory-btn').attr('action','{{ route("orders.importHistory", $type) }}');

    }

    /* Carga de archivos varios */
    function upFiles(id){
        $('#modal-carga-archivos').modal('show')
        $('#modal-carga-archivos').find('.modal-title').text('Importar Archivos');
        $('#modal-carga-archivos').find('#spinner').hide();
        $('#modal-carga-archivos').find('#UploadedFile').html('');
        $('#order_id').val(id);
        $('#btn-cargarArchivos').removeAttr('disabled');
	}

    function getTable(){

        builtDatable('myTable', {
			searching: false,
            ajax: {
                url: "{{ route('order.list.json', $type) }}",
                type: 'POST',
                data: function ( d ) {
                    d._token = "{{ csrf_token() }}";
                    d.filtro = $('#form-filter').serializeArray();
                }
            },
            'columns': [
                {'data': 'number', 'defaultContent': 'N/A'},
                {'data': 'purchase_order', 'defaultContent': 'N/A'},
                {'data': 'company_name', 'defaultContent': 'N/A'},
                {'data': 'transportation_mode_name', 'defaultContent': 'N/A'},
                {'data': 'created_at', 'defaultContent': 'N/A'},
                {
                    'data': null,
                    'defaultContent': '',
                    'render': function (data, type, row) {
                        let botones =  `
                            <button class="btn btn-sm btn-default" data-toggle="tooltip" data-placement="top" title=":title" onClick="closeOrder(:id)"><i class="fas fa-:icon"></i></button>
                            <button class="btn btn-sm btn-default" data-toggle="tooltip" data-placement="top" title="Cargar Archivos" onClick="upFiles(:id)"><i class="fa fa-upload"></i></button>
                            <a href="{{ route('downloadZip', ["order" => ':id', "type" => $type]) }}" class="btn btn-sm btn-default" data-toggle="tooltip" data-placement="top" title="Descargar archivos (.ZIP)"><i class="fas fa-download  "></i></a>
                            <button class="btn btn-sm btn-info" data-toggle="tooltip" data-placement="top" title="Duplicar Registro" onClick="cloneRegister(:id)"><i class="fas fa-clone"></i></button>
                            <a href="{{ route('orders.edit', ["order" => ':id', "type" => $type]) }}" class="btn btn-sm btn-warning" data-toggle="tooltip" data-placement="top" title="Modificar Registro"><i class="fas fa-edit"></i></a>
                            <button onClick="deleteRegister(:id)" class="btn btn-sm btn-trash btn-danger" data-toggle="tooltip" data-placement="top" title="Eliminar Registro" id="delete-btn"><i class="fas fa-trash"></i></button>
                        `.replace(/:id/g, row.id).replace(/:title/g, (row.is_open == true )?'Cerrar Orden':'Abrir Orden').replace(/:icon/g, (row.is_open == true)?'unlock':'lock');
                        let btn_expo_1 = `<button class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="top"><i class="fa-solid fa-paper-plane"></i> 315</button> `.replace(/:id/g, row.id);
                        let btn_expo_2 = `<button class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="top"><i class="fa-solid fa-paper-plane"></i> 316</button> `.replace(/:id/g, row.id);
                        let expo_btn  = (row.order_type  == 'E' ) ? btn_expo_1 + btn_expo_2 : ''
                        let btn_impo_1 = `<button class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="top" title=":title_block" onClick="blockOrder(:id)"><i class="fas fa-:icon_block"></i></button>`.replace(/:id/g, row.id).replace(/:icon_block/g, (row.block_flag == true)?'ban':'check-circle').replace(/:title_block/g, (row.block_flag == true )?'Permitir actualizaciones por excel':'No permitir actualizaciones por excel');
                        let impo_btn  = (row.order_type  == 'I' ) ? btn_impo_1 : ''
                        return `<div class="btn-group" role="group" aria-label="Basic example">` + botones + impo_btn + expo_btn + `</div>`;
                    }
                }
            ],
            'columnDefs': [
                {
                    'targets': [4],
                    'render': function (data, type, row, meta) {
                        return moment(data).format('DD/MM/YYYY');
                    }
                }
            ],
            "order": [[ 0, "desc" ]]

        });
    }

    function blockOrder(id)
    {
        var url = "{{ route('order.block', ':id') }}".replace(':id', id);
        $.ajax({
            url: url,
            type: 'POST',
            data: {
                "_token": "{{ csrf_token() }}",
            },
            success: function (data) {
                if (data.success) {
                    Swal.fire({
                        title: 'Éxito',
                        text: 'El registro se ha actualizado correctamente',
                        type: 'success',
                        confirmButtonText: 'Ok'
                    }).then(function () {
                        getTable();
                    });

                } else {
                    Swal.fire({
                        title: 'Error',
                        text: 'Ha ocurrido un error al actualizar el registro: ' + data.message,
                        type: 'error',
                        confirmButtonText: 'Ok'
                    });
                }
            },
            error: function (data) {
                Swal.fire({
                    title: 'Error',
                    text: 'Ha ocurrido un error al actualizar el registro: ' + data.message,
                    type: 'error',
                    confirmButtonText: 'Ok'
                });
            }
        });
    }

    function closeOrder(id)
    {
        var url = "{{ route('order.close', ':id') }}".replace(':id', id);
        $.ajax({
            url: url,
            type: 'POST',
            data: {
                "_token": "{{ csrf_token() }}",
            },
            success: function (data) {
                if (data.success) {
                    Swal.fire({
                        title: 'Éxito',
                        text: 'El registro se ha actualizado correctamente',
                        type: 'success',
                        confirmButtonText: 'Ok'
                    }).then(function () {
                        getTable();
                    });

                } else {
                    Swal.fire({
                        title: 'Error',
                        text: 'Ha ocurrido un error al actualizar el registro: ' + data.message,
                        type: 'error',
                        confirmButtonText: 'Ok'
                    });
                }
            },
            error: function (data) {
                Swal.fire({
                    title: 'Error',
                    text: 'Ha ocurrido un error al actualizar el registro: ' + data.message,
                    type: 'error',
                    confirmButtonText: 'Ok'
                });
            }
        });
    }

    function cloneRegister(id)
    {
        var url = "{{ route('order.clone', ':id') }}".replace(':id', id);
        $.ajax({
            url: url,
            type: 'POST',
            data: {
                "_token": "{{ csrf_token() }}",
            },
            success: function (data) {
                if (data.success) {
                    Swal.fire({
                        title: 'Registro Duplicado',
                        text: 'El registro se ha duplicado correctamente',
                        type: 'success',
                        confirmButtonText: 'Ok'
                    }).then(function () {
                        getTable();
                    });

                } else {
                    Swal.fire({
                        title: 'Error',
                        text: 'Ha ocurrido un error al duplicar el registro: ' + data.message,
                        type: 'error',
                        confirmButtonText: 'Ok'
                    });
                }
            },
            error: function (data) {
                Swal.fire({
                    title: 'Error',
                    text: 'Ha ocurrido un error al duplicar el registro: ' + data.message,
                    type: 'error',
                    confirmButtonText: 'Ok'
                });
            }
        });
    }

    function deleteRegister(id)
    {
        Swal.fire({
            title: '¿Estás seguro?',
            text: "¡No podrás revertir esto!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '¡Si, eliminar!'
        }).then((result) => {
            if (result.value) {
                $.ajax({
                    url: "{{ route('orders.destroy',':id') }}".replace(':id', id),
                    type: 'DELETE',
                    data: {
                        _token: "{{ csrf_token() }}"
                    },
                    success: function (data) {
                        if (data.success) {
                            Swal.fire(
                                '¡Eliminado!',
                                'El registro ha sido eliminado.',
                                'success'
                            ).then(function(){
                                getTable();
                            });
                        } else {
                            Swal.fire(
                                '¡Error!',
                                'El registro no pudo ser eliminado.',
                                'error'
                            );
                        }
                    },
                    error: function (data) {
                        Swal.fire(
                            '¡Error!',
                            'El registro no pudo ser eliminado: ' + data.message,
                            'error'
                        );
                    }
                });
            }
        })

    }

    $(document).ready(function(){
        getTable();

        $('#modalFileImporter #inputFile').change(function() {
            var i = $(this).prev('label').clone();
            var file = $(this)[0].files[0].name;
            $('#modalFileImporter').find('#UploadedFile').text(file);
        });



        $('#modalFileHistoryImporter #inputFile').change(function() {
            var i = $(this).prev('label').clone();
            var file = $(this)[0].files[0].name;
            $('#modalFileHistoryImporter').find('#UploadedFile').text(file);
        });


        $('#modal-carga-archivos #inputFile').change(function() {
            var i = $(this).prev('label').clone();
            if($(this)[0].files.length == 1){
                file = $(this)[0].files[0].name
            }else{
                file = 'Se hará la importación de: ' + $(this)[0].files.length + ' archivos'
            }
            console.log(file, $(this)[0].files.length)
            $('#modal-carga-archivos').find('#UploadedFile').text(file);
        });

        $('#form-filter').on('submit', function(e){
            e.preventDefault();
            getTable();
        });

        $('#import-btn').on('click', function(e){
            e.preventDefault();
            let files = $('#file_import_form').find('[name="file"]')[0].files;
            if(files.length <= 0){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar un archivo para importar',
                    type: 'error',
                    confirmButtonText: 'Ok'
                });
                return false;
            }

            $('#modalFileImporter').find('#spinner').show();
            $('#modalFileImporter').find('#body-modal').hide();
            $('#modalFileImporter').find('.modal-footer').hide();

            let form = $('#file_import_form');
            let formData = new FormData();
            formData.append('file',files[0]);
            formData.append('_token', "{{ csrf_token() }}");
            formData.append('type_file', $('#modalFileImporter').find('#type_file').val())
            let url = $(this).attr('action');
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    if (data.success) {
                        Swal.fire({
                            title: 'Éxito',
                            text: 'Archivo importado exitósamente',
                            type: 'success',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            getTable();
                            $('#modalFileImporter').modal('hide');
                        });

                    } else {
                        Swal.fire({
                            title: 'Error',
                            text: 'Ha ocurrido un error al crear el registro: ' + data.responseJSON.message,
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            $('#modalFileImporter').find('#spinner').hide();
                            $('#modalFileImporter').find('#body-modal').show();
                            $('#modalFileImporter').find('.modal-footer').show();
                        });
                    }
                },
                error: function (data) {
                    if(data.status == 422){
                        var content = document.createElement('div');
                        content.innerHTML = processValidation(data.responseJSON.errors);

                        Swal.fire({
                            title: 'Error!',
                            html: content.innerHTML,
                            type: 'error',
                            confirmButtonText: 'OK'
                        }).then(function () {
                            $('#modalFileImporter').find('#spinner').hide();
                            $('#modalFileImporter').find('#body-modal').show();
                            $('#modalFileImporter').find('.modal-footer').show();
                        })
                    }else{
                        let statusText = (typeof(data.responseJSON) != 'undefined') ? data.responseJSON.message : 'Server error: ' + data.statusText
                        Swal.fire({
                            title: 'Error',
                            text: 'Ha ocurrido un error al crear el registro: ' + statusText,
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            $('#modalFileImporter').find('#spinner').hide();
                            $('#modalFileImporter').find('#body-modal').show();
                            $('#modalFileImporter').find('.modal-footer').show();
                        })
                    }
                }
            });
        });


        $('#importHistory-btn').on('click', function(e){
            e.preventDefault();
            let files = $('#formCargarArchivosHistorico').find('[name="file"]')[0].files;
            if(files.length <= 0){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar un archivo para importar',
                    type: 'error',
                    confirmButtonText: 'Ok'
                });
                return false;
            }

            $('#modalFileHistoryImporter').find('#spinner').show();
            $('#modalFileHistoryImporter').find('#body-modal').hide();
            $('#modalFileHistoryImporter').find('.modal-footer').hide();

            let form = $('#formCargarArchivosHistorico');
            let formData = new FormData();
            formData.append('file',files[0]);
            formData.append('_token', "{{ csrf_token() }}");
            formData.append('type_file', $('#modalFileHistoryImporter').find('#type_file').val());

            let url = $(this).attr('action');
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    if (data.success) {
                        Swal.fire({
                            title: 'Éxito',
                            text: 'Archivo importado exitósamente',
                            type: 'success',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            getTable();
                            $('#modalFileHistoryImporter').modal('hide');
                        });

                    } else {
                        Swal.fire({
                            title: 'Error',
                            text: 'Ha ocurrido un error al crear el registro: ' + data.message,
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            $('#modalFileHistoryImporter').find('#spinner').hide();
                            $('#modalFileHistoryImporter').find('#body-modal').show();
                            $('#modalFileHistoryImporter').find('.modal-footer').show();
                        });
                    }
                },
                error: function (data) {
                    let statusText = (typeof(data.responseJSON) != 'undefined') ? data.responseJSON.message : 'Server error: ' + data.statusText
                    Swal.fire({
                        title: 'Error',
                        text: 'Ha ocurrido un error al crear el registro: ' + statusText,
                        type: 'error',
                        confirmButtonText: 'Ok'
                    }).then(function () {
                        $('#modalFileHistoryImporter').find('#spinner').hide();
                        $('#modalFileHistoryImporter').find('#body-modal').show();
                        $('#modalFileHistoryImporter').find('.modal-footer').show();
                    })
                }
            });
        });


        $('#btn-cargarArchivos').on('click', function (event) {
            $(this).attr('disabled', 'disabled');
            event.preventDefault();
            var formData = new FormData($('#formCargarArchivos')[0]);

            if($('[name="files[]"]')[0].files[0].length <= 0){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar al menos un archivo para importar',
                    type: 'error',
                    confirmButtonText: 'Ok'
                });
                return false;
            }

            if($('[name="files[]"]').val() != ""){
                formData.append('file', $('[name="files[]"]')[0].files[0], $('[name="files[]"]')[0].files[0].name);
            }

            formData.append("_token", '{{ csrf_token() }}');
            formData.append("order_id", $('[name="order_id"]').val());

            $('#spinner').show();
            $('#body-modal').hide();
            $.ajax({
                url: "{{ route('cargar_files', $type) }}",
                type: 'POST',
                contentType: false,
                dataType: 'json',
                data: formData,
                cache:false,
                processData: false,
            }).done(function (response) {
            // hidePleaseWait();
                Swal.fire({
                    title: "¡Éxito!",
                    html: response.message,
                    type: "success",
                    dangerMode: true,
                }).then(function () {
                    getTable();
                    $('#modal-carga-archivos').modal('hide');
                });
            })
            .fail(function (jqXHR) {
                $('#btn-cargarArchivos').removeAttr('disabled');
                if (jqXHR.status == 422) {
                    //hidePleaseWait();
                    var content = document.createElement('div');
                    content.innerHTML = processValidation(jqXHR.responseJSON.errors);
                    Swal.fire({
                        title: "Verifique los datos",
                        html: content,
                        type: "error",
                        dangerMode: true,
                    }).then(function () {
                        $('#modalFileImporter').find('#spinner').hide();
                        $('#modalFileImporter').find('.body-modal').show();
                        $('#modal-carga-archivos').find('.modal-footer').show();
                    });
                } else {
                //  hidePleaseWait();
                    Swal.fire({
                        title: "Error",
                        html: jqXHR.responseJSON.message,
                        type: "error",
                        dangerMode: true,
                    }).then(function () {
                        $('#modalFileImporter').find('#spinner').hide();
                        $('#modalFileImporter').find('.body-modal').show();
                        $('#modal-carga-archivos').find('.modal-footer').show();
                    })
                }
            })
        });
    })
</script>
@endsection