<div class="row">
    <div class="col-12">
        <div class="col-12 text-right">
            <button type="button" class="btn btn-primary mb-2"
                    data-toggle="modal" data-target="#modalAdd">
                Aggiungi Certificato
            </button>
        </div>
        <table class="table v-align-middle">
            <thead class="bg-light">
            <tr>
                <th class="p-l-20">Certificato</th>
                <th></th>
            </tr>
            </thead>
            <tbody>

            <?php $__currentLoopData = $user->certifications; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $certification): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <tr>
                    <td class="border-none"><strong class="nowrap"><?php echo e($certification->name); ?></strong></td>
                    <td class="border-none">
                        <a href="/upload/certification/<?php echo e($certification->path_name); ?>" target="_blank"
                           class="badge badge-pill badge-info">Visualizza</a>
                        <button type="button" onclick="removeRowCertification('<?php echo e($certification->path_name); ?>')"
                                class="badge badge-pill badge-info">Elimina
                        </button>
                    </td>
                </tr>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </tbody>
        </table>
    </div>
</div>

<div class="modal fade" id="modalAdd" tabindex="-1" role="dialog" aria-labelledby="modalRemove" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalRemove">Upload Certificato</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="col-lg-12 ">
                    <h6>Scegli il tipo di Certificazione</h6>
                    <div class="form-group">
                        <select id="tipo" class="certifications form-control certification_form"
                                name="certification_form">
                        </select>
                    </div>
                </div>
                <div class="col-lg-12 ">
                    <h6>Scegli File</h6>
                    <div class="form-group">
                        <input id="file" type="file">
                    </div>
                </div>
                <input id="id" type="hidden" value="<?php echo e($user->id); ?>">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Annulla</button>
                <button onclick="save()" type="button" class="btn btn-primary" data-dismiss="modal">Aggiungi</button>
            </div>
        </div>
    </div>
</div>

<?php $__env->startPush('footersection'); ?>

    <script>
        function removeRowCertification(path) {
            $.confirm({
                title: 'Sei sicuro?',
                content: '',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    Yes: {
                        btnClass: 'btn-green',
                        action: function () {
                            $.post('/images/certification-delete', {id: path}, function (date) {
                                if (date.error == 0)
                                    location.reload();
                            });
                        }
                    },
                    No: {
                        btnClass: 'btn-Red',
                        action: function () {

                            return;
                        }
                    }
                }
            });

        }

        function save() {
            let formData = new FormData();
            const file = document.getElementById('file');
            const id = document.getElementById('id').value;
            const tipo = document.getElementById('tipo').value;

            formData.append("file_certification", file.files[0]);
            formData.append('certification_form', tipo);
            formData.append('userID', id);

            $.ajax({
                url: '/images/certification-save',
                data: formData,
                method: "POST",
                dataType: 'json',
                contentType: false,
                processData: false,
                success: function (risp) {
                    location.reload();
                },
            });

        }

        $(function () {
            $('.certifications').select2();
            $.ajax({
                url: '/ajax/ajaxGetCertification',
                method: "GET",
                dataType: 'json',
                success: function (response, status) {
                    $('.certifications').empty().trigger("change");
                    $.each(response.data, function (key, val) {
                        newOption_website = new Option(val.name, val.id, false, false);
                        $('.certifications').append(newOption_website);
                    });
                }
            });
        });
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/linkabili/resources/views/backend/user/professionist/uploads.blade.php ENDPATH**/ ?>