@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">
                {{-- Recipe Group dari API Eksternal --}}
                {{-- <div class="row mx-1 mb-4">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">
                                <i class="fas fa-layer-group me-2 text-primary"></i>
                                Recipe Group Terakhir
                            </h5>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-3">
                            @if($latest_recipe_data)
                                <div class="col-auto d-flex align-items-center gap-3">
                                    <span class="text-muted text-sm">Recipe Group:</span>
                                    <span class="badge bg-primary fs-6 px-3 py-2">
                                        <i class="fas fa-tag me-1"></i>
                                        {{ $latest_recipe_data->recipe_group }}
                                    </span>
                                    <small class="text-muted">
                                        <i class="fas fa-sync-alt me-1"></i>
                                        Data diperbarui otomatis dari sistem SAP
                                    </small>
                                </div>
                            @else
                                <div class="alert alert-warning mb-0">
                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                    Gagal mengambil data Recipe Group dari sistem. Periksa koneksi ke server SAP.
                                </div>
                            @endif
                        </div>
                    </div>
                </div> --}}

                {{-- Feature 1: History Pengajuan BOM --}}
                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">History Pengajuan BOM</h5>
                            </div>
                            <div class="col">
                                @include('components.alert')
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <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>
                                            <th>No</th>
                                            @foreach ($table_header as $header)
                                                <th>{{ $header->alias }}</th>
                                            @endforeach
                                            @if(session('user') && session('user')->idroles === 'admins')
                                                <th>Action</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($table_detail as $detail)
                                            @php
                                                $vcount = $loop->iteration;
                                                $primary = $table_primary->field;
                                                
                                            @endphp
                                            <tr>
                                                <td>{{ $vcount }}</td>
                                                @foreach ($table_header as $field)
                                                    @php
                                                        $string = $field->field;
                                                    @endphp
                                                    <td class="text-sm font-weight-{{ $field->primary == '1' ? 'bold text-dark' : 'normal' }}">
                                                        {{ $detail->$string ?? '-' }}
                                                    </td>
                                                @endforeach
                                                @if(session('user') && session('user')->idroles === 'admins')
                                                <td>
                                                    @php
                                                        $canReverse = isset($detail->is_exported) && $detail->is_exported == 1
                                                                      && isset($detail->upload_status) && $detail->upload_status === 'Sedang Diproses';
                                                    @endphp
                                                    @if($canReverse)
                                                        <form action="{{ URL::to($url_menu . '/' . encrypt($detail->$primary)) }}"
                                                              method="POST"
                                                              id="form-reverse-{{ $loop->index }}"
                                                              style="display:inline;">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="button"
                                                                    class="btn btn-warning mb-0 py-1 px-3"
                                                                    title="Reverse Status Ekspor agar bisa diedit & didownload ulang"
                                                                    onclick="confirmReverse(event, '{{ $detail->material_fg_sfg }}', {{ $loop->index }})">
                                                                <i class="fas fa-undo me-1"></i> Reverse Status
                                                            </button>
                                                        </form>
                                                    @else
                                                        @php
                                                            $statusLabel = $detail->upload_status ?? '-';
                                                            $badgeClass = match($statusLabel) {
                                                                'Ready Upload'    => 'badge bg-success',
                                                                'Sedang Diproses' => 'badge bg-warning text-dark',
                                                                'Selesai'         => 'badge bg-primary',
                                                                default           => 'badge bg-secondary',
                                                            };
                                                        @endphp
                                                        <span class="{{ $badgeClass }} py-1 px-2" title="Reverse hanya tersedia saat status Sedang Diproses & sudah diekspor">
                                                            {{ $statusLabel }}
                                                        </span>
                                                    @endif
                                                </td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
<script>
    function confirmReverse(event, material_fg_sfg, index) {
        event.preventDefault();
        Swal.fire({
            title: 'Reverse Status Ekspor?',
            html: `BOM dengan Material <strong>${material_fg_sfg}</strong> akan dikembalikan ke status <em>Ready Upload</em>.<br><br>
                   Setelah di reverse:<br>
                   ✏️ Data dapat diedit oleh PPIC01 / PPIC02<br>
                   📥 Data dapat didownload ulang oleh IT Dept`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Reverse!',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#f59e0b',
            cancelButtonColor: '#6b7280',
        }).then(function(result) {
            if (result.isConfirmed) {
                document.getElementById('form-reverse-' + index).submit();
            }
        });
    }

    // Tampilkan SweetAlert jika ada error atau success dari redirect
    @if(session('error'))
    $(document).ready(function() {
        Swal.fire({
            title: 'Gagal!',
            html: '<p style="margin-bottom:8px;">{{ addslashes(session('error')) }}</p>' +
                  '<small style="color:#888;">Periksa status BOM sebelum melakukan Reverse.</small>',
            icon: 'error',
            confirmButtonColor: '#ef4444',
            confirmButtonText: 'Tutup'
        });
    });
    @endif

    @if(session('success'))
    $(document).ready(function() {
        Swal.fire({
            title: 'Berhasil!',
            text: '{{ addslashes(session('success')) }}',
            icon: 'success',
            timer: 3000,
            showConfirmButton: false
        });
    });
    @endif
</script>
@endpush