@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        <button class="btn btn-secondary mb-0" onclick="window.location.href='{{ URL::to($url_menu) }}'">
                            <i class="fas fa-arrow-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                @include('components.alert')

                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">{{ $title_menu }}</h5>
                            </div>
                            <div class="col">
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            @if (isset($report_type))
                                @includeIf('KOP006.reportrekap.partials.' . $report_type)
                            @else
                                <div class="alert alert-warning">
                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                    Tipe laporan tidak valid
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        @if (isset($report_data) && (is_countable($report_data) ? count($report_data) > 0 : !empty($report_data)))
            const report_data = @json($report_data instanceof \Illuminate\Pagination\LengthAwarePaginator ? $report_data->items() : $report_data);
        @else
            const report_data = [];
        @endif

        let columnAbjad = '';
        $(document).ready(function() {
            if ($('#list_{{ $dmenu }}').length === 0) {
                return;
            }

            if ($.fn.DataTable.isDataTable('#list_{{ $dmenu }}')) {
                $('#list_{{ $dmenu }}').DataTable().destroy();
            }

            const dataTable = $('#list_{{ $dmenu }}').DataTable({
                "language": {
                    "search": "Cari :",
                    "lengthMenu": "Tampilkan MENU baris",
                    "zeroRecords": "Maaf - Data tidak ada",
                    "info": "Data START - END dari TOTAL",
                    "infoEmpty": "Tidak ada data",
                    "infoFiltered": "(pencarian dari MAX data)"
                },
                paging: false,
                info: false,
                searching: true,
                responsive: true,
                dom: '<"row d-flex justify-content-between align-items-center"<"col-lg-12 d-flex justify-content-between align-items-center"Bf>>rtip',
                buttons: @include('components.export.datatable-buttons')
            });

            let numColumns = dataTable.columns().count();
            let columnNames = '';
            for (let index = 0; index < numColumns; index++) {
                columnNames = dataTable.columns(index).header()[0].textContent;
                if (columnNames == 'Status' || columnNames == 'status') {
                    columnAbjad = String.fromCharCode(65 + index);
                }
            }

            $('.dt-button').addClass('btn btn-secondary');
            $('.dt-button').removeClass('dt-button');
        });
    </script>

    @if (isset($jsmenu) && $jsmenu == '1')
        @includeIf('js.KOP601')
    @endif
@endpush