@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    <style>
        .dataTables_wrapper { width: 100% !important; overflow-x: auto; }
        .dataTables_wrapper .dataTables_filter { float: right; text-align: right; }
        .dataTables_wrapper .dataTables_filter input { min-width: 120px; }
        .dataTables_wrapper .dt-buttons { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
        .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { flex-wrap: wrap; }
        .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
        #list_rpmuts { width: 100% !important; }
        @media (max-width: 992px) {
            .nav-wrapper.row { flex-direction: column; }
            .nav-wrapper .col-md-3 { width: 100%; margin-top: 8px; }
        }
    </style>
    @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">
                        <div class="card-header">
                            <h5 class="mb-0">Result {{ $title_menu }}</h5>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="col-12">
                                <div class="nav-wrapper d-flex flex-wrap justify-content-between align-items-center gap-2">
                                    <div>
                                        {{-- button back --}}
                                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i
                                                class="fas fa-circle-left me-1"> </i><span
                                                class="font-weight-bold">Kembali</button>
                                    </div>
                                    <div class="ms-auto d-flex align-items-center flex-wrap gap-2">
                                        <div>
                                            {{-- set value filter --}}
                                                                                        @foreach ($filter as $key => $value)
                                                <input type="hidden" name="f{{ $key }}"
                                                    value="{{ $value }}" />
                                                @php
                                                    if (
                                                        preg_replace('/\s+/', '', strtolower(@$table_class->alias)) ==
                                                        preg_replace('/\s+/', '', strtolower($key))
                                                    ) {
                                                        $check_filter = $value == '%' ? '' : $value;
                                                    }
                                                @endphp
                                            @endforeach
                                        </div>
                                        <label class="mb-0 text-sm fw-bold text-nowrap">Filter {{ @$table_class->alias }} :</label>
                                        <select class="form-select form-select-sm" id="{{ @$table_class->field }}"
                                            style="min-width: 120px; max-width: 200px;">
                                            @if (@$table_class->query != '')
                                                @if ($check_filter != '')
                                                    @php
                                                        $data_query = DB::select(@$table_class->query);
                                                    @endphp
                                                    @foreach ($data_query as $q)
                                                        <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>62</b><br />
                                                        @if ($check_filter == $sAsArray[0])
                                                            <option value="{{ $sAsArray[0] }}">
                                                                {{ $sAsArray[1] }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                @else
                                                    <option value="" selected>All</option>
                                                    @php
                                                        $data_query = DB::select(@$table_class->query);
                                                    @endphp
                                                    @foreach ($data_query as $q)
                                                        <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>75</b><br />
                                                        <option
                                                            value="{{ @$table_class->alias == 'Tipe Mutasi' ? $sAsArray[1] : $sAsArray[0] }}">
                                                            {{ $sAsArray[1] }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="col-12">
                            <div class="table-responsive" style="overflow-x: auto; width: 100%;">
                                <table class="table display w-100" id="list_{{ $dmenu }}">
                                    {{-- check result data --}}
                                    @if ($table_result)
                                        <thead class="thead-light" style="background-color: #00b7bd4f;">
                                            <tr>
                                                @if ($dmenu == 'rpmuts')
                                                    <th><input class="" type="checkbox" id="select_all"
                                                            name="checkall"></th>
                                                @endif
                                                <th>No</th>
                                                {{-- set table header --}}
                                                @foreach ($table_result as $result)
                                                    @php
                                                        $sAsArray = array_keys((array) $result);
                                                        $i = 0;
                                                    @endphp
                                                @endforeach
                                                @foreach ($sAsArray as $header)
                                                    @if ($header == 'nik1' || $header == 'nama1' || $header == 'bagian1' || $header == 'dept1' || $header == 'loc1' || $header == 'nik2' || $header == 'nama2' || $header == 'bagian2' || $header == 'dept2' || $header == 'loc2')
                                                        <th hidden>{{ $header }}</th>
                                                    @elseif (substr($header, 0, 3) == 'IMG')
                                                        <th>{{ substr($header, 4) }}</th>
                                                    @elseif (substr($header, 0, 3) == 'CDT')
                                                        <th>{{ substr($header, 6) . '-' . substr($header, 3, 2) }}</th>
                                                    @elseif ($header == 'COUNTER')
                                                        <th hidden
                                                            style="{{ $header == 'Spesifikasi' ? 'width: 200px !important' : '' }}">
                                                            {{ $header }}</th>
                                                    @else
                                                        <th
                                                            style="{{ $header == 'Spesifikasi' ? 'width: 200px !important' : '' }}">
                                                            {{ $header }}</th>
                                                    @endif
                                                    @php
                                                        $i++;
                                                    @endphp
                                                @endforeach
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {{-- retrieve table result --}}
                                            @foreach ($table_result as $detail)
                                                <tr
                                                    {{ @$detail->isactive == '0' || @$detail->ISACTIVE == '0' ? 'style=background-color:#ffe9ed;' : '' }}>
                                                    @if ($dmenu == 'rpmuts')
                                                        <td><input class="row_checkbox" type="checkbox"
                                                                name="check-{{ $loop->iteration }}"
                                                                value="{{ $loop->iteration }}"
                                                                data-counter="{{ @$detail->COUNTER }}"></td>
                                                    @endif
                                                    <td>{{ $loop->iteration }}</td>
                                                    @foreach ($table_result as $result)
                                                        @php
                                                            $field = array_keys((array) $result);
                                                            $i = 0;
                                                        @endphp
                                                    @endforeach
                                                    @foreach ($field as $header)
                                                        @php
                                                            $string = $header;
                                                            $img_id = '';
                                                        @endphp
                                                        @if ($header == 'nik1' || $header == 'nama1' || $header == 'bagian1' || $header == 'dept1' || $header == 'loc1' || $header == 'nik2' || $header == 'nama2' || $header == 'bagian2' || $header == 'dept2' || $header == 'loc2')
                                                            <td hidden class="{{ $header }}">{{ $detail->$header }}</td>
                                                        @elseif (substr($header, 0, 3) == 'IMG')
                                                            @php
                                                                $characters =
                                                                    'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
                                                                for ($i = 0; $i < 10; $i++) {
                                                                    $img_id .=
                                                                        $characters[mt_rand(0, strlen($characters) - 1)];
                                                                }
                                                            @endphp
                                                            <td class="text-sm font-weight-normal">
                                                                <span class="my-2 text-xs">
                                                                    @if ($dmenu == 'rpasst')
                                                                        <img src="{{ asset('/' . $detail->$string) }}"
                                                                            alt="image" style="height: 40px;"
                                                                            data-bs-toggle="modal"
                                                                            data-bs-target="#{{ $img_id }}">
                                                                    @else
                                                                        <img src="{{ asset('/storage' . '/' . $detail->$string) }}"
                                                                            alt="image" style="height: 40px;"
                                                                            data-bs-toggle="modal"
                                                                            data-bs-target="#{{ $img_id }}">
                                                                    @endif
                                                                </span>
                                                                <span
                                                                    style="display: none;">{{ asset('/storage' . '/' . $detail->$string) }}
                                                                </span>
                                                                <!-- Modal -->
                                                                <div class="modal fade" id="{{ $img_id }}"
                                                                    tabindex="-1" role="dialog"
                                                                    aria-labelledby="imageModalLabel" aria-hidden="true">
                                                                    <div class="modal-dialog modal-dialog-centered"
                                                                        role="document">
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">
                                                                                <h5 class="modal-title"
                                                                                    id="imageModalLabel">
                                                                                    Preview Image
                                                                                </h5>
                                                                                <button type="button" class="btn-close"
                                                                                    data-bs-dismiss="modal"
                                                                                    aria-label="Close">
                                                                                    <span aria-hidden="true">&times;</span>
                                                                                </button>
                                                                            </div>
                                                                            <div class="modal-body">
                                                                                @if ($dmenu == 'rpasst')
                                                                                    <img src="{{ asset('/' . $detail->$string) }}"
                                                                                        id="preview" alt="image"
                                                                                        class="w-100 border-radius-lg shadow-sm">
                                                                                @else
                                                                                    <img src="{{ asset('/storage' . '/' . $detail->$string) }}"
                                                                                        id="preview" alt="image"
                                                                                        class="w-100 border-radius-lg shadow-sm">
                                                                                @endif
                                                                            </div>
                                                                            <div class="modal-footer">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        @elseif (substr($string, 0, 3) == 'CDT')
                                                            <td class="text-sm font-weight-normal {{ $detail->$string }}">
                                                                {{ $detail->$string }}
                                                            </td>
                                                            <script>
                                                                var inputDate = new Date('{{ $detail->$string }}');
                                                                var currentDate = new Date();
                                                                var futureDate = new Date(currentDate.setDate(currentDate.getDate() + parseInt('{{ substr($string, 3, 2) }}')));

                                                                if (inputDate <= futureDate) {
                                                                    $('.{{ $detail->$string }}').parents('tr').addClass('exp');
                                                                    $('.{{ $detail->$string }}').parents('tr').css('background-color', '#ffe768');
                                                                }
                                                            </script>
                                                        @else
                                                            @if ($string == 'Asal' || $string == 'Tujuan' || $string == 'Tanggal' || $string == 'Spesifikasi')
                                                                <td class="text-sm font-weight-normal"
                                                                    style="{{ $string != 'Spesifikasi' ? 'width: 100px !important;' : '' }} word-wrap: break-word; overflow-wrap: break-word; white-space: normal;">
                                                                    {{ $detail->$string }}</td>
                                                            @elseif ($string == 'COUNTER')
                                                                <td hidden class="text-sm font-weight-normal">
                                                                    {{ $detail->$string }}</td>
                                                            @else
                                                                <td class="text-sm font-weight-normal">
                                                                    {{ $detail->$string }}</td>
                                                            @endif
                                                        @endif
                                                        @php
                                                            $i++;
                                                        @endphp
                                                    @endforeach
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    @endif
                                </table>
                            </div>
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="col-12">
                                @if ($table_result)
                                    <div class="nav-wrapper" id="noted"><code>Note : <i aria-hidden="true"
                                                style="color: #ffc2cd;" class="fas fa-circle"></i> Data not active</code>
                                    </div>
                                @else
                                    <div class="nav-wrapper"><code> Data not found!</code></div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- check flag js on dmenu --}}
    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                {{-- file js in folder (resources/views/js) --}}
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
@endsection
@push('js')
    <script>
        let columnAbjad = '';
        let rowsCount = 0;
        var cb = [];
        $(document).ready(function() {
            checkCb();
            let table = $('#list_{{ $dmenu }}').DataTable();
            let indexStatus = 0;
            let numColumns = $('#list_{{ $dmenu }}').DataTable().columns().count();
            rowsCount = $('#list_{{ $dmenu }}').DataTable().rows().count();
            let columnNames = '';
            let filter = '{{ @$table_class->alias }}'.toLowerCase();
            for (let index = 0; index < numColumns; index++) {
                columnNames = $('#list_{{ $dmenu }}').DataTable().columns(index).header()[0].textContent;
                filtercolom = columnNames.toLowerCase();
                if (columnNames == 'Status' || columnNames == 'status' || columnNames == 'STATUS') {
                    columnAbjad = String.fromCharCode(65 + index);
                }
                if (filtercolom == filter) {
                    indexStatus = index;
                }
            }
            //redraw table where filter
            $('#{{ @$table_class->field }}').change(function() {
                table.column(indexStatus).search($(this).val()).draw();
            })
            //check class exp
            if ($('*').hasClass('exp')) {
                $('#noted').html(`<code>Note :( <i aria-hidden="true" style="color: #ffc2cd;"
                class="fas fa-circle"></i> Data not active ), ( <i aria-hidden="true"
                style="color: #ffe768;" class="fas fa-circle"></i> Data Expired )</code>`)
            }
            // Handle click on "select all" checkbox
            $('#select_all').on('click', function() {
                var rows = table.rows({
                    'search': 'applied'
                }).nodes();
                $('input.row_checkbox', rows).prop('checked', this.checked);

                // Clear the cb array and add all checked values
                cb = [];
                if (this.checked) {
                    $('input.row_checkbox:checked', rows).each(function() {
                        cb.push($(this).val()); // Add the checkbox value to the cb array
                    });
                }
                checkCb();
            });

            // Handle click on each checkbox to update the cb array
            $('#list_{{ $dmenu }} tbody').on('change', 'input.row_checkbox', function() {
                var value = $(this).val();

                // Check if the checkbox is checked or unchecked
                if (this.checked) {
                    // If checked, add the value to cb if not already present
                    if (!cb.includes(value)) {
                        cb.push(value);
                    }
                } else {
                    // If unchecked, remove the value from cb
                    cb = cb.filter(function(item) {
                        return item !== value; // Remove the unchecked checkbox value
                    });
                }

                // Update the "select all" checkbox state
                $('#select_all').prop('checked', $('input.row_checkbox:checked').length === $(
                    'input.row_checkbox').length);
                checkCb();
            });

            $('input[name="checkall"]').closest('th').removeClass('sorting sorting_asc sorting_desc');
        });
        //set table into datatables
        $('#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)"
            },
            scrollX: true,
            autoWidth: false,
            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',
                    autoFilter: true,
                    sheetName: 'Exported data',
                    customize: function(xlsx) {
                        var sheet = xlsx.xl.worksheets['sheet1.xml'];
                        sheet.querySelectorAll('row c[r^="' + columnAbjad + '"]').forEach((row) => {
                            let cell = row.querySelector('is t');
                            if (cell && cell.textContent === 'Not Active') {
                                row.setAttribute('s', '10');
                            }
                        });
                    },
                    exportOptions: {
                        columns: ':visible:not(:last-child)'
                    },
                },
                {
                    extend: 'pdfHtml5',
                    text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"> </i><span class="font-weight-bold"> PDF',
                    orientation: 'landscape',
                    pageSize: 'A4',
                    exportOptions: {
                        columns: ':visible:not(:last-child)'
                    },
                },
                {
                    extend: 'print',
                    text: '<i class="fas fa-print me-1 text-lg text-info"> </i><span class="font-weight-bold"> Print',
                    orientation: 'landscape',
                    pageSize: 'A4',
                    exportOptions: {
                        columns: ':visible:not(:last-child)'
                    },
                },
                {
                    extend: 'print',
                    text: '<i class="fas fa-file me-1 text-lg text-white printqr"> </i><span class="font-weight-bold"> Print Dokumen',
                    action: function(e, dt, node, config) {
                        generateBeritaAcaraPDF();
                    }
                }
            ]
        });

        function generateBeritaAcaraPDF() {
            const content = [];
            let printCount = 0;

            $('#list_{{ $dmenu }} tbody tr').each(function() {
                const checkbox = $(this).find('.row_checkbox');

                if (checkbox.is(':checked')) {
                    const tds = $(this).find('td');

                    // Ambil isi sel (td) sesuai urutan kolom
                    const id = tds.eq(2).text().trim();
                    const tanggalRaw = tds.eq(3).text().trim();
                    const type = tds.eq(4).text().trim();
                    const noAset = tds.eq(5).text().trim();
                    const noSAP = tds.eq(6).text().trim();
                    const spec = tds.eq(7).text().trim();
                    const kategori = tds.eq(8).text().trim();
                    const qty = tds.eq(9).text().trim();
                    const po = tds.eq(10).text().trim();
                    const fromText = tds.eq(11).text().trim();
                    const toText = tds.eq(15).text().trim();

                    // Detail Karyawan (diambil dari hidden columns)
                    const nik1 = $(this).find('.nik1').text().trim();
                    const nama1 = $(this).find('.nama1').text().trim();
                    const bagian1 = $(this).find('.bagian1').text().trim();
                    const dept1 = $(this).find('.dept1').text().trim();
                    const loc1 = $(this).find('.loc1').text().trim();
                    const nik2 = $(this).find('.nik2').text().trim();
                    const nama2 = $(this).find('.nama2').text().trim();
                    const bagian2 = $(this).find('.bagian2').text().trim();
                    const dept2 = $(this).find('.dept2').text().trim();
                    const loc2 = $(this).find('.loc2').text().trim();

                    // Formating Note
                    const noteAsal = nama1 ? `${nama1} | ${bagian1} - ${dept1} (${loc1 || fromText.split('|').pop().trim()})` : fromText;
                    const noteTujuan = nama2 ? `${nama2} | ${bagian2} - ${dept2} (${loc2 || toText.split('|').pop().trim()})` : toText;

                    // Data SPV & Head (Pastikan index kolom sesuai dengan tabel HTML Anda)
                    let spvLokasi = tds.eq(19).text().trim();
                    let headLokasi = tds.eq(20).text().trim();
                    let counterVal = tds.eq(22).text().trim();

                    if (!spvLokasi || spvLokasi === '-') spvLokasi = '...............';
                    if (!headLokasi || headLokasi === '-') headLokasi = '...............';
                    if (!counterVal || counterVal === '') counterVal = '001';

                    const formNumber = checkbox.val(); 

                    const counterFromDB = checkbox.data('counter');

                    // Konversi Tanggal
                    const dateObj = new Date(tanggalRaw);
                    const hari = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'][dateObj.getDay()];
                    const bulanRomawi = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X', 'XI', 'XII'][dateObj.getMonth()];
                    const tanggal = dateObj.getDate() + ' ' + dateObj.toLocaleString('id-ID', { month: 'long' }) + ' ' + dateObj.getFullYear();
                    const tahun = dateObj.getFullYear();
                    //const seri = formNumber?.split('-')[1] || 'XXX';
                    const nomorUrut = counterFromDB ? String(counterFromDB).padStart(3, '0') : 'XXX';

                    if (printCount > 0) {                        
                        if (printCount % 2 === 0) {
                            content.push({ text: '', pageBreak: 'before' });
                        } else {
                            content.push({ text: '\n' }); 
                        }
                    }
                    printCount++;

                    // Bangun konten PDF
                    content.push({
                        text: 'BERITA ACARA MUTASI INVENTARIS',
                        style: 'header',
                        alignment: 'center',
                        margin: [0, 20, 0, 5],
                        decoration: 'underline'
                    }, {
                        text: `NO. ${nomorUrut}/BA-INV/${bulanRomawi}/${tahun}`,
                        alignment: 'center',
                        margin: [0, 0, 0, 10]
                    }, {
                        text: `Pada Hari ${hari} tanggal ${tanggal}, telah diserahkan barang-barang sebagai berikut:`,
                        margin: [0, 0, 0, 10]
                    }, {
                        table: {
                            widths: ['auto', '*', 'auto', '*', '*', '*'],
                            body: [
                                [{ text: 'No.', style: 'tableHeader' },
                                { text: 'Spesifikasi', style: 'tableHeader' },
                                { text: 'Jumlah', style: 'tableHeader' },
                                { text: 'No. Aset Program', style: 'tableHeader' },
                                { text: 'No. Aset SAP', style: 'tableHeader' },
                                { text: 'Kondisi Barang', style: 'tableHeader' }
                                ],
                                [
                                    '1', spec, qty, noAset, noSAP,
                                    type === 'Distribusi' ? 'BARU' : 'EX. ' + fromText.split('|')[0].trim()
                                ]
                            ]
                        },
                        margin: [0, 0, 0, 10]
                    }, {
                        text: `NO. PO : ${po}`,
                        margin: [0, 0, 0, 5]
                    }, {
                        text: `NOTE: ${type === 'Distribusi' ? 'UNTUK ' + noteTujuan.toUpperCase() : (type === 'Alih User' ? 'DARI ' + noteAsal.toUpperCase() + ' KE ' + noteTujuan.toUpperCase() : 'PENGEMBALIAN ASET DARI ' + noteAsal.toUpperCase())}`,
                        bold: true,
                        decoration: 'underline',
                        margin: [0, 0, 0, 10]
                    }, {
                        text: 'Demikian berita acara ini dibuat untuk dapat dipergunakan sebagaimana mestinya.\nAtas perhatiannya kami sampaikan terima kasih.',
                        margin: [0, 0, 0, 10]
                    }, {
                        text: `Sidoarjo, ${tanggal}`,
                        alignment: 'right',
                        margin: [0, 0, 0, 20]
                    }, 
                    
                    // --- 3. BAGIAN BAWAH (DIKEMBALIKAN KE SEMULA) ---
                    {
                        // Menggunakan columns agar sejajar ke samping
                        columns: [
                            // Kolom 1
                            {
                                width: '*',
                                stack: [
                                    { text: 'Diserahkan oleh:', alignment: 'center', fontSize: 10, margin: [0,0,0,48] },
                                    { text: '( Awwalin )', alignment: 'center', bold: true, fontSize: 10 },
                                    { text: 'Admin GA', alignment: 'center', fontSize: 10 }
                                ]
                            },
                            // Kolom 2
                            {
                                width: '*',
                                stack: [
                                    { text: 'Diterima oleh:', alignment: 'center', fontSize: 10, margin: [0,0,0,48] },
                                    { text: type === 'Distribusi' || type === 'Alih User' ? (nama2 ? `( ${nama2} )` : `( ${toText.split('|')[0].trim()} )`) : (nama1 ? `( ${nama1} )` : `( ${fromText.split('|')[0].trim()} )`), alignment: 'center', bold: true, fontSize: 10 },
                                    { text: 'User', alignment: 'center', fontSize: 10 }
                                ]
                            },
                            // Kolom 3
                            {
                                width: '*',
                                stack: [
                                    { text: '', alignment: 'center', fontSize: 10, margin: [0,0,0,60] },
                                    { text: '( Titin P )', alignment: 'center', bold: true, fontSize: 10 },
                                    { text: 'Spv. GA', alignment: 'center', fontSize: 10 }
                                ]
                            },
                            // Kolom 4
                            {
                                width: '*',
                                stack: [
                                    { text: 'Diketahui oleh:', alignment: 'center', fontSize: 10, margin: [0,0,0,48] },
                                    { text: `( ${spvLokasi} )`, alignment: 'center', bold: true, fontSize: 10 },
                                    { text: 'SPV. Lokasi', alignment: 'center', fontSize: 10 }
                                ]
                            },
                            // Kolom 5
                            {
                                width: '*',
                                stack: [
                                    { text: '', alignment: 'center', fontSize: 10, margin: [0,0,0,60] },
                                    { text: `( ${headLokasi} )`, alignment: 'center', bold: true, fontSize: 10 },
                                    { text: 'HEAD Lokasi', alignment: 'center', fontSize: 10 }
                                ]
                            }
                        ],
                        columnGap: 2 // Jarak antar kolom dipersempit
                    }, 
                    
                    {
                        text: '\n'
                    });
                }
            });

            if (content.length > 0) {
                const docDefinition = {
                    content: content,
                    styles: {
                        header: {
                            fontSize: 16,
                            bold: true
                        },
                        tableHeader: {
                            bold: true,
                            fontSize: 10
                        }
                    },
                    defaultStyle: {
                        fontSize: 10
                    },
                    // MARGIN DAN UKURAN KERTAS TETAP SAMA (SESUAI REQUEST)
                    pageMargins: [40, 35, 40, 25]
                };

                pdfMake.createPdf(docDefinition).open();
            } else {
                Swal.fire('Oops', 'Silakan centang baris yang ingin dicetak!', 'warning');
            }
        }

        function getFirstName(fullName) {
            return fullName.split(" - ")[0];
        }

        function getSecondName(fullName) {
            return fullName.split(" - ")[1];
        }

        function getThirdName(fullName) {
            return fullName.split(" - ")[2].split(" (")[1].split(" )")[0];
        }

        //set color button datatables
        $('.dt-button').addClass('btn btn-secondary');
        $('.dt-button').removeClass('dt-button');

        // Recalculate DataTable columns on window resize/zoom
        $(window).on('resize', function() {
            $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();
        });

        //check authorize button datatables
        <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>652</b><br />
<br />
<b>Warning</b>:  Attempt to read property "excel" on null in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>652</b><br />
        <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>653</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pdf" on null in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>653</b><br />
        <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>654</b><br />
<br />
<b>Warning</b>:  Attempt to read property "print" on null in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>654</b><br />
        <br />
<b>Warning</b>:  Undefined variable $dmenu in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>655</b><br />
$('.printqr').parent().parent().remove();
        <br />
<b>Warning</b>:  Undefined variable $dmenu in <b>/opt/lampp/htdocs/msjmanajemenaset/resources/views/report/rpmuts/result.blade.php</b> on line <b>657</b><br />

        function checkCb() {
            if (cb.length <= 0) $('.printqr').parent().parent().attr('disabled', true);
            else $('.printqr').parent().parent().removeAttr('disabled');
        }
        //function delete
        function deleteData(name, msg) {
            pesan = confirm('Apakah Anda Yakin ' + msg + ' Data ' + name + ' ini ?');
            if (pesan) return true
            else return false
        }
    </script>
@endpush