<div class="row">

    <div class="col-lg-12">

        <div class="row">
            <div class="col-12 text-right">
                <a class="btn btn-primary" style="cursor:pointer;  color:white" aria-selected="false"
                   data-toggle="modal-documento" data-domid="document_url" onclick="openModalDocumento()">Aggiungi Documento</a>
            </div>
        </div>

        <?php $__currentLoopData = $user->documents; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $document): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div
                class="p-5 row cert"
                id="row_document_<?php echo e($document->id); ?>">
                <div class="col-lg-8">
                    <div class="form-group">
                        <label for="name" class="col-md-12 col-form-label ">Documento<br> <?php echo e($document->name); ?> - <?php echo e($document->pivot->month); ?>/<?php echo e($document->pivot->year); ?>

                        </label>
                        <input type="hidden" readonly="" class="form-control" name="document_name[]"
                               value="<?php echo e($document->id); ?>">
                    </div>

                </div>
                <div class="col-lg-4 hidden-certification-button">
                    <div class="input-group mb-3">
                        <input type="text" style="display: none" readonly=""
                               id='path_document_<?php echo e($document->id); ?>' class="form-control"
                               name="document_path[]"
                               value="<?php echo e($document->pivot->path_name); ?>">

                        <div class="input-group-append">
                            <button type="button" class="m-2 btn btn-danger removeRowDocument"
                                    data-toggle="modal" data-target="#modalRemoveDocument" onclick="updateRemoveID('<?php echo e($document->pivot->path_name); ?>', '<?php echo e($document->id); ?>')">
                                Rimuovi
                            </button>
                            <a target="_blank"
                               href="/upload/documents/<?php echo e($document->pivot->path_name); ?>"
                               type="button" class="m-2 btn btn-success" style="color:white">Visualizza</a>
                        </div>
                    </div>
                </div>
            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

    </div>
</div>



<div class="modal fade" id="modalRemoveDocument" tabindex="-1" role="dialog" aria-labelledby="modalRemoveDocument" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalRemoveDocument">Conferma</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Sei sicuro?
                <input id="removeId" type="hidden" value="">
                <input id="removePath" type="hidden" value="">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                <button onclick="removeRowDocument()" type="button" class="btn btn-primary" data-dismiss="modal">Si</button>
            </div>
        </div>
    </div>
</div>
<?php $__env->startPush('footersection'); ?>

    <script>
        function updateRemoveID(path, id){
            document.getElementById('removeId').value = id;
            document.getElementById('removePath').value = path;
        }

        function removeRowDocument() {
            const id = document.getElementById('removeId').value ?? null;
            const path = document.getElementById('removePath').value ?? null;
            if(id){
                $.post('/images/document-delete', {id: path}, function (date) {
                    console.log(date.error, date.error === 0, date.error == 0)
                    if (date.error == 0)
                        location.reload()
                });
            }
        }

        var counter = 0;
        $(function () {
            $('.onboarding-error').hide();

            $("table.shipping-settings").on("click", ".ibtnDel", function (event) {
                $(this).closest("tr").remove();
                counter--;
            });
            $("#recipient_type").change(function () {
                saveTextRecipients($(this).val());
            });
        });

        function openModalDocumento(id) {
            $('#uploadDocumento').modal();
        }

        $(function () {
            $('.documents').select2();
            /*$.ajax({
                url: '/ajax/ajaxGetDocument',
                method: "GET",
                dataType: 'json',
                success: function (response, status) {
                    $('.documents').empty().trigger("change");
                    $.each(response.data, function (key, val) {
                        newOption_website = new Option(val.name, val.id, false, false);
                        $('.documents').append(newOption_website);
                    });
                }
            });*/
            //$('#file_document').on('change', function () {
            $('#form-upload-document').on('submit', function (e) {
                e.preventDefault();

                $('.onboarding-error > .alert-danger').text('');
                $('.onboarding-error').hide();
                var formDataUploadCert = new FormData($("#form-upload-document")[0]);
                //var nameFile = $('#file_image')[0].files[0].name;
                var typeFile = $('#file_document')[0].files[0].type;
                var sizeFile = $('#file_document')[0].files[0].size;
                //console.log(typeFile);

                if (sizeFile > 2000000) {
                    $('.onboarding-error').show();
                    $('.onboarding-error > .alert-danger').text('File troppo grande, il limite massimo è di 2MB');
                    return false;
                }

                formDataUploadCert.append('document_form', $('#document_type').val());
                formDataUploadCert.append('month', $('#month').val());
                formDataUploadCert.append('year', $('#year').val());
                formDataUploadCert.append('user_id',"<?php echo e(Auth::id()); ?>" );

                $.ajax({
                    url: '/images/document-save',
                    data: formDataUploadCert,
                    method: "POST",
                    dataType: 'json',
                    contentType: false,
                    processData: false,
                    success: function (risp) {
                        

                        if (!risp.error) {
                            location.reload()

                        } else {
                            alert(risp.error);
                        }
                    },
                    complete: function () {
                        console.log("complete")
                        //$('#file_document').val('').trigger("reset");
                        $('#image_preview_loader').addClass('hidden');
                        $("#uploadDocumento").trigger("click");
                    }
                });
            });
        });

    </script>

<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/linkabili/resources/views/frontend/profile/components/documents.blade.php ENDPATH**/ ?>