@extends('layouts.app')
@section('title', 'Detail Purchase Request')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Purchase Request {{ $purchaseRequest->kode }}</h4>
    <div class="d-flex align-items-center gap-2">
        <a href="{{ route('purchase-requests.cetak', $purchaseRequest) }}" target="_blank" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-printer"></i> Cetak PR
        </a>
        @if(auth()->user()->canExecuteWarehouseFlow() && $purchaseRequest->bisaDihapus())
            <form method="POST" action="{{ route('purchase-requests.destroy', $purchaseRequest) }}" class="d-inline" onsubmit="return confirm('Yakin hapus Purchase Request {{ $purchaseRequest->kode }}? Tindakan ini tidak bisa dibatalkan.');">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i> Hapus PR</button>
            </form>
        @endif
        <span class="badge bg-{{ $purchaseRequest->statusBadge() }} fs-6">{{ $purchaseRequest->statusLabel() }}</span>
    </div>
</div>

@if($purchaseRequest->butuhReminder())
<div class="alert alert-danger">
    <i class="bi bi-bell"></i> <strong>Reminder:</strong> Purchase Request ini masih berjalan &mdash; ada barang yang belum lengkap terkirim/diterima di kapal.
    PR baru akan berstatus <strong>Selesai</strong> jika semua barang sudah lengkap sampai di kapal.
</div>
@endif

@if($purchaseRequest->isDitolak())
<div class="alert alert-danger">
    <strong><i class="bi bi-lock-fill"></i> PR ini ditolak oleh SELURUH approval (DPA, Kapten, Kepala Cabang)</strong>
    @if($purchaseRequest->ditolak_at) pada {{ $purchaseRequest->ditolak_at->format('d M Y H:i') }}@endif.
    PR ini terkunci dan tidak bisa diproses lebih lanjut - hanya bisa dihapus, atau dibuka kembali dengan
    mengembalikan salah satu keputusan approval di bawah ("Kembalikan Status").
</div>
@endif

{{-- Lacak Progres (tampilan seperti tracking Shopee) - bisa dilihat semua role termasuk Dek --}}
<div class="card mb-4">
    <div class="card-body">
        @php
            $trackSteps = ['pr' => 'PR Dibuat', 'approval' => 'Disetujui', 'diproses' => 'Diproses/PO', 'dikirim' => 'Dikirim ke Kapal', 'diterima' => 'Diterima di Kapal'];
            $trackIndex = 0; // PR Dibuat selalu tercapai
            if ($purchaseRequest->isFullyApproved()) $trackIndex = 1;
            if ($purchaseRequest->status === 'diproses') $trackIndex = 2;
            if ($purchaseRequest->semuaBarangSudahTerkirim()) $trackIndex = 3;
            if ($purchaseRequest->isDraft() || $purchaseRequest->isSemuaLengkap()) $trackIndex = 4;
        @endphp
        <div class="d-flex justify-content-between">
            @foreach($trackSteps as $key => $label)
            <div class="text-center flex-fill">
                <div class="rounded-circle mx-auto d-flex align-items-center justify-content-center
                    {{ $loop->index <= $trackIndex ? 'bg-primary text-white' : 'bg-light text-muted border' }}"
                    style="width:32px;height:32px;">
                    {{ $loop->index + 1 }}
                </div>
                <div class="small mt-1 {{ $loop->index <= $trackIndex ? 'fw-semibold' : 'text-muted' }}">{{ $label }}</div>
            </div>
            @if(!$loop->last)
            <div class="flex-fill mt-4" style="height:3px;background-color:{{ $loop->index < $trackIndex ? 'var(--bs-primary)' : '#dee2e6' }};"></div>
            @endif
            @endforeach
        </div>
    </div>
</div>

