<?php $__env->startPush('headsection'); ?>
    <style>
        .actions.top-right {
            top: 8px;
        }

        .addnew {
            text-align: right;
        }

        .associate:link, .associate:visited {
            color: #ff9800;
        }
    </style>

<?php $__env->stopPush(); ?>

<?php $__env->startSection('main'); ?>


    <?php echo $__env->make('layouts.backend._parts.page-header', ['page_title' => 'Utenti'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <!--START PAGE CONTENT -->
    <section class="page-content container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <ul class="nav nav-pills nav-pills-primary">
                            <li class="nav-item">
                                <span style="line-height: 40px; padding-right: 20px;">Filtra utenti</span>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link active" href="#" onClick="changeFilter(this, 'all');">Tutti</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="#" onClick="changeFilter(this, 'admin');">Admin</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" onClick="changeFilter(this, 'care_giver');">Care Givers</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" onClick="changeFilter(this, 'medical_center');">Centri
                                    Medici</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" onClick="changeFilter(this, 'professionist');">Professionisti</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" onClick="changeFilter(this, 'other_istitution');">Ente
                                    Terzo Settore</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" onClick="changeFilter(this, 'all', 1);">Importati</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="tableUser" class="table table-striped table-bordered" style="width:100%">
                                <thead>
                                <tr>
                                    <th>Nome</th>
                                    <th>Email</th>
                                    <th>Telefono</th>
                                    <th>Verified</th>
                                    <th>Active</th>
                                    <th>Address</th>
                                    <th>Città</th>
                                    <th>Provincia</th>
                                    <th>Regione</th>
                                    <th>CV</th>
                                    <th>Certificazioni</th>
                                    <th>Referenze</th>
                                    <th>Accept Newsletter</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--END PAGE CONTENT -->
<?php $__env->stopSection(); ?>
<?php $__env->startPush('footersection'); ?>

<div class="modal fade" id="modalAddImport" tabindex="-1" role="dialog" aria-labelledby="modalRemoveImport" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
       
            <div class="modal-header">
                <h5 class="modal-title" id="modalRemoveImport">Import Utenti</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <form id="form-upload-import">
            <div class="modal-body">
              
                <div class="col-lg-12 ">
                    <h6>Scegli File</h6>
                    <div class="form-group">
                        <input name="file_import" required id="file-import" type="file" accept=".csv">
                    </div>
                </div>           
            </div>
           
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Annulla</button>
                <button id="btn-import-submit" type="submit" class="btn btn-primary" >Importa</button>
            </div>
            </form>
        </div>
    </div>
</div>
    <script>

        var tableUser;
        var filter_user_type = 'all';
        var filter_imported = 0;

        const path = "<?php echo e(env('APP_URL')); ?>"

        function changeFilter(dom, type, imported = 0) {
            $('.nav-link').removeClass('active');
            $(dom).addClass('active');
            filter_user_type = type;
            filter_imported = imported;
            tableUser.clearPipeline().draw(false);
        }

        $(function () {

            $('#form-upload-import').on('submit', function (e) {
                e.preventDefault()

                $('#btn-import-submit').prop('disabled', true)

                let formData = new FormData();
                const file = document.getElementById('file-import');

                formData.append("file_import", file.files[0]);

                $.ajax({
                    url: '/panel/import-users',
                    data: formData,
                    method: "POST",
                    dataType: 'json',
                    contentType: false,
                    processData: false,
                    success: function (risp) {
                        location.reload();
                    },
                    error: function(e) {
                        console.log(e)
                        alert(e.responseText)
                        $('#btn-import-submit').prop('disabled', false)
                    }
                });
            })

            tableUser = $('#tableUser').DataTable({
                processing: true,
                serverSide: true,
                pageLength: 100,
                stateSave: true,
                ajax: $.fn.dataTable.pipeline({
                    url: '/panel/ajax/listUser',
                    pages: 3,
                    data: function (data) {
                        data.user_type = filter_user_type;
                        data.imported = filter_imported;

                    }
                }),
                columns: [
                    {data: 'name', name: 'name'},
                    {data: 'email', name: 'email'},
                    {data: 'tel_referent', name: 'tel_referent'},
                    {data: 'email_verified_at', name: 'email_verified_at'},
                    {data: 'active', name: 'active'},
                    {data: 'address', name: 'address'},
                    {data: 'city', name: 'city'},
                    {data: 'provincia', name: 'provincia'},
                    {data: 'regione', name: 'regione'},
                    {data: 'path_cv', name: 'path_cv'},
                    {data: 'certificazioni', name: 'certificazioni'},
                    {data: 'referenze_info', name: 'referenze_info'},

                    {data: 'accept_newsletter', name: 'accept_newsletter'},
                    {data: 'id', name: 'id'},
                ],
                dom:
                    "<'row' <'col-md-4'l> <'col-md-4'f> <'col-md-4 addnew'>>" +
                    "<'row'<'col-md-12'tr>>" +
                    //"<'row'<'col-md-12'i><'col-md-12'p>>",
                    "<'row'<'col-md-12'p>>",
                columnDefs: [
                    {
                        orderable: true,
                        targets: 0,
                        searchable: false,
                        render: function (data, type, row) {

                            const name = data || row.detail_name
                            return name ? `<a href="/detail/${row.slug}">${name}</a>` : '-'

                        }
                    }, {
                        orderable: true,
                        targets: 1,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? data : '-';
                        }
                    }, {
                        orderable: true,
                        targets: 2,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? data : '-';
                        }
                    },
                    {
                        orderable: true,
                        targets: 3,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? data : '-';
                        }
                    }, {
                        orderable: true,
                        targets: 4,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? 'Si' : 'No';
                        }
                    },
                    {
                        orderable: true,
                        targets: 5,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? data : '-';
                        }
                    },
                    {
                        orderable: true,
                        targets: 6,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? data : '-';
                        }
                    },
                    {
                        orderable: true,
                        targets: 7,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? data : '-';
                        }
                    },
                    {
                        orderable: true,
                        targets: 8,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? data : '-';
                        }
                    },
                    {
                        orderable: true,
                        targets: 9,
                        searchable: false,
                        render: function (data, type, row) {
                            return data ? `<a href="${path + data}">Si</a>` : 'No'
                        }
                    },
                    {
                        orderable: true,
                        targets: 10,
                        searchable: false,
                        render: function (data, type, row) {
                            return data == 1 ? 'Si' : 'No'
                        }
                    },
                    {
                        orderable: true,
                        targets: 11,
                        searchable: false,
                      
                    },
                    {
                        orderable: true,
                        targets: 12,
                        searchable: false,
                        render: function (data, type, row) {
                            return data == 1 ? 'Si' : 'No'
                        }
                    },
                    {
                        orderable: true,
                        searchable: false,
                        targets: 13,
                        render: function (data, type, row) {
                            if (row.user_type == 'admin') {
                                return '';
                            }
                            html = '<a href="/panel/users/' + data + '" >' +
                                'Modifica' +
                                '</a>  - ' +
                                '<a href="#" style="color:' + ((row.active) ? 'orange' : 'green') + '" onclick="changestatus(\'' + data + '\',\'' + row.active + '\',\'/panel/ajax/users/change\')">' +
                                ((row.active) ? 'Disattiva' : 'Attiva') + '</a> - ' +
                                '<form id="delete_' + data + '" method="post" style="    display: inline-flex;" action="/panel/users/' + data + '">' +
                                '<input name="_token" type="hidden" value="' + $('meta[name="csrf-token"]').attr('content') + '">' +
                                '<input name="_method" type="hidden" value="DELETE">' +
                                ' </form>';
                            html +='<a href="#" style="color: #ff5c75;" onclick="delete_form(\'' + data + '\')">Elimina</a>';
                            if (!row.email_verified_at) {
                                html += '<form id="resend_' + data + '" method="post" style="    display: inline-flex;" action="/panel/users/resend/' + data + '">' +
                                    '<input name="_token" type="hidden" value="' + $('meta[name="csrf-token"]').attr('content') + '">' +
                                    '<input name="_method" type="hidden" value="POST">' +
                                    ' </form>';
                                html +='-  <a href="#" style="color: #399af2;" onclick="resend_email(\'' + data + '\')">Rinvia Email</a>';
                            }

                            return html;
                        }
                    },
                ],
                pagination: false,
                "order": [[10, "desc"]],
                initComplete: function () {
                    /* NULL */
                },

            });
            $('.addnew').append('<a href="/panel/export-list-user" ><button class="btn btn-primary">Export List User</button></a>');
            $('.addnew').append('<span> </span><button class="btn btn-primary" data-toggle="modal" data-target="#modalAddImport">Import List User</button>');

        });

        function delete_form(data) {

            $.confirm({
                title: 'Sei sicuro?',
                content: '',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    Yes: {
                        btnClass: 'btn-green',
                        action: function () {
                            $('#delete_' + data).submit();
                        }
                    },
                    No: {
                        btnClass: 'btn-Red',
                        action: function () {

                            return;
                        }
                    }
                }
            });
        }
        function resend_email(data) {

            $.confirm({
                title: 'Sei sicuro?',
                content: '',
                type: 'blue',
                typeAnimated: true,
                buttons: {
                    Yes: {
                        btnClass: 'btn-info',
                        action: function () {
                            $('#resend_' + data).submit();
                        }
                    },
                    No: {
                        btnClass: 'btn-Red',
                        action: function () {

                            return;
                        }
                    }
                }
            });
        }
        function changestatus(id, status, path) {

            if (status == 1 || status == '1' || status == 'on' || status=='true') {
                status_label = 'Sei sicuro di disattivare?';
                color = 'red';
            } else {
                status_label = 'Sei sicuro di Attivare?';
                color = 'green';
            }
            $.confirm({
                title: 'Conferma',
                content: status_label,
                type: color,
                typeAnimated: true,
                buttons: {
                    Si: {
                        btnClass: 'btn-green',
                        action: function () {

                            $.post(path, {id: id, status: status}, function (date) {
                                location.reload();
                            });
                        }
                    },
                    No: {
                        btnClass: 'btn-Red',
                        action: function () {
                            return;
                        }
                    }
                }
            });
        }
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.backend.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/linkabili/resources/views/backend/user/list.blade.php ENDPATH**/ ?>