@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@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">
                        <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-lg">
                                <div class="nav-wrapper row">
                                    <div class="col">
                                        {{-- 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</span></button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Blade table integration --}}
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <button class="btn btn-danger buttons-pdf mb-3">
                                    <i class="fas fa-file-pdf me-1"></i> Download PDF
                                </button>
                                <table class="table table-bordered text-center" id="list_{{ $dmenu }}">
                                    {{-- Check result data --}}
                                    @if ($table_result)
                                        <thead>
                                            <tr>
                                                <th colspan="3" style="text-align: center;background-color: #00b7bd4f;">
                                                    <strong>Quantity On/Off Grade (all) - {{ $nama_filter }} -
                                                        {{ $period }}</strong>
                                                </th>
                                            </tr>
                                            <tr>
                                                <th
                                                    style="text-align: center; vertical-align: middle; background-color: #00b7bd4f;">
                                                    <strong>Total Quantity
                                                </th>
                                                <th style="text-align: center; background-color: #FFF9C4;">
                                                    <strong>Before Upgrade
                                                </th>
                                                <th style="text-align: center; background-color: #FFCDD2;">
                                                    <strong>After Upgrade
                                                </th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            {{-- Initialize variables for rolls and weights --}}
                                            @php
                                                $totalRollsBefore = 0;
                                                $totalRollsAfter = 0;
                                                $totalWeightBefore = 0;
                                                $totalWeightAfter = 0;
                                                $gradeCountsBefore = [];
                                                $gradeCountsAfter = [];
                                                $gradeWeightsBefore = [];
                                                $gradeWeightsAfter = [];

                                                foreach (['A', 'B', 'C', 'D'] as $gradeLetter) {
                                                    $gradeDataBefore = $totalProduksiValidationGrade->firstWhere(
                                                        'validation_grade',
                                                        $gradeLetter,
                                                    );
                                                    $totalCountBefore = $gradeDataBefore
                                                        ? $gradeDataBefore->total_count
                                                        : 0;
                                                    $gradeCountsBefore[$gradeLetter] = $totalCountBefore;
                                                    $totalRollsBefore += $totalCountBefore;

                                                    $gradeDataAfter = $totalProduksiLastGrade->firstWhere(
                                                        'last_grade',
                                                        $gradeLetter,
                                                    );
                                                    $totalCountAfter = $gradeDataAfter
                                                        ? $gradeDataAfter->total_count
                                                        : 0;
                                                    $gradeCountsAfter[$gradeLetter] = $totalCountAfter;
                                                    $totalRollsAfter += $totalCountAfter;

                                                    $weightDataBefore = $totalWeightValidationGrade->firstWhere(
                                                        'validation_grade',
                                                        $gradeLetter,
                                                    );
                                                    $weightBefore = $weightDataBefore
                                                        ? $weightDataBefore->total_weight
                                                        : 0;
                                                    $gradeWeightsBefore[$gradeLetter] = $weightBefore;
                                                    $totalWeightBefore += $weightBefore;

                                                    $weightDataAfter = $totalWeightLastGrade->firstWhere(
                                                        'last_grade',
                                                        $gradeLetter,
                                                    );
                                                    $weightAfter = $weightDataAfter
                                                        ? $weightDataAfter->total_weight
                                                        : 0;
                                                    $gradeWeightsAfter[$gradeLetter] = $weightAfter;
                                                    $totalWeightAfter += $weightAfter;
                                                }

                                                // Calculate total percentage weights before and after upgrade
                                                $totalPercentWeightBefore =
                                                    $totalWeightBefore > 0
                                                        ? array_sum(
                                                            array_map(function ($weight) use ($totalWeightBefore) {
                                                                return ($weight / $totalWeightBefore) * 100;
                                                            }, $gradeWeightsBefore),
                                                        )
                                                        : 0;

                                                $totalPercentWeightAfter =
                                                    $totalWeightAfter > 0
                                                        ? array_sum(
                                                            array_map(function ($weight) use ($totalWeightAfter) {
                                                                return ($weight / $totalWeightAfter) * 100;
                                                            }, $gradeWeightsAfter),
                                                        )
                                                        : 0;
                                            @endphp

                                            {{-- Display total rolls --}}
                                            <tr>
                                                <td style="font-weight: bold;"><strong>Roll (pcs)</strong></td>
                                                <td style="background-color: #FFF9C4; font-weight: bold;">
                                                    {{ $totalRollsBefore }}</td>
                                                <td style="background-color: #FFCDD2; font-weight: bold;">
                                                    {{ $totalRollsAfter }}</td>
                                            </tr>

                                            {{-- Display grade counts --}}
                                            @foreach (['A', 'B', 'C', 'D'] as $gradeLetter)
                                                <tr>
                                                    <td>Grade {{ $gradeLetter }}</td>
                                                    <td style="background-color: #FFF9C4;">
                                                        {{ $gradeCountsBefore[$gradeLetter] }}</td>
                                                    <td style="background-color: #FFCDD2;">
                                                        {{ $gradeCountsAfter[$gradeLetter] }}</td>
                                                </tr>
                                            @endforeach

                                            {{-- Display total weights --}}
                                            <tr>
                                                <td style="vertical-align: middle;"><strong>Weight (kg)</strong></td>
                                                <td style="background-color: #FFF9C4; font-weight: bold;">
                                                    {{ number_format($totalWeightBefore, 1) }}
                                                </td>
                                                <td style="background-color: #FFCDD2; font-weight: bold;">
                                                    {{ number_format($totalWeightAfter, 1) }}
                                                </td>
                                            </tr>

                                            {{-- Display weight for each grade --}}
                                            @foreach (['A', 'B', 'C', 'D'] as $gradeLetter)
                                                <tr>
                                                    <td>Grade {{ $gradeLetter }}</td>
                                                    <td style="background-color: #FFF9C4;">
                                                        {{ $gradeWeightsBefore[$gradeLetter] == 0 ? '0' : number_format($gradeWeightsBefore[$gradeLetter], 1) }}
                                                    </td>
                                                    <td style="background-color: #FFCDD2;">
                                                        {{ $gradeWeightsAfter[$gradeLetter] == 0 ? '0' : number_format($gradeWeightsAfter[$gradeLetter], 1) }}
                                                    </td>
                                                </tr>
                                            @endforeach

                                            {{-- Display total percentage weights --}}
                                            <tr>
                                                <td style="font-weight: bold;"><strong>% Weight</strong></td>
                                                <td style="font-weight: bold;background-color: #FFF9C4;">
                                                    {{ number_format($totalPercentWeightBefore, 2) }}%</td>
                                                <td style="font-weight: bold;background-color: #FFCDD2;">
                                                    {{ number_format($totalPercentWeightAfter, 2) }}%</td>
                                            </tr>

                                            {{-- Display percentage weight for each grade --}}
                                            @foreach (['A', 'B', 'C', 'D'] as $gradeLetter)
                                                @php
                                                    $percentWeightBefore =
                                                        $totalWeightBefore > 0
                                                            ? ($gradeWeightsBefore[$gradeLetter] / $totalWeightBefore) *
                                                                100
                                                            : 0;
                                                    $percentWeightAfter =
                                                        $totalWeightAfter > 0
                                                            ? ($gradeWeightsAfter[$gradeLetter] / $totalWeightAfter) *
                                                                100
                                                            : 0;
                                                @endphp
                                                <tr>
                                                    <td>Grade {{ $gradeLetter }}</td>
                                                    <td style="background-color: #FFF9C4;">
                                                        {{ number_format($percentWeightBefore, 2) }}%</td>
                                                    <td style="bold;background-color: #FFCDD2;">
                                                        {{ number_format($percentWeightAfter, 2) }}%</td>
                                                </tr>
                                            @endforeach

                                        </tbody>
                                    @else
                                        <tr>
                                            <td colspan="3" class="text-center">No Data Available</td>
                                        </tr>
                                    @endif
                                </table>

                            </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')
                {{-- default js file --}}
                @include('js.default');
            @endpush
        @endif
    @endif

