@extends('adminlte::page')

@section('title', 'Intitules List')

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

@section('content')

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

        <x-table id="dataTable">
            <thead>
                <tr>
                    <th>@lang('global.id')</th>
                    <th>@lang('global.Group')</th>
                    <th>@lang('global.Libelle')</th>
                    <th>@lang('global.Libelle Term')</th>
                    <th>@lang('global.Constante')</th>
                    <th>@lang('global.Valeur')</th>
                    <th>@lang('global.Mandatory')</th>
                    <th>@lang('global.Ordre')</th>
                    <th>@lang('global.Etat')</th>
                    <th>@lang('global.Action')</th>
                </tr>
            </thead>
        </x-table>
    </x-card>
@endsection

@section('js')

    <script>
        $(function() {

            var maValeurEnJS = "<br />
<b>Warning</b>:  Undefined variable $it_group in <b>C:\laragon\www\siesicis\resources\views\intitules\_index.blade.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>C:\laragon\www\siesicis\resources\views\intitules\_index.blade.php</b> on line <b>42</b><br />
";

            let url = "{{ route('intitules.intitule-groups', ['it_group' => ':id']) }}";
            url = url.replace(':id', maValeurEnJS);
            console.log(url);

            window.dataTable = $('#dataTable').DataTable({
                serverSide: true,
                processing: true,
                ajax: url,
                order: [
                    [0, "desc"]
                ],
                columns: [{
                        data: "id"
                    },
                    {
                        data: "group"
                    },
                    {
                        data: "libelle"
                    },
                    {
                        data: "libelle_term"
                    },
                    {
                        data: "constante"
                    },
                    {
                        data: "valeur"
                    },
                    {
                        data: "required"
                    },
                    {
                        data: "ordre"
                    },
                    {
                        data: "etat"
                    },
                    {
                        data: 'action',
                        className: 'text-center, text-nowrap'
                    },
                ],
                columnDefs: [{
                    targets: -1,
                    orderable: false
                }],
                // initComplete: function () {

                //     this.api().columns().every(function () {
                //         var column = this;
                //         const placeholder = $(column.footer()).text();

                //         if(placeholder != '@lang('global.Action')'){

                //             var input = document.createElement("input");
                //             $(input).addClass('form-control').attr('placeholder', placeholder).appendTo($(column.footer()).empty())
                //             .on('change', function () {
                //                 column.search($(this).val(), false, false, true).draw();
                //             });
                //         }
                //     });
                // }
            });
        });
    </script>

@endsection