@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card border-0 shadow-sm mt-3">
                        <div class="row align-items-center">
                            <div class="card-header col-md-auto bg-transparent">
                                <h5 class="mb-0">List {{ $title_menu }}</h5>
                                <p class="text-xs text-secondary mb-0 mt-1">Manage bank question settings per training and control data active status.</p>
                            </div>
                            <div class="col mt-2 mt-md-0">
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        @include('assesm.trsqsl._partials.filter')
                        @include('assesm.trsqsl._partials.data_table')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('assesm._partials.jsmenu_push')

@push('js')
    <script>
        (function() {
            const trsqslListUI = {
                initDataTable() {
                    $('#list_{{ $dmenu }}').DataTable({
                        destroy: true,
                        language: {
                            search: 'Search :',
                            lengthMenu: 'Show _MENU_ entries',
                            zeroRecords: 'Sorry - No data available',
                            info: 'Showing _START_ to _END_ of _TOTAL_ entries',
                            infoEmpty: 'No data',
                            infoFiltered: '(filtered from _MAX_ total entries)'
                        },
                        responsive: true,
                        dom: 'Bfrtip',
                        buttons: [
                            {
                                extend: 'excelHtml5',
                                text: '<i class="fas fa-file-excel me-1 text-lg text-success"> </i><span class="font-weight-bold"> Excel',
                                exportOptions: { columns: ':visible:not(:first-child)' },
                            },
                            {
                                extend: 'pdfHtml5',
                                text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"> </i><span class="font-weight-bold"> PDF',
                                exportOptions: { columns: ':visible:not(:first-child)' },
                            },
                            {
                                extend: 'print',
                                text: '<i class="fas fa-print me-1 text-lg text-info"> </i><span class="font-weight-bold"> Print',
                                exportOptions: { columns: ':visible:not(:first-child)' },
                            },
                        ]
                    });

                    $('.dt-button').addClass('btn btn-secondary');
                    $('.dt-button').removeClass('dt-button');

                    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsqsl/list.blade.php</b> on line <b>70</b><br />
<br />
<b>Warning</b>:  Attempt to read property "excel" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsqsl/list.blade.php</b> on line <b>70</b><br />
                    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsqsl/list.blade.php</b> on line <b>71</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pdf" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsqsl/list.blade.php</b> on line <b>71</b><br />
                    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsqsl/list.blade.php</b> on line <b>72</b><br />
<br />
<b>Warning</b>:  Attempt to read property "print" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsqsl/list.blade.php</b> on line <b>72</b><br />
                },
                confirmDelete(event, name, msg) {
                    event.preventDefault();
                    Swal.fire({
                        title: 'Confirmation',
                        text: `Apakah Anda Yakin ${msg} Data ${name} ini?`,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: `Ya, ${msg}`,
                        cancelButtonText: 'Cancel',
                        confirmButtonColor: '#028284'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            event.target.closest('form').submit();
                        }
                    });
                    return false;
                },
                init() {
                    this.initDataTable();
                }
            };

            window.trsqslListUI = trsqslListUI;
            window.deleteData = function(event, name, msg) {
                return trsqslListUI.confirmDelete(event, name, msg);
            };

            trsqslListUI.init();
        })();
    </script>
@endpush