@endsection

@push('js')
    <script src="{{ asset('/') }}assets/js/jspdf.umd.min.js"></script>
    <script src="{{ asset('/') }}assets/js/jspdf.plugin.autotable.min.js"></script>
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.25/jspdf.plugin.autotable.min.js"></script> --}}

    <script>
        function exportTableToPDF() {
            const {
                jsPDF
            } = window.jspdf;
            const doc = new jsPDF('landscape', 'mm', 'a4'); // Set orientation to landscape and A4 page size

            // Tambahkan judul laporan
            doc.setFontSize(14);
            doc.text('Laporan {{ $title_menu }} - {{ $period }}', 14, 10);

            // Render tabel utama
            doc.autoTable({
                html: '#list_{{ $dmenu }}', // ID tabel yang akan diekspor
                startY: 20, // Posisi awal tabel di PDF
                theme: 'striped',
                styles: {
                    fontSize: 8, // Ukuran font
                    cellPadding: 3, // Padding dalam tabel
                    halign: 'center', // Horizontal align center
                    valign: 'middle', // Vertical align middle
                },
                headStyles: {
                    fillColor: [0, 183, 189], // Warna header
                    textColor: 255, // Warna teks header (putih)
                    halign: 'center', // Header rata tengah
                },
                alternateRowStyles: {
                    fillColor: [240, 240, 240], // Warna baris alternatif
                },
            });

            // Simpan file PDF dengan nama file dinamis
            doc.save('Laporan_{{ $title_menu }}.pdf');
        }

        // Tambahkan event listener untuk tombol PDF
        document.querySelector('.buttons-pdf').addEventListener('click', exportTableToPDF);
    </script>
    <script>
        // Initialize 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)"
            },
            ordering: false,
            responsive: true,
            pageLength: -1,
            dom: 'frtip',
            buttons: [{
                    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: ''
                    },
                },

            ]
        });

        // Custom filter implementation
        let columnAbjad = '';
        $(document).ready(function() {
            let table = $('#list_{{ $dmenu }}').DataTable();
            let numColumns = $('#list_{{ $dmenu }}').DataTable().columns().count();
            let filter = '{{ @$table_class->alias }}'.toLowerCase();
            for (let index = 0; index < numColumns; index++) {
                let columnNames = $('#list_{{ $dmenu }}').DataTable().columns(index).header().to$().text();
                if (columnNames.toLowerCase() == filter.toLowerCase()) {
                    columnAbjad = String.fromCharCode(65 + index);
                }
            }

            let table2 = $('#list_2{{ $dmenu }}').DataTable();
            let numColumns2 = $('#list_2{{ $dmenu }}').DataTable().columns().count();
            let filter2 = '{{ @$table_class->alias }}'.toLowerCase();
            for (let index = 0; index < numColumns2; index++) {
                let columnNames = $('#list_2{{ $dmenu }}').DataTable().columns(index).header().to$().text();
                if (columnNames.toLowerCase() == filter.toLowerCase()) {
                    columnAbjad = String.fromCharCode(65 + index);
                }
            }

            $('#{{ @$table_class->field }}').on('change', function() {
                table.columns(columnAbjad + ":name").search(this.value).draw();
            });
        });
    </script>
@endpush