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

@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">
                        {{-- Header Card --}}
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">List {{ $title_menu }}</h5>
                            </div>
                            <div class="col">
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">

                        {{-- Tombol Tambah --}}
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper">
                                    @if ($authorize->add == '1')
                                        <button class="btn btn-primary mb-0"
                                            onclick="window.location='{{ URL::to($url_menu . '/add') }}'">
                                            <i class="fas fa-plus me-1"></i>
                                            <span class="font-weight-bold">Tambah</span>
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Tabel Data --}}
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table class="table display" id="list_{{ $dmenu }}">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            {{-- MODIFIKASI 1: Kolom Checkbox --}}
                                            <th width="10" class="text-center">
                                                <input type="checkbox" id="checkAll" style="cursor: pointer;">
                                            </th>

                                            <th width="110">Action</th>
                                            <th>No</th>
                                            @foreach ($table_header as $header)
                                                <th>{{ $header->alias }}</th>
                                            @endforeach
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($table_detail as $detail)
                                            @php
                                                $primary = '';
                                                foreach ($table_primary as $p) {
                                                    $primary == '' ? ($primary = $detail->{$p->field}) : ($primary = $primary . ':' . $detail->{$p->field});
                                                }
                                            @endphp
                                            <tr
                                                {{ $detail->isactive == '0' ? 'class=not style=background-color:#ffe9ed;' : '' }}>

                                                {{-- 1. Checkbox --}}
                                                <td class="text-center">
                                                    <input type="checkbox" class="cb-print" value="{{ $detail->kode_baru }}">
                                                </td>

                                                {{-- 2. Action Buttons --}}
                                                <td class="text-sm font-weight-normal">
                                                    <div class="btn-group">
                                                        {{-- TOMBOL VIEW --}}
                                                        <a href="{{ url('msbrng/show/' . encrypt($primary)) }}"
                                                            class="btn btn-primary btn-sm mb-0 px-3">
                                                            <i class="fas fa-eye"></i> View
                                                        </a>

                                                        <button type="button"
                                                            class="btn btn-sm btn-primary mb-0 px-3 dropdown-toggle dropdown-toggle-split"
                                                            data-bs-toggle="dropdown"></button>

                                                        <ul class="dropdown-menu">
                                                            {{-- TOMBOL EDIT --}}
                                                            @if ($authorize->edit == '1')
                                                                <li>
                                                                    <a href="{{ url('msbrng/edit/' . encrypt($primary)) }}"
                                                                        class="btn btn-sm btn-warning mx-2 mb-0 w-90">
                                                                        <i class="fas fa-edit"></i> Edit
                                                                    </a>
                                                                </li>
                                                            @endif

                                                            {{-- TOMBOL TOGGLE STATUS --}}
                                                            @if ($authorize->delete == '1')
                                                                @php
                                                                    $confirmText = $detail->isactive == '1' ? 'Non Aktifkan' : 'Aktifkan';
                                                                @endphp
                                                                <li>
                                                                    <hr class="dropdown-divider">
                                                                    <form
                                                                        action="{{ url($url_menu . '/' . encrypt($primary)) }}"
                                                                        method="POST" style="display: inline">
                                                                        @csrf
                                                                        @method('DELETE')
                                                                        <button type="submit"
                                                                            class="btn btn-sm {{ $detail->isactive == '1' ? 'btn-danger' : 'btn-success' }} mx-2 mb-0 w-90"
                                                                            onclick="return deleteData(event, '{{ $detail->nama }}','{{ $confirmText }}')">
                                                                            <i class="fas fa-random"></i> {{ $confirmText }}
                                                                        </button>
                                                                    </form>
                                                                </li>
                                                            @endif
                                                        </ul>
                                                    </div>
                                                </td>

                                                {{-- 3. Nomor Urut --}}
                                                <td>{{ $table_detail->firstItem() + $loop->index }}</td>

                                                {{-- 4. Kolom Dinamis (Kode, Nama, dll) --}}
                                                @foreach ($table_header as $field)
                                                    @php $string = $field->field; @endphp
                                                    <td class="text-sm">
                                                        @if ($field->type == 'join')
                                                            @if ($field->query != '')
                                                                @php
                                                                    $query = $field->query . "'" . $detail->$string . "'";
                                                                    $data_query = DB::select($query);
                                                                @endphp
                                                                @foreach ($data_query as $q)
                                                                    <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsiinventory/resources/views/master/msbtes/list.blade.php</b> on line <b>133</b><br />
                                                                    {{ $sAsArray[0] != '' ? $sAsArray[0] : '' }}
                                                                @endforeach
                                                            @endif
                                                        @else
                                                            {{ $detail->$string }}
                                                        @endif
                                                    </td>
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                                {{-- Pagination --}}
                                <div class="d-flex justify-content-between align-items-center mt-3">
                                    <div>Data {{ $table_detail->firstItem() }} - {{ $table_detail->lastItem() }} dari
                                        {{ $table_detail->total() }}</div>
                                    <div>{{ $table_detail->appends(request()->query())->links('pagination::bootstrap-4') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- MODIFIKASI 3: MODAL PRINT LABEL --}}
    <div class="modal fade" id="modalPrintLabel" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Cetak Label Stecker</h5>
                    <button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ url('msbrng/print-label') }}" method="POST" target="_blank">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="selected_ids" id="selected_ids_input">
                        <div class="form-group">
                            <label>Pilih Ukuran Label</label>
                            <select name="label_size" class="form-control" required>
                                <option value="blue_big">1. Joly Box Besar (11.7 x 4 cm)</option>
                                <option value="blue_medium">2. Joly Box Medium (8.6 x 3.1 cm)</option>
                                <option value="blue_small">3. Joly Box Kecil (5.5 x 1.3 cm)</option>
                                <option value="white_wide">4. Laci Lebar (7.5 x 2.2 cm)</option>
                                <option value="white_mini">5. Laci Mini (3.7 x 1.9 cm)</option>
                                <option value="10x35">6. Rail (10 x 3.5 cm)</option>
                                <option value="a5">7. A5 (21 x 14.8 cm)</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                        <button type="submit" class="btn btn-primary">Cetak PDF</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        let columnAbjad = '';

        $(document).ready(function() {
            // ------------------------------------------------------------------
            // 1. LOGIC CHECKBOX SELECT ALL (MODIFIKASI BARU)
            // ------------------------------------------------------------------
            $(document).on('change', '#checkAll', function() {
                // Ambil status checked dari header
                var isChecked = $(this).is(':checked');
                // Terapkan ke semua checkbox baris (.cb-print)
                $('.cb-print').prop('checked', isChecked);
            });

            // Optional: Jika satu checkbox baris di-uncheck, header ikut uncheck
            $(document).on('change', '.cb-print', function() {
                if ($(this).is(':checked') == false) {
                    $("#checkAll").prop('checked', false);
                }
                if ($('.cb-print:checked').length == $('.cb-print').length) {
                    $("#checkAll").prop('checked', true);
                }
            });
            // ------------------------------------------------------------------

            // Logic Column Name (Kode Asli)
            let numColumns = $('#list_{{ $dmenu }}').DataTable().columns().count();
            let columnNames = '';
            for (let index = 0; index < numColumns; index++) {
                columnNames = $('#list_{{ $dmenu }}').DataTable().columns(index).header()[0].textContent;
                if (columnNames == 'Status' || columnNames == 'status') {
                    columnAbjad = String.fromCharCode(65 + index);
                }
            }

            // Logic Color Note (Kode Asli)
            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> ` +
                    $('#datenote').text() + ` )</code>`)
            }
            if ($('*').hasClass('stock')) {
                $('#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: #f93c3c;" class="fas fa-circle"></i> ` +
                    $('#stocknote').text() + ` )</code>`)
            }
            if ($('*').hasClass('exp') && $('*').hasClass('stock')) {
                $('#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> ` +
                    $('#datenote').text() +
                    ` ), ( <i aria-hidden="true" style="color: #f93c3c;" class="fas fa-circle"></i> ` + $(
                        '#stocknote').text() + ` )</code>`)
            }

            if ($.fn.DataTable.isDataTable('#list_{{ $dmenu }}')) {
                $('#list_{{ $dmenu }}').DataTable().destroy();
            }
            // ------------------------------------------------------------------
            // 2. DATATABLES CONFIGURATION
            // ------------------------------------------------------------------
            var table = $('#list_{{ $dmenu }}').DataTable({
                paging: false,
                info: false,
                searching: true,
                responsive: true,
                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)"
                },
                // Layout DOM Buttons
                dom: '<"row d-flex justify-content-between align-items-center"<"col-lg-12 d-flex justify-content-between align-items-center"Bf>>rtip',
                buttons: [{
                        text: '<i class="fas fa-file-excel me-1 text-lg text-success"></i><span class="font-weight-bold"> Excel</span>',
                        action: function() {
                            window.location.href = "{{ url($url_menu) }}?export=excel";
                        }
                    },
                    {
                        extend: 'pdfHtml5',
                        text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"></i><span class="font-weight-bold"> PDF</span>',
                        action: function() {
                            window.location.href = "{{ url($url_menu) }}?export=pdf";
                        }
                    },
                    // --- MODIFIKASI: TOMBOL PRINT LABEL ---
                    {
                        text: '<i class="fas fa-print me-1 text-lg text-warning"></i><span class="font-weight-bold text-dark"> Label</span>',
                        action: function(e, dt, node, config) {
                            openPrintModal(); // Panggil fungsi modal
                        }
                    }
                ],
                initComplete: function() {
                    var searchBarHtml = `
                        <div class="dataTables_filter d-flex justify-content-end align-items-center">
                            <form method="GET" action="{{ url($url_menu) }}" class="d-flex align-items-center">
                                <label for="status_filter" class="me-2 mb-0">Filter:</label>
                                <select name="status_filter" id="status_filter" class="form-control me-2">
                                    <option value="semua" {{ request('status_filter') == 'semua' || !request('status_filter') ? 'selected' : '' }}>Semua</option>
                                    <option value="Lengkap" {{ request('status_filter') == 'Lengkap' ? 'selected' : '' }}>Lengkap</option>
                                    <option value="Tidak Lengkap" {{ request('status_filter') == 'Tidak Lengkap' ? 'selected' : '' }}>Tidak Lengkap</option>
                                </select>
                                <input type="text" name="search" class="form-control me-2" placeholder="Search..." value="{{ request('search') }}">
                            </form>
                        </div>
                    `;
                    $('.dataTables_filter').remove();
                    $(searchBarHtml).insertAfter('.dt-buttons');
                }
            });

            // Set Style Button
            $('.dt-button').addClass('btn btn-secondary');
            $('.dt-button').removeClass('dt-button');

            // Auto submit form when status_filter changes
            $(document).on('change', 'select[name="status_filter"]', function() {
                $(this).closest('form').submit();
            });

            // Authorize Check
            <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/tsiinventory/resources/views/master/msbtes/list.blade.php</b> on line <b>325</b><br />
