@extends('layout.structure')
@section('title-tab')
    Gestione Ecp
@endsection
@section('title-page')
    Lista Ecp
@endsection
@section('head')
    @parent

@endsection
@section('content')

    <div class="card shadow mb-1">
        <div class="card-body text-right p-2">
            <a class="btn btn-sm btn-success" href="{{route('admin.ecps.create')}}"><i class="fa fa-plus-circle"></i> Crea ecp</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="ecps-table">
                    <thead>
                    <tr>
                        <th>Codice</th>
                        <th>Nome</th>
                        <th>Gruppo</th>
                        <th>Sede Legale</th>
                        <th>Data Creazione</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 l'ecp?</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'ecp?
                    <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>
        var ecpTable = $('#ecps-table').DataTable({
            processing:true,
            serverSide:true,
            ajax: '{{route('admin.get.ecps')}}',
            columns:[
                {data: 'code', name:'code'},
                {data: 'name', name:'name'},
                {data: 'group', name:'group'},
                {data: 'sede', name:'sede'},
                {data: 'created_at', name:'created_at'},
                {data: 'actions', name:'Azioni', orderable: false, searchable: false},
            ]
        });

        $('#ecps-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');
                            ecpTable.ajax.reload();
                        }
                        else{
                            $('#deleteModalErrorContent').html('<div class="alert alert-danger">Impossibile eliminare questo ecp</div>');
                        }
                    },
                    error: function (msg) {
                        $('#deleteModalErrorContent').html('<div class="alert alert-danger">Errore in fase di eliminazione preghiamo di riprovare</div>');
                    },

                }
            )
        })



    </script>
@endsection