@extends('adminlte::page')

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

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

@section('content')

    <x-card>
        @can('parametres.create')
            <x-slot name="tools">
                <a class="btn btn-primary btn-sm" href="{{ route('parametres.create') }}">@lang('global.Add New')</a>
            </x-slot>
        @endcan

        <x-table id="dataTable">
            <thead>
                <tr>
                    <th>@lang('global.Id')</th>
                    <th>@lang('global.Name')</th>
                    <th>@lang('global.Valeur')</th>
                    <th>@lang('global.Created At')</th>
                    <th class="col-2 text-center">@lang('global.Action')</th>
                </tr>
            </thead>
        </x-table>
    </x-card>

    <div class="modal fade parametre-modal" tabindex="-1" role="dialog"></div>
@endsection

@section('js')

<script>
    $(function () {

        window.dataTable = $('#dataTable').DataTable({
            serverSide: true,
            processing: true,
            ajax: '{{ route('parametres.index') }}',
            order: [[0, "desc"]],
            columns: [
                {data: "id"},
                {data: "name"},
                {data: "valeur"},
                {data: "created_at"},
                {data: "action"},
            ],
            columnDefs: [
                {targets: -1, orderable: false, className: "text-center", width: '4%'}
            ]
        });
    });
</script>

@endsection