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

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => 'Wait Approval PR Detail'])

@php
    $bsart = $bsart ?? request('bsart');
    $rows = $waitApprovalPrRows ?? [];

    if (!empty($bsart)) {
        $rows = collect($rows)->where('BSART', $bsart)->values()->toArray();
    }

    $formatDate = function ($date) {
        return !empty($date) && $date !== '0000-00-00'
            ? \Carbon\Carbon::parse($date)->format('d-m-Y')
            : '-';
    };

    $dateOrder = function ($date) {
        return !empty($date) && $date !== '0000-00-00'
            ? $date
            : '1900-01-01';
    };

    $currentBsart = $bsart ?? '';
    $bsartList = ['ZR15', 'ZR16', 'ZR17'];
@endphp

<div class="container-fluid py-4">
    <div class="row mt-4">
        <div class="col-12">
            <div class="card mb-4 shadow-sm">
                <div class="card-header p-3 d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="mb-0">
                            List Detail Wait Approval PR
                            @if($currentBsart)
                                - {{ $currentBsart }} ({{ getBsartLabel($currentBsart) }})
                            @endif
                        </h6>
                        <small class="text-muted">
                            {{ $currentBsart ?: 'Pilih Document Type terlebih dahulu' }}
                        </small>
                    </div>

                    <a href="{{ url()->previous() }}" class="btn btn-sm btn-secondary mb-0">
                        Back
                    </a>
                </div>

                <div class="card-body px-3 pt-0 pb-3">
                    <div class="mb-3 d-flex flex-wrap gap-2">
                        @foreach ($bsartList as $docType)
                            <a href="{{ url('aps002?bsart=' . $docType) }}"
                                class="btn btn-sm {{ $currentBsart === $docType ? 'btn-primary' : 'btn-outline-primary' }}">
                                {{ $docType }}
                            </a>
                        @endforeach
                    </div>

                    @if (empty($currentBsart))
                        <div class="alert alert-info mb-0">
                            Silakan pilih <strong>Document Type</strong> terlebih dahulu untuk menampilkan data.
                        </div>
                    @else
                        <div class="table-responsive">
                            <table class="table table-bordered table-sm align-items-center mb-0" id="my-table">
                                <thead>
                                    <tr>
                                        <th class="text-center">No</th>
                                        <th class="text-center">Date</th>
                                        <th class="text-center">PR No</th>
                                        <th class="text-center">Item</th>
                                        <th class="text-center">Requestor</th>
                                        <th class="text-center">Remark</th>
                                        <th class="text-center">Code</th>
                                        <th class="text-center">Group</th>
                                        <th class="text-center">Qty</th>
                                        <th class="text-center">Unit</th>
                                        <th class="text-center">Delivery</th>
                                        <th class="text-center">Release</th>
                                        <th class="text-center">Type</th>
                                        <th class="text-center">Aging</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @forelse ($rows as $row)
                                        @php
                                            $badat = $row['BADAT'] ?? null;

                                            $agingDays = (!empty($badat) && $badat !== '0000-00-00')
                                                ? abs(\Carbon\Carbon::parse($badat)->startOfDay()->diffInDays(now('Asia/Jakarta')->startOfDay()))
                                                : 0;

                                            $matnr = trim((string) ($row['MATNR'] ?? ''));
                                        @endphp

                                        <tr @if($agingDays > 3) style="background-color:#FFE1E1;" @endif>
                                            <td class="text-end"></td>

                                            <td class="text-center" data-order="{{ $dateOrder($row['BADAT'] ?? null) }}">
                                                {{ $formatDate($row['BADAT'] ?? null) }}
                                            </td>

                                            <td class="text-center fw-bold">{{ $row['BANFN'] ?? '-' }}</td>

                                            <td class="text-end">
                                                {{ isset($row['BNFPO']) ? number_format((float) $row['BNFPO'], 0, '', '') : '-' }}
                                            </td>

                                            <td>{{ $row['AFNAM'] ?? '-' }}</td>

                                            <td>{{ $row['TXZ01'] ?? '-' }}</td>

                                            <td class="{{ $matnr !== '' ? 'matnr-cell item-code-link' : '' }}"
                                                data-matnr="{{ $matnr }}">
                                                {{ $matnr !== '' ? $matnr : '-' }}
                                            </td>

                                            <td>{{ $row['MATKL'] ?? '-' }}</td>

                                            <td class="text-end">
                                                {{ number_format((float) ($row['MENGE'] ?? 0), 2, ',', '.') }}
                                            </td>

                                            <td>{{ $row['MEINS'] ?? '-' }}</td>

                                            <td class="text-center" data-order="{{ $dateOrder($row['LFDAT'] ?? null) }}">
                                                {{ $formatDate($row['LFDAT'] ?? null) }}
                                            </td>

                                            <td class="text-center" data-order="{{ $dateOrder($row['FRGDT'] ?? null) }}">
                                                {{ $formatDate($row['FRGDT'] ?? null) }}
                                            </td>

                                            <td class="text-center">
                                                <strong>{{ $row['BSART'] ?? '-' }}</strong>
                                            </td>

                                            <td class="text-end">{{ number_format($agingDays, 0) }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">No data</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                            <td class="text-center">-</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    #my-table thead th {
        background-color: #b8ecec !important;
        text-align: center;
        white-space: nowrap;
    }

    #my-table td {
        vertical-align: middle;
    }

    .item-code-link {
        cursor: pointer;
        color: var(--bs-primary) !important;
        font-weight: 600;
    }

    .item-code-link:hover {
        text-decoration: underline;
    }
</style>
@endsection

@push('js')
<script>
    $(document).ready(function () {
        if ($('#my-table').length) {
            if ($.fn.DataTable.isDataTable('#my-table')) {
                $('#my-table').DataTable().destroy();
            }

            $('#my-table').DataTable({
                pageLength: 10,
                scrollX: true,
                autoWidth: false,
                order: [[1, 'desc']],
                columnDefs: [
                    { targets: 0, orderable: false, searchable: false },
                    { targets: [0, 3, 8, 13], className: 'text-end' },
                    { targets: [1, 2, 10, 11, 12], className: 'text-center' }
                ],
                drawCallback: function () {
                    const api = this.api();
                    const pageInfo = api.page.info();
                    const startIndex = pageInfo.start;

                    api.column(0, { page: 'current' }).nodes().each(function (cell, i) {
                        cell.innerHTML = startIndex + i + 1;
                    });
                }
            });

            $('#my-table tbody').on('dblclick', '.matnr-cell', function () {
                let matnr = $(this).data('matnr');

                if (matnr && matnr !== '-') {
                    window.location.href = "{{ url('aps003') }}?matnr=" + encodeURIComponent(matnr);
                }
            });
        }
    });
</script>
@endpush