@extends('layout.structure')
@section('title-tab')
    Gestione Utenti
@endsection
@section('title-page')
    Lista utenti
@endsection
@section('head')
    @parent
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>
@endsection
@section('content')

    <div class="card shadow mb-1">
        <div class="card-body text-right p-1">
            <a class="btn btn-sm btn-success" href="{{route('master.users.create')}}"><i class="fa fa-plus-circle"></i> Crea utente</a>
        </div>
    </div>
    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" width="100%" cellspacing="0" id="users-table">
                    <thead>
                    <tr>
                        <th>Nome</th>
                        <th>Cognome</th>
                        <th>Ruolo</th>
                        <th>E-Mail</th>
                        <th>Data Creazione</th>
                        <th>Data Modifica</th>
                        <th>Azioni</th>
                    </tr>
                    </thead>
                    <tfoot>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Eliminare utente?</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 di volere eliminare l'utente?
                    <span id="deleteModalErrorContent">

                    </span>
                </div>
                <div class="modal-footer" >
                    <form method="post" action="" id="deleteForm">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                        <button  class="btn btn-danger">Si</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('footer')
    @parent


    <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.js"></script>
    <script>
        var userTable = $('#users-table').DataTable({
            processing:true,
            serverSide:true,
            ajax: '{{route('master.get.users')}}',
            columns:[
                {data: 'firstname', name:'firstname'},
                {data: 'lastname', name:'lastname'},
                {data: 'role', name:'role'},
                {data: 'email', name:'email'},
                {data: 'created_at', name:'created_at'},
                {data: 'updated_at', name:'updated_at'},
                {data: 'actions', name:'Azioni', orderable: false, searchable: false},
            ]
        });

        $('#users-table').on('click','.btn-delete',function(e){
            e.preventDefault();
            var elementClicked = $(this);
            var actionUrl = elementClicked.attr('href');
            $('#deleteModalErrorContent').html("");
            $('#deleteForm').attr('action',actionUrl);
            $('#deleteModal').modal('show');
        });

        $('#deleteForm').on('submit',function(e){
            e.preventDefault();
            var actionUrl = $('#deleteForm').attr('action');
            $.ajax(
                actionUrl,
                {
                    method:'delete',
                    data:{
                        '_token': Laravel.csrfToken
                    },
                    success:function (msg) {
                        if(msg.result){
                            $('#deleteModal').modal('hide');
                            userTable.ajax.reload();
                        }
                        else{
                            $('#deleteModalErrorContent').html('<div class="alert alert-danger">Impossibile eliminare questo utente</div>');
                        }
                    }
                }
            )
        })



    </script>
@endsection