{{-- Status Approval: DPA, Kapten, Kepala Cabang - PO baru bisa dibuat setelah ketiganya disetujui --}}
<div class="card mb-4">
    <div class="card-header bg-white fw-semibold d-flex justify-content-between align-items-center">
        <span>Approval Purchase Request ({{ $purchaseRequest->ringkasanApproval() }})</span>
    </div>
    <div class="table-responsive">
        <table class="table mb-0 align-middle">
            <thead class="table-light"><tr><th>Role</th><th>Status</th><th>Catatan</th><th>Diputuskan</th><th></th></tr></thead>
            <tbody>
            @foreach($purchaseRequest->approvals as $approval)
                <tr>
                    <td>{{ $approval->roleLabel() }}</td>
                    <td><span class="badge bg-{{ $approval->statusBadge() }}">{{ ucfirst($approval->status) }}</span></td>
                    <td>{{ $approval->catatan ?: '-' }}</td>
                    <td>{{ $approval->diputuskan_at?->format('d M Y H:i') ?: '-' }}</td>
                    <td class="d-flex gap-2">
                        @if(auth()->user()->roleApproval() === $approval->role && $approval->status === 'menunggu')
                            <form method="POST" action="{{ route('purchase-requests.approve', $purchaseRequest) }}" class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-success"><i class="bi bi-check-circle"></i> Setujui</button>
                            </form>
                            <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#tolakApprovalModal">
                                <i class="bi bi-x-circle"></i> Tolak
                            </button>
                        @elseif(auth()->user()->roleApproval() === $approval->role && $approval->status !== 'menunggu')
                            <form method="POST" action="{{ route('purchase-requests.revert-approval', $purchaseRequest) }}" class="d-inline"
                                onsubmit="return confirm('Kembalikan keputusan approval ini ke Menunggu?');">
                                @csrf
                                <button class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-counterclockwise"></i> Kembalikan Status</button>
                            </form>
                        @endif
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

@if(auth()->user()->isApprover())
<div class="modal fade" id="tolakApprovalModal" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('purchase-requests.reject-approval', $purchaseRequest) }}">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Tolak Approval PR {{ $purchaseRequest->kode }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <label class="form-label">Alasan Penolakan (wajib diisi)</label>
                    <textarea name="catatan" class="form-control" rows="3" required></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Tolak</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

<div class="row g-3 mb-3">
    <div class="col-md-3"><div class="card p-3"><div class="text-muted small">Kapal</div><div class="fw-semibold">{{ $purchaseRequest->kapal }}</div></div></div>
    <div class="col-md-3"><div class="card p-3"><div class="text-muted small">Departemen</div><div class="fw-semibold">{{ $purchaseRequest->departemenLabel() }}</div></div></div>
    <div class="col-md-3"><div class="card p-3"><div class="text-muted small">Dibuat Oleh</div><div class="fw-semibold">{{ $purchaseRequest->user->name }}</div></div></div>
    <div class="col-md-3"><div class="card p-3"><div class="text-muted small">Tanggal</div><div class="fw-semibold">{{ $purchaseRequest->created_at->format('d M Y H:i') }}</div></div></div>
</div>

@if($purchaseRequest->keterangan)
<div class="alert alert-light border">{{ $purchaseRequest->keterangan }}</div>
@endif