<br />
<b>Warning</b>:  Attempt to read property "excel" on null in <b>/opt/lampp/htdocs/tsiinventory/resources/views/master/msbtes/list.blade.php</b> on line <b>325</b><br />
            <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/tsiinventory/resources/views/master/msbtes/list.blade.php</b> on line <b>326</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pdf" on null in <b>/opt/lampp/htdocs/tsiinventory/resources/views/master/msbtes/list.blade.php</b> on line <b>326</b><br />
            <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/tsiinventory/resources/views/master/msbtes/list.blade.php</b> on line <b>327</b><br />
<br />
<b>Warning</b>:  Attempt to read property "print" on null in <b>/opt/lampp/htdocs/tsiinventory/resources/views/master/msbtes/list.blade.php</b> on line <b>327</b><br />
        });

        // ------------------------------------------------------------------
        // 3. FUNGSI PENDUKUNG (MODAL & DELETE)
        // ------------------------------------------------------------------

        // Function Buka Modal Print
        function openPrintModal() {
            var selected = [];
            $('.cb-print:checked').each(function() {
                selected.push($(this).val());
            });

            if (selected.length === 0) {
                Swal.fire('Peringatan', 'Pilih minimal satu barang untuk dicetak label!', 'warning');
                return;
            }

            $('#selected_ids_input').val(JSON.stringify(selected));
            $('#modalPrintLabel').modal('show');
        }

        // Function Delete Data (Kode Asli)
        function deleteData(event, name, msg) {
            event.preventDefault();
            Swal.fire({
                title: 'Konfirmasi',
                text: `Apakah Anda Yakin ${msg} Data ${name} ini?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: `Ya, ${msg}`,
                cancelButtonText: 'Batal',
                confirmButtonColor: '#028284'
            }).then((result) => {
                if (result.isConfirmed) {
                    event.target.closest('form').submit();
                }
            });
        }
    </script>
@endpush