@extends('adminlte::page')

@section('title', __('global.Licences').' '.__('global.List'))

@section('content_header')
    <h1>@lang('global.Licences') @lang('global.List')</h1>
@endsection

@section('content')

<div class="card">
    <div class="card-header">
        <div class="card-tools">
            @can('licences.create')
                <a class="btn btn-primary btn-sm" href="{{ route('licences.create') }}">@lang('global.Add New')</a>
            @endcan
        </div>
    </div>
    <div class="card-body">
        <table id="dataTable" class="table table-bordered table-hover w-100">
            <thead>
                <tr>
                    <th>@lang('global.id')</th>
                    <th>@lang('global.Email')</th>
                    <th>@lang('global.UIID')</th>
                    <th>@lang('global.Activity')</th>
                    <th>@lang('global.Entity')</th>
                    <th>@lang('global.Login')</th>
                    <th>@lang('global.Telephone')</th>
                    <th>@lang('global.Etat')</th>
                    <th>@lang('global.Created At')</th>
                    <th>@lang('global.Action')</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
@endsection

@section('js')

<script>
    $(function () {

        const _datatable = $('#dataTable').DataTable({
            serverSide: true,
            processing: true,
            ajax: '{{ route('licences.index') }}',
            columns: [
                {data: "id"},
                {data: "data7"},
                {data: "data1"},
                {data: "data2"},
                {data: "data3"},
                {data: "data4"},
                {data: "data6"},
                {data: "etat"},
                {data: "created_at"},
                {data: "action"},
            ],
            columnDefs: [
                {targets: [7, -1], orderable: false}
            ]
        });

        $('body').on('click', '.delete-parametre', function(e) {
            e.preventDefault();

            const _url = $(this).attr('href');
            if(confirm('Are you sure to delete?')) {

                $.ajax({
                    method: 'POST',
                    url: _url,
                    data: {_method: 'DELETE'},
                    success: function(response) {

                        if(response.success) {

                            toastr.success(response.message);
                            _datatable.ajax.reload();
                        } else {

                            toastr.error(response.message);
                        }
                    }
                })
            }
        })
    });
</script>

@endsection