<div class="card mb-4">
    <div class="card-header bg-white fw-semibold">Surat Permintaan Barang</div>
    <div class="table-responsive">
        <table class="table mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    @if(auth()->user()->canExecuteWarehouseFlow() && $purchaseRequest->status == 'menunggu_diproses')
                    <th style="width:30px"></th>
                    @endif
                    <th>Nama Barang</th><th>Part Number</th><th>Kode Barang (Dikapal)</th><th>Qty</th><th>Satuan</th><th>Keterangan</th><th>Stok Gudang</th><th>Sumber</th>
                </tr>
            </thead>
            <tbody>
                @if(auth()->user()->canExecuteWarehouseFlow() && $purchaseRequest->status == 'menunggu_diproses')
                <form method="POST" action="{{ route('purchase-requests.kirim-langsung', $purchaseRequest) }}" id="kirimLangsungForm">
                @csrf
                @endif
                @foreach($purchaseRequest->items as $item)
                @php $stok = $stockMap[$item->nama_barang . '|' . ($item->part_number ?? '')] ?? null; @endphp
                <tr>
                    @if(auth()->user()->canExecuteWarehouseFlow() && $purchaseRequest->status == 'menunggu_diproses')
                    <td><input type="checkbox" name="item_ids[]" value="{{ $item->id }}" form="kirimLangsungForm" @disabled(!$stok || $stok->qty < $item->qty)></td>
                    @endif
                    <td>{{ $item->nama_barang }}</td>
                    <td>{{ $item->part_number ?: '-' }}</td>
                    <td>{{ $item->kode_barang_dikapal ?: '-' }}</td>
                    <td>{{ $item->qty }}</td>
                    <td>{{ $item->satuan }}</td>
                    <td>{{ $item->keterangan ?: '-' }}</td>
                    <td>
                        @if($stok)
                            <span class="badge bg-{{ $stok->qty >= $item->qty ? 'success' : 'danger' }}">{{ $stok->qty }} {{ $stok->satuan }}</span>
                        @else
                            <span class="badge bg-danger">Tidak ada</span>
                        @endif
                    </td>
                    <td>
                        @if($item->sumber == 'stok_gudang')<span class="badge bg-info">Stok Gudang</span>
                        @elseif($item->sumber == 'purchase_order')<span class="badge bg-warning">Purchase Order</span>
                        @else <span class="text-muted">-</span>@endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    @if(auth()->user()->canExecuteWarehouseFlow() && $purchaseRequest->status == 'menunggu_diproses')
    <div class="card-footer bg-white d-flex gap-2">
        @if($purchaseRequest->isFullyApproved())
        <button type="submit" form="kirimLangsungForm" class="btn btn-success btn-sm">
            <i class="bi bi-box-arrow-right"></i> Kirim Langsung dari Stok Gudang (item tercentang)
        </button>
        @else
        <button type="button" class="btn btn-success btn-sm" disabled
            title="Belum bisa dikirim langsung - approval PR belum lengkap ({{ $purchaseRequest->ringkasanApproval() }})">
            <i class="bi bi-box-arrow-right"></i> Kirim Langsung (menunggu approval {{ $purchaseRequest->ringkasanApproval() }})
        </button>
        @endif
        @if($purchaseRequest->isFullyApproved())
        <a href="{{ route('purchase-orders.create', ['purchase_request_id' => $purchaseRequest->id]) }}" class="btn btn-warning btn-sm">
            <i class="bi bi-file-earmark-plus"></i> Buat Purchase Order (stok tidak tersedia)
        </a>
        @else
        <button type="button" class="btn btn-warning btn-sm" disabled
            title="PO belum bisa dibuat - approval PR belum lengkap ({{ $purchaseRequest->ringkasanApproval() }})">
            <i class="bi bi-file-earmark-plus"></i> Buat Purchase Order (menunggu approval {{ $purchaseRequest->ringkasanApproval() }})
        </button>
        @endif
    </div>
    @endif
</div>

@if($purchaseRequest->purchaseOrders->count())
<div class="card mb-4">
    <div class="card-header bg-white fw-semibold">Purchase Order Terkait</div>
    <div class="table-responsive">
        <table class="table mb-0 align-middle">
            <thead class="table-light"><tr><th>Kode PO</th><th>Vendor</th><th>Status</th><th></th></tr></thead>
            <tbody>
            @foreach($purchaseRequest->purchaseOrders as $po)
                <tr>
                    <td>{{ $po->kode }}</td>
                    <td>{{ $po->vendorNames() }} @if($po->isMultiVendor())<span class="badge bg-info">Multi-Vendor</span>@endif</td>
                    <td>
                        <span class="badge bg-{{ $po->statusBadge() }} badge-status">{{ $po->statusLabel() }}</span>
                        @if($po->butuhReminder())
                            <span class="badge bg-danger" title="Barang belum lengkap terkirim ke kapal"><i class="bi bi-bell"></i> Belum Lengkap</span>
                        @endif
                    </td>
                    <td>
                        @if(auth()->user()->canExecuteWarehouseFlow())
                        <a href="{{ route('purchase-orders.show', $po) }}" class="btn btn-sm btn-outline-primary">Detail</a>
                        @endif
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif

