@extends('adminlte::page')


@section('title', 'Subida de documentos de MRO')

@section('content_header')
    <h1>Subida de documentos de MRO</h1>
@stop

@section('content')
    <div id="overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999;"></div>
    <div class="text-center" id="spinner" style="display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);">
        <i class="fas fa-spinner fa-spin fa-3x text-primary"></i>
    </div>

    <p>Eligir la carpeta con los documentos a subir.</p>

    <input type="file" name="files[]" multiple directory webkitdirectory />
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script>

        function mostrar()
        {
            $('#spinner').show();
            $('#overlay').show();
        }

        function ocultar()
        {
            $('#spinner').hide();
            $('#overlay').hide();
        }

        document.querySelector('input[type="file"]').addEventListener('change', function(event) {
            const files = event.target.files;
            if (files.length > 0) {
                const folderName = files[0].webkitRelativePath.split('/')[0];
                subirDocs(files,folderName);
            }else{ // este else no funciona si la primera carpeta seleccionada está vacía, ¿por qué?
                Swal.fire({
                    title: 'Atención',
                    text: 'La carpeta seleccionada no tiene ningún archivo',
                    type: 'Warning'
                });
            }
        });

        

        function subirDocs(files, carpeta)
        {
            const formData = new FormData(); //Necesario para que no de error al enviar los archivos

            for (let i = 0; i < files.length; i++) {
                formData.append('files[]', files[i]);
            }

            formData.append('carpeta', carpeta);
            formData.append('_token', '{{ csrf_token() }}');

            mostrar();
            $.ajax({
                url: "{{ route('importers_robot.subir_docs_mro') }}",
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (data) {
                    if(data.status == "exito"){
                        let text = "Los archivos se subieron correctamente";
                        if(data.fallidos.length > 0){
                            text += ". No se pudo subir: ";
                            for (let index = 0; index < data.fallidos.length; index++) {
                                text += data.fallidos[index];
                                if(index == (data.fallidos.length - 1)) text += '.'; else text += ", ";
                            }
                        }
                        Swal.fire({
                            title: 'Éxito',
                            text: text,
                            type: 'success',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            window.location.reload();
                        });
                    }else if(data.status == "carpeta"){
                        Swal.fire({
                            title: 'Error',
                            text: 'Hubo un problema al crear la carpeta. ' + data.mensaje,
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            window.location.reload();
                        });
                    }else if(data.status == "tamaño"){
                        Swal.fire({
                            title: 'Error',
                            text: data.mensaje,
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            window.location.reload();
                        });
                    }else{
                        Swal.fire({
                            title: 'Error',
                            text: 'Hubo un problema al subir los archivos.',
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            window.location.reload();
                        });
                    }
                    ocultar();
                },
                error: function (data){
                    Swal.fire({
                            title: 'Error',
                            text: 'Hubo un problema al subir los archivos. ' + data,
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            window.location.reload();
                        });
                }
            });
        }
    </script>
@stop