@extends('adminlte::page')


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

@section('content_header')
    <h1>Subida de documentos para pagos 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="file" id="fileInput" />
@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 selectedFile = event.target.files[0]; // Access the selected file
            if (selectedFile) {
                subirDocs(selectedFile); // Pass the file to the upload function
            } else {
                console.log("No file selected");
            }
        });

        

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

            formData.append('file', file);

            formData.append('_token', '{{ csrf_token() }}');
            mostrar();
            $.ajax({
                url: "{{ route('orders.pagos-mro') }}",
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (data) {
                    if(data.status == 'exito'){
                        let text = "Los archivos se subieron correctamente";
                        Swal.fire({
                            title: 'Éxito',
                            text: text,
                            type: 'success',
                            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.',
                            type: 'error',
                            confirmButtonText: 'Ok'
                        }).then(function () {
                            window.location.reload();
                        });
                }
            });
        }
    </script>
@stop