@if($purchaseRequest->goodsDeliveries->count())
<div class="card">
    <div class="card-header bg-white">
        <div class="fw-semibold">Riwayat Pengiriman ke Kapal (Surat Jalan)</div>
        @if(!$purchaseRequest->semuaBarangSudahTerkirim())
        <div class="form-text mb-0">
            <i class="bi bi-info-circle"></i> Konfirmasi "Barang Sampai di Kapal" belum bisa dilakukan - masih ada barang
            pada PR ini yang belum terkirim ke kapal. Konfirmasi baru aktif setelah semua barang terkirim semua.
        </div>
        @endif
    </div>
    <div class="table-responsive">
        <table class="table mb-0 align-middle">
            <thead class="table-light"><tr><th>Kode</th><th>Tanggal Kirim</th><th>Item</th><th>Status</th><th></th></tr></thead>
            <tbody>
            @foreach($purchaseRequest->goodsDeliveries as $gd)
                <tr>
                    <td>{{ $gd->kode }}</td>
                    <td>{{ \Carbon\Carbon::parse($gd->tanggal_kirim)->format('d M Y') }}</td>
                    <td>{{ $gd->items->pluck('nama_barang')->join(', ') }}</td>
                    <td><span class="badge bg-{{ $gd->statusBadge() }} badge-status">{{ $gd->statusLabel() }}</span></td>
                    <td class="d-flex gap-2">
                        @if(auth()->user()->canExecuteWarehouseFlow())
                        <a href="{{ route('goods-deliveries.cetak', $gd) }}" target="_blank" class="btn btn-sm btn-outline-secondary">
                            <i class="bi bi-printer"></i> Cetak Surat Jalan
                        </a>
                        @endif
                        @if($gd->status == 'dikirim_ke_kapal' && auth()->user()->canConfirmDiterimaKapal())
                            @if($purchaseRequest->semuaBarangSudahTerkirim())
                            <form method="POST" action="{{ route('goods-deliveries.konfirmasi-terima', $gd) }}" class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-success">Konfirmasi Diterima Kapal</button>
                            </form>
                            @else
                            <button type="button" class="btn btn-sm btn-outline-secondary" disabled
                                title="Konfirmasi baru bisa dilakukan setelah semua barang di PR ini terkirim ke kapal">
                                <i class="bi bi-hourglass-split"></i> Menunggu Barang Lain Terkirim
                            </button>
                            @endif
                            @if(auth()->user()->canRevertStatus())
                            <form method="POST" action="{{ route('goods-deliveries.revert-kirim', $gd) }}" class="d-inline"
                                onsubmit="return confirm('Batalkan pengiriman ini? Stok gudang akan dikembalikan.');">
                                @csrf
                                <button class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-counterclockwise"></i> Kembalikan Status</button>
                            </form>
                            @endif
                        @endif
                        @if($gd->status == 'selesai')
                            @if(auth()->user()->canRevertKonfirmasiTerima())
                            <form method="POST" action="{{ route('goods-deliveries.revert-konfirmasi', $gd) }}" class="d-inline"
                                onsubmit="return confirm('Batalkan konfirmasi diterima kapal ini?');">
                                @csrf
                                <button class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-counterclockwise"></i> Kembalikan Status</button>
                            </form>
                            @endif
                            @if(auth()->user()->canReportReturn())
                            <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#returModal{{ $gd->id }}">
                                <i class="bi bi-box-arrow-in-left"></i> Lapor Barang Lebih
                            </button>
                            @endif
                        @endif
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

{{-- Modal Lapor Barang Lebih - ditaruh di luar tabel supaya tidak ikut ter-hidden oleh baris d-none --}}
@if(auth()->user()->canReportReturn())
@foreach($purchaseRequest->goodsDeliveries as $gd)
<div class="modal fade" id="returModal{{ $gd->id }}" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('goods-deliveries.lapor-retur', $gd) }}">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Lapor Barang Lebih - {{ $gd->kode }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-2">
                        <label class="form-label">Nama Barang</label>
                        <select class="form-select" required
                            onchange="const o=this.selectedOptions[0]; this.form.querySelector('[name=goods_delivery_item_id]').value = o.value; const qty=this.form.querySelector('[name=qty_lebih]'); qty.max = o.dataset.qty || ''; qty.value=''; this.form.querySelector('.qty-hint').textContent = o.dataset.qty ? ('Maksimal ' + o.dataset.qty + ' ' + o.dataset.satuan + ' (sesuai qty dikirim).') : '';">
                            <option value="">-- Pilih barang --</option>
                            @foreach($gd->items as $it)
                            <option value="{{ $it->id }}" data-satuan="{{ $it->satuan }}" data-qty="{{ $it->qty }}">{{ $it->nama_barang }}{{ $it->part_number ? ' - PN: '.$it->part_number : '' }} (dikirim {{ $it->qty }} {{ $it->satuan }})</option>
                            @endforeach
                        </select>
                        <input type="hidden" name="goods_delivery_item_id" required>
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Qty Lebih</label>
                        <input type="number" name="qty_lebih" class="form-control" min="1" required>
                        <div class="form-text qty-hint">Qty retur tidak boleh melebihi qty barang yang dikirim.</div>
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Keterangan (opsional)</label>
                        <textarea name="alasan" class="form-control" rows="2" placeholder="Contoh: barang datang lebih banyak dari surat jalan"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Lapor Retur</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endforeach
@endif
@endif
@endsection