@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        @php
            $rowsWithScore = collect($table_detail)->filter(fn($r) => (int) ($r->with_score ?? 0) === 1)->values();
            $rowsWithoutScore = collect($table_detail)->filter(fn($r) => (int) ($r->with_score ?? 0) !== 1)->values();
        @endphp
        <div class="row">
            <div class="col-md-12">
                @include('assesm.trsatd._partials.filter')
                <div class="row mx-1 mb-2">
                    <div class="col-12">
                        @include('components.alert')
                    </div>
                </div>
                @include('assesm.trsatd._partials.data_table', [
                    'rows' => $rowsWithScore,
                    'tableId' => 'list_trsatd_with_score',
                    'cardTitle' => 'Attendance Training - With Score',
                    'cardSubtitle' => 'Training with score: attendance is a prerequisite for exam execution.',
                ])
                @include('assesm.trsatd._partials.data_table', [
                    'rows' => $rowsWithoutScore,
                    'tableId' => 'list_trsatd_without_score',
                    'cardTitle' => 'Attendance Training - Without Score',
                    'cardSubtitle' => 'Training without score: process ends at attendance and evaluation without exam.',
                ])
            </div>
        </div>
    </div>
    @include('assesm.trsatd._partials.modal_absensi')
    @include('assesm.trsatd._partials.js_modal_absensi')
@endsection

@include('assesm._partials.jsmenu_push')

@push('js')
    <script>
        (function() {
            const trsatdListUI = {
                initTable(selector) {
                    $(selector).DataTable({
                        "language": {
                            "search": "Search :",
                            "lengthMenu": "_MENU_",
                            "zeroRecords": "Sorry - No data available",
                            "info": "Showing page _PAGE_ of _PAGES_",
                            "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)'
                                },
                            },
                        ]
                    });
                },
                restyleButtons() {
                    $('.dt-button').addClass('btn btn-secondary').removeClass('dt-button');
                    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsatd/list.blade.php</b> on line <b>81</b><br />
<br />
<b>Warning</b>:  Attempt to read property "excel" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsatd/list.blade.php</b> on line <b>81</b><br />
                    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsatd/list.blade.php</b> on line <b>82</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pdf" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsatd/list.blade.php</b> on line <b>82</b><br />
                    <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsatd/list.blade.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  Attempt to read property "print" on null in <b>/opt/lampp/htdocs/msjtalenta/resources/views/assesm/trsatd/list.blade.php</b> on line <b>83</b><br />
                },
                init() {
                    $('.trsatd-table').each((_, table) => {
                        this.initTable(table);
                    });
                    this.restyleButtons();
                }
            };

            window.trsatdListUI = trsatdListUI;
            trsatdListUI.init();
        })();
    </script>
@endpush