@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow-sm border-0">
                    <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                        <div>
                            <h5 class="mb-0 fw-bold">Hasil {{ $title_menu }}</h5>
                            <p class="text-xs text-muted mb-0">Riwayat perubahan & pembaruan nilai parameter standar</p>
                        </div>
                        <button class="btn btn-secondary btn-sm mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i> Kembali ke Filter
                        </button>
                    </div>
                    <hr class="horizontal dark my-3">
                    <div class="card-body pt-0">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered align-middle display w-100"
                                id="tbl_{{ $dmenu }}_result">
                                @if (isset($table_result) && count($table_result) > 0 && isset($columns))
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            @foreach ($columns as $col)
                                                <th class="{{ $col['className'] ?? '' }}"
                                                    style="font-size: 0.8rem; font-weight: 700;">
                                                    {{ $col['title'] }}
                                                </th>
                                            @endforeach
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($table_result as $row)
                                            <tr style="font-size: 0.82rem;">
                                                @foreach ($columns as $col)
                                                    <td class="{{ $col['className'] ?? '' }}">
                                                        @if ($col['data'] === 'item')
                                                            <span
                                                                class="fw-semibold text-dark">{{ $row[$col['data']] ?? '-' }}</span>
                                                        @elseif ($col['data'] === 'updated_at')
                                                            <span
                                                                class="badge bg-light text-dark border">{{ $row[$col['data']] ?? '-' }}</span>
                                                        @elseif ($col['data'] === 'user_update')
                                                            <span
                                                                class="badge bg-secondary text-white">{{ $row[$col['data']] ?? '-' }}</span>
                                                        @else
                                                            {{ $row[$col['data']] ?? '-' }}
                                                        @endif
                                                    </td>
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    </tbody>
                                @else
                                    <tbody>
                                        <tr>
                                            <td class="text-center py-5">
                                                <div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3"
                                                    style="width: 64px; height: 64px; background: #e9ecef;">
                                                    <i class="fas fa-search text-secondary" style="font-size: 1.5rem;"></i>
                                                </div>
                                                <h6 class="text-secondary fw-semibold mb-1">Data Riwayat Tidak Ditemukan
                                                </h6>
                                                <p class="text-muted text-xs mb-0">Coba ubah kriteria filter Line, Raw
                                                    Material, atau Item Anda.</p>
                                            </td>
                                        </tr>
                                    </tbody>
                                @endif
                            </table>
                        </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>
        $(document).ready(function() {
            @if (isset($table_result) && count($table_result) > 0)
                let table = $('#tbl_{{ $dmenu }}_result').DataTable({
                    destroy: true,
                    "language": {
                        "search": "Cari Cepat:",
                        "lengthMenu": "Tampilkan _MENU_ baris",
                        "zeroRecords": "Maaf - Data tidak ditemukan",
                        "info": "Menampilkan _START_ - _END_ dari _TOTAL_ data riwayat",
                        "infoEmpty": "Tidak ada data",
                        "infoFiltered": "(difilter dari _MAX_ total data)"
                    },
                    "order": [], // pertahankan urutan dari server (terbaru di atas)
                    "pageLength": 25,
                    "responsive": true,
                    "dom": 'Bfrtip',
                    "buttons": [{
                            extend: 'excelHtml5',
                            text: '<i class="fas fa-file-excel me-1 text-success"></i> Excel',
                            className: 'btn btn-outline-success btn-sm',
                            title: 'History_Update_Parameter_' + new Date().toISOString().slice(0, 10),
                            exportOptions: {
                                columns: ':visible'
                            }
                        },
                        {
                            extend: 'pdfHtml5',
                            text: '<i class="fas fa-file-pdf me-1 text-danger"></i> PDF',
                            className: 'btn btn-outline-danger btn-sm',
                            orientation: 'landscape',
                            pageSize: 'A4',
                            title: 'History Update Parameter',
                            exportOptions: {
                                columns: ':visible'
                            }
                        },
                        {
                            extend: 'print',
                            text: '<i class="fas fa-print me-1 text-info"></i> Print',
                            className: 'btn btn-outline-info btn-sm',
                            orientation: 'landscape',
                            pageSize: 'A4',
                            exportOptions: {
                                columns: ':visible'
                            }
                        }
                    ]
                });

                // Cek otorisasi tombol export jika diatur oleh sys_auth
                @if (isset($authorize) && $authorize->excel == '0')
                    $('.buttons-excel').remove();
                @endif
                @if (isset($authorize) && $authorize->pdf == '0')
                    $('.buttons-pdf').remove();
                @endif
                @if (isset($authorize) && $authorize->print == '0')
                    $('.buttons-print').remove();
                @endif
            @endif
        });
    </script>
@endpush