@extends('layouts.master')

@section('title', 'Detail Penjualan')

@section('styles')
<style>
    .info-label { font-size:.8rem; color:#888; font-weight:600; text-transform:uppercase; letter-spacing:.4px; }
    .info-value { font-size:.92rem; color:#222; }
    #tblShowItems thead th { background:#f8f5ff; color:#7c3aed; border:1px solid #e9d5ff; white-space:nowrap; font-size:.83rem; vertical-align:middle; }
    #tblShowItems tbody td { border:1px solid #f0e8ff; font-size:.83rem; vertical-align:middle; }
    #tblShowItems tfoot td { background:#faf5ff; font-weight:600; border:1px solid #e9d5ff; font-size:.85rem; }
    .drop-zone { border:2px dashed #c8c8c8; border-radius:8px; padding:18px; text-align:center; cursor:pointer; transition:.2s; }
    .drop-zone:hover, .drop-zone.dragover { border-color:#7c3aed; background:#faf5ff; }
</style>
@endsection

@section('content')
<div class="container-fluid">
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <p class="fw-semibold fs-18 mb-0">Detail Penjualan</p>
            <span class="fs-13 text-muted">Penjualan &rarr; {{ $penjualan->nomor_penjualan }}</span>
        </div>
        <div class="d-flex gap-2 mt-2 mt-md-0 flex-wrap">
            @if($penjualan->isDraft() && auth('internal')->user()->can('penjualan.validasi'))
            <button class="btn btn-success btn-sm" onclick="doSelesaikan()">
                <i class="bx bx-check-circle me-1"></i> Validasi
            </button>
            @endif
            @if($penjualan->isDraft() && auth('internal')->user()->can('penjualan.edit'))
            <a href="{{ route('penjualan.edit', $penjualan->id) }}" class="btn btn-warning btn-sm">
                <i class="bx bx-edit me-1"></i> Edit
            </a>
            @endif
            @if($penjualan->isDraft() && auth('internal')->user()->can('penjualan.delete'))
            <button class="btn btn-outline-danger btn-sm" onclick="doHapus()">
                <i class="bx bx-trash me-1"></i> Hapus
            </button>
            @endif
            @if($penjualan->isDivalidasi() && auth('internal')->user()->can('penjualan.pajak'))
            <button class="btn btn-warning btn-sm" onclick="doLanjutPengiriman()">
                <i class="bx bx-right-arrow-circle me-1"></i> Lanjut Pengiriman
            </button>
            @endif
            @if($penjualan->isVerifikasiFisik() && auth('internal')->user()->can('penjualan.process'))
            <a href="{{ route('penjualan.verifikasi', $penjualan->id) }}" class="btn btn-primary btn-sm">
                <i class="bx bx-shield-check me-1"></i> Verifikasi Fisik
            </a>
            @endif
            @if(! $penjualan->isDraft() && (auth('internal')->user()->can('penjualan.pajak') || auth('internal')->user()->can('penjualan.process')))
            <div class="dropdown">
                <button class="btn btn-primary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
                    <i class="bx bx-printer me-1"></i> Cetak Dokumen
                </button>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                        <a class="dropdown-item" href="#" onclick="event.preventDefault(); bukaModalFaktur()">
                            <i class="bx bx-file-blank me-2"></i> Faktur Penjualan
                        </a>
                    </li>
                    @if($penjualan->nomor_surat_jalan)
                    <li>
                        <a class="dropdown-item" href="#" onclick="event.preventDefault(); bukaModalSuratJalan()">
                            <i class="bx bx-send me-2"></i> Surat Jalan
                        </a>
                    </li>
                    @endif
                    <li>
                        <a class="dropdown-item" href="#" onclick="event.preventDefault(); bukaModalTandaTerima()">
                            <i class="bx bx-transfer me-2"></i> Tanda Terima Tukar Faktur
                        </a>
                    </li>
                    <li>
                        <a class="dropdown-item" href="#" onclick="event.preventDefault(); bukaModalKwitansi()">
                            <i class="bx bx-receipt me-2"></i> Kwitansi
                        </a>
                    </li>
                    @if($penjualan->faktur_ppn_path)
                    <li><hr class="dropdown-divider"></li>
                    <li>
                        <a class="dropdown-item" href="{{ route('penjualan.efaktur', $penjualan->id) }}" target="_blank">
                            <i class="bx bx-file-pdf me-2 text-danger"></i> eFaktur PPN
                        </a>
                    </li>
                    @endif
                    <li><hr class="dropdown-divider"></li>
                    <li>
                        <a class="dropdown-item" href="#" onclick="event.preventDefault(); bukaModalAktivitasPenjualan()">
                            <i class="bx bx-history me-2"></i> Riwayat Aktivitas
                        </a>
                    </li>
                </ul>
            </div>
            @endif
            @if(($penjualan->isDivalidasi() || $penjualan->isVerifikasiFisik() || $penjualan->isVerified()) && auth('internal')->user()->can('penjualan.batal'))
            <button class="btn btn-danger btn-sm" onclick="doMintaRevisi()">
                <i class="bx bx-undo me-1"></i> Minta Revisi
            </button>
            @endif
            <a href="{{ route('penjualan.index') }}" class="btn btn-secondary btn-sm">
                <i class="bx bx-arrow-back me-1"></i> Kembali
            </a>
        </div>
    </div>

    <div class="row g-3 mb-3">
        {{-- Info Penjualan --}}
        <div class="col-md-8">
            <div class="card custom-card h-100">
                <div class="card-header">
                    <div class="card-title mb-0"><i class="bx bx-receipt me-2 text-primary"></i>Informasi Penjualan</div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="info-label">Nomor Penjualan</div>
                            <div class="info-value fw-bold text-primary">{{ $penjualan->nomor_penjualan }}</div>
                        </div>
                        @if($penjualan->nomor_surat_jalan)
                        <div class="col-md-4">
                            <div class="info-label">No. Surat Jalan</div>
                            <div class="info-value fw-bold text-success">{{ $penjualan->nomor_surat_jalan }}</div>
                        </div>
                        @endif
                        <div class="col-md-4">
                            <div class="info-label">Status</div>
                            <div>
                                @if($penjualan->isDraft())
                                <span class="badge bg-secondary fs-12">Draft</span>
                                @elseif($penjualan->isDivalidasi())
                                <span class="badge bg-warning fs-12">Upload eFaktur PPN</span>
                                @elseif($penjualan->isVerifikasiFisik())
                                <span class="badge bg-info fs-12">Verifikasi Fisik</span>
                                @else
                                <span class="badge bg-success fs-12">Selesai</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Transaksi</div>
                            <div class="info-value">{{ $penjualan->tanggal_transaksi->locale('id')->translatedFormat('d F Y') }}</div>
                        </div>
                        @if($penjualan->nomor_po)
                        <div class="col-md-4">
                            <div class="info-label">No. PO</div>
                            <div class="info-value fw-semibold">{{ $penjualan->nomor_po }}</div>
                        </div>
                        @endif
                        <div class="col-md-6">
                            <div class="info-label">Fasilitas Kesehatan</div>
                            <div class="info-value fw-semibold">{{ $penjualan->nama_faskes }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Penjualan</div>
                            <div class="info-value">{{ $penjualan->tanggal_penjualan ? $penjualan->tanggal_penjualan->locale('id')->translatedFormat('d F Y') : '—' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Kirim</div>
                            <div class="info-value">{{ $penjualan->tanggal_kirim ? $penjualan->tanggal_kirim->locale('id')->translatedFormat('d F Y') : '—' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Jatuh Tempo</div>
                            <div class="info-value">{{ $penjualan->tanggal_jatuh_tempo ? $penjualan->tanggal_jatuh_tempo->locale('id')->translatedFormat('d F Y') : '—' }}</div>
                        </div>
                        <div class="col-md-8">
                            <div class="info-label">Catatan</div>
                            <div class="info-value">{{ $penjualan->catatan ?: '—' }}</div>
                        </div>

                        {{-- Faktur PPN --}}
                        @if($penjualan->isDivalidasi() || $penjualan->isVerifikasiFisik() || $penjualan->isVerified())
                        <div class="col-12">
                            <hr class="my-1">
                            <div class="info-label mb-2">Faktur PPN</div>
                            @if($penjualan->faktur_ppn_path)
                            <div class="d-flex align-items-center gap-2 mb-2">
                                <i class="bx bx-file-pdf text-danger fs-22"></i>
                                <div class="flex-fill">
                                    <div class="small fw-semibold">Faktur PPN tersimpan</div>
                                    <a href="{{ $penjualan->faktur_ppn_url }}" target="_blank" class="small text-primary">Lihat / Download</a>
                                </div>
                                <button class="btn btn-sm btn-outline-danger px-2 py-1" onclick="hapusFaktur()">
                                    <i class="bx bx-trash"></i>
                                </button>
                            </div>
                            @else
                            <p class="text-muted small mb-2">Belum ada faktur PPN yang diupload.</p>
                            @endif
                            <div class="drop-zone" id="dropZone" onclick="document.getElementById('inputFaktur').click()">
                                <i class="bx bx-upload fs-20 text-muted mb-1"></i>
                                <div class="small text-muted">Klik atau drop file PDF faktur PPN</div>
                                <input type="file" id="inputFaktur" accept=".pdf" class="d-none">
                            </div>
                            <div id="uploadProgress" class="d-none mt-2">
                                <div class="progress" style="height:6px">
                                    <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:100%"></div>
                                </div>
                                <div class="small text-muted mt-1">Mengupload...</div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        {{-- Sidebar: Riwayat Aktivitas --}}
        <div class="col-md-4">
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title mb-0"><i class="bx bx-time-five me-2 text-primary"></i>Riwayat Aktivitas</div>
                </div>
                <div class="card-body p-3">
                    @php $logs = $penjualan->logs->sortBy('created_at'); @endphp
                    @forelse($logs as $i => $log)
                    <div class="d-flex gap-0" style="position:relative">
                        {{-- Line + Dot --}}
                        <div class="flex-shrink-0 d-flex flex-column align-items-center" style="width:32px">
                            <div style="
                                width:12px; height:12px; border-radius:50%; flex-shrink:0; margin-top:3px;
                                {{ $loop->last
                                    ? 'background:#f97316; border:2px solid #fed7aa;'
                                    : 'background:#e5e7eb; border:2px solid #d1d5db;' }}
                            "></div>
                            @if(! $loop->last)
                            <div style="width:2px; flex:1; min-height:24px; background:#e5e7eb; margin:2px 0;"></div>
                            @endif
                        </div>
                        {{-- Content --}}
                        <div class="flex-fill ps-2 pb-3">
                            <div class="fw-semibold" style="font-size:.82rem">{{ $log->aksi }}</div>
                            @if($log->keterangan)
                            <div class="text-muted" style="font-size:.75rem; line-height:1.4">{{ $log->keterangan }}</div>
                            @endif
                            <div class="text-muted" style="font-size:.72rem; margin-top:2px">
                                {{ $log->dilakukanOleh?->nama ?? '—' }} &bull;
                                {{ $log->created_at->locale('id')->translatedFormat('d M Y, H:i') }}
                            </div>
                        </div>
                    </div>
                    @empty
                    <p class="text-muted small mb-0">Belum ada riwayat aktivitas.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    {{-- Alert Riwayat Revisi --}}
    @if($penjualan->direvisi_at)
    <div class="alert alert-warning d-flex align-items-start gap-2 mb-3">
        <i class="bx bx-info-circle fs-18 mt-1"></i>
        <div>
            <span class="text-dark"><strong>Pernah Diminta Revisi</strong> oleh
            <strong>{{ $penjualan->direvisiOleh?->nama ?? '—' }}</strong>
            pada {{ $penjualan->direvisi_at->locale('id')->translatedFormat('d F Y, H:i') }}</span><br>
            <span class="text-muted small">Alasan: {{ $penjualan->alasan_revisi }}</span>
        </div>
    </div>
    @endif

    {{-- Tabel Item --}}
    <div class="card custom-card">
        <div class="card-header">
            <div class="card-title mb-0"><i class="bx bx-package me-2 text-primary"></i>Daftar Barang</div>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table id="tblShowItems" class="table mb-0">
                    <thead>
                        <tr>
                            <th class="text-center" style="width:40px">No</th>
                            <th style="width:90px">Kode</th>
                            <th style="min-width:200px">Nama Barang</th>
                            <th style="width:100px">Jenis</th>
                            <th style="width:100px">Merek</th>
                            <th style="width:70px">Ukuran</th>
                            <th class="text-center" style="width:70px">Satuan</th>
                            <th class="text-center" style="width:60px">Qty</th>
                            <th class="text-end" style="width:140px">Harga Jual</th>
                            <th class="text-end" style="width:150px">Subtotal</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($penjualan->items as $no => $item)
                        <tr>
                            <td class="text-center">{{ $no + 1 }}</td>
                            <td>{{ $item->kode_barang }}</td>
                            <td class="fw-semibold">{{ $item->nama_barang }}</td>
                            <td>{{ $item->jenis_barang ?? '—' }}</td>
                            <td>{{ $item->merek_barang ?? '—' }}</td>
                            <td>{{ $item->ukuran ?? '—' }}</td>
                            <td class="text-center">{{ $item->satuan }}</td>
                            <td class="text-center">{{ number_format($item->qty) }}</td>
                            <td class="text-end">Rp {{ number_format($item->harga_jual, 0, ',', '.') }}</td>
                            <td class="text-end fw-semibold">Rp {{ number_format($item->subtotal, 0, ',', '.') }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="text-muted">
                            <td colspan="9" class="text-end pe-3">Subtotal</td>
                            <td class="text-end pe-3">Rp {{ number_format($penjualan->subtotal, 0, ',', '.') }}</td>
                        </tr>
                        <tr class="text-muted">
                            <td colspan="9" class="text-end pe-3">DPP (11/12 × Subtotal)</td>
                            <td class="text-end pe-3">Rp {{ number_format($penjualan->dpp, 0, ',', '.') }}</td>
                        </tr>
                        <tr class="text-muted">
                            <td colspan="9" class="text-end pe-3">PPN 12%</td>
                            <td class="text-end pe-3">Rp {{ number_format($penjualan->ppn, 0, ',', '.') }}</td>
                        </tr>
                        <tr class="fw-semibold">
                            <td colspan="9" class="text-end pe-3">Total Harga</td>
                            <td class="text-end pe-3 text-primary">Rp {{ number_format($penjualan->total_harga, 0, ',', '.') }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- Modal Minta Revisi --}}
<div class="modal fade" id="modalMintaRevisi" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title"><i class="bx bx-undo me-1"></i>Minta Revisi</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p class="text-muted small mb-3">Penjualan akan dikembalikan ke status <strong>Draft</strong> dan stok akan di-restore.</p>
                <label class="form-label fw-semibold small">Alasan Revisi <span class="text-danger">*</span></label>
                <textarea id="inputAlasanRevisi" class="form-control form-control-sm" rows="3" placeholder="Jelaskan alasan revisi..."></textarea>
            </div>
            <div class="modal-footer py-2">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-danger btn-sm" onclick="submitMintaRevisi()">Konfirmasi Revisi</button>
            </div>
        </div>
    </div>
</div>

{{-- Modal Riwayat Aktivitas --}}
<div class="modal fade" id="modalFaktur" tabindex="-1">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title"><i class="bx bx-file-blank me-1"></i> Faktur Penjualan</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-0" style="height:80vh">
                <iframe id="fakturFrame" src="" style="width:100%;height:100%;border:none;"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalSuratJalan" tabindex="-1">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title"><i class="bx bx-send me-1"></i> Surat Jalan</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-0" style="height:80vh">
                <iframe id="suratJalanFrame" src="" style="width:100%;height:100%;border:none;"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalTandaTerima" tabindex="-1">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title"><i class="bx bx-transfer me-1"></i> Tanda Terima Tukar Faktur</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-0" style="height:80vh">
                <iframe id="tandaTerimaFrame" src="" style="width:100%;height:100%;border:none;"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalKwitansi" tabindex="-1">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title"><i class="bx bx-receipt me-1"></i> Kwitansi</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-0" style="height:80vh">
                <iframe id="kwitansiFrame" src="" style="width:100%;height:100%;border:none;"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalAktivitasPenjualan" tabindex="-1">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title"><i class="bx bx-history me-1"></i> Riwayat Aktivitas Penjualan</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-0" style="height:80vh">
                <iframe id="aktivitasPenjualanFrame" src="" style="width:100%;height:100%;border:none;"></iframe>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
const BASE_URL = "{{ url('/') }}";
const CSRF     = "{{ csrf_token() }}";
const PJ_ID    = {{ $penjualan->id }};

// ── Lanjut Pengiriman ────────────────────────────────────────
function doLanjutPengiriman() {
    Swal.fire({
        title: 'Lanjut ke Verifikasi Fisik?',
        text: 'Status akan berubah menjadi Verifikasi Fisik.',
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: '#0dcaf0',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Lanjutkan',
        cancelButtonText: 'Batal',
    }).then(res => {
        if (!res.isConfirmed) return;
        fetch(`${BASE_URL}/penjualan/${PJ_ID}/lanjut-pengiriman`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json' },
        })
        .then(r => r.json())
        .then(d => {
            if (d.success) {
                Swal.fire({ icon: 'success', title: 'Berhasil', timer: 1500, showConfirmButton: false })
                    .then(() => location.reload());
            } else {
                Swal.fire({ icon: 'error', title: 'Gagal', text: d.message ?? 'Terjadi kesalahan.' });
            }
        });
    });
}

// ── Validasi ─────────────────────────────────────────────────
function doSelesaikan() {
    Swal.fire({
        title: 'Validasi Penjualan?',
        html: 'Penjualan akan divalidasi dan surat jalan diterbitkan.<br>Pengurangan stok dilakukan saat verifikasi fisik.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#198754',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Validasi',
        cancelButtonText: 'Batal',
    }).then(res => {
        if (!res.isConfirmed) return;
        Swal.fire({ title: 'Memproses...', allowOutsideClick: false, didOpen: () => Swal.showLoading() });
        fetch(`${BASE_URL}/penjualan/${PJ_ID}/selesaikan`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json' },
        })
        .then(r => r.json())
        .then(d => {
            if (d.success) {
                Swal.fire({ icon: 'success', title: 'Divalidasi!', text: 'Penjualan berhasil divalidasi dan stok telah dikurangi.', timer: 2000, showConfirmButton: false })
                    .then(() => location.reload());
            } else {
                Swal.fire({ icon: 'error', title: 'Gagal', text: d.message ?? 'Terjadi kesalahan.' });
            }
        })
        .catch(() => Swal.fire({ icon: 'error', title: 'Error', text: 'Gagal menghubungi server.' }));
    });
}

// ── Hapus ────────────────────────────────────────────────────
function doHapus() {
    Swal.fire({
        title: 'Hapus Penjualan?',
        text: 'Data ini akan dihapus permanen.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#dc3545',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Hapus',
        cancelButtonText: 'Batal',
    }).then(res => {
        if (!res.isConfirmed) return;
        fetch(`${BASE_URL}/penjualan/${PJ_ID}`, {
            method: 'DELETE',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json' },
        })
        .then(r => r.json())
        .then(d => {
            if (d.success) {
                Swal.fire({ icon: 'success', title: 'Dihapus', timer: 1500, showConfirmButton: false })
                    .then(() => window.location.href = BASE_URL + '/penjualan');
            } else {
                Swal.fire({ icon: 'error', title: 'Gagal', text: d.message ?? 'Gagal menghapus.' });
            }
        });
    });
}

// ── Upload Faktur PPN ────────────────────────────────────────
const dropZone    = document.getElementById('dropZone');
const inputFaktur = document.getElementById('inputFaktur');

if (dropZone && inputFaktur) {
    ['dragenter','dragover'].forEach(ev => dropZone.addEventListener(ev, e => { e.preventDefault(); dropZone.classList.add('dragover'); }));
    ['dragleave','drop'].forEach(ev => dropZone.addEventListener(ev, () => dropZone.classList.remove('dragover')));
    dropZone.addEventListener('drop', e => { e.preventDefault(); const f = e.dataTransfer.files[0]; if (f) uploadFaktur(f); });
    inputFaktur.addEventListener('change', () => { if (inputFaktur.files[0]) uploadFaktur(inputFaktur.files[0]); });
}

function uploadFaktur(file) {
    if (file.type !== 'application/pdf') {
        Swal.fire({ icon:'warning', title:'Format Salah', text:'Hanya file PDF yang diterima.', timer:2000, showConfirmButton:false });
        return;
    }
    const progress = document.getElementById('uploadProgress');
    progress.classList.remove('d-none');

    const fd = new FormData();
    fd.append('faktur', file);
    fd.append('_token', CSRF);

    fetch(`${BASE_URL}/penjualan/${PJ_ID}/upload-faktur`, { method:'POST', body:fd })
        .then(r => r.json())
        .then(d => {
            progress.classList.add('d-none');
            if (d.success) {
                Swal.fire({ icon:'success', title:'Upload Berhasil', timer:1500, showConfirmButton:false })
                    .then(() => location.reload());
            } else {
                Swal.fire({ icon:'error', title:'Gagal Upload', text: d.message ?? 'Terjadi kesalahan.' });
            }
        })
        .catch(() => { progress.classList.add('d-none'); Swal.fire({ icon:'error', title:'Error', text:'Gagal menghubungi server.' }); });
}

// ── Minta Revisi ─────────────────────────────────────────────
function doMintaRevisi() {
    document.getElementById('inputAlasanRevisi').value = '';
    bootstrap.Modal.getOrCreateInstance(document.getElementById('modalMintaRevisi')).show();
}

function submitMintaRevisi() {
    const alasan = document.getElementById('inputAlasanRevisi').value.trim();
    if (!alasan) {
        Swal.fire({ icon: 'warning', title: 'Alasan Wajib Diisi', text: 'Mohon isi alasan revisi sebelum melanjutkan.', timer: 2000, showConfirmButton: false });
        return;
    }
    bootstrap.Modal.getOrCreateInstance(document.getElementById('modalMintaRevisi')).hide();
    Swal.fire({ title: 'Memproses...', allowOutsideClick: false, didOpen: () => Swal.showLoading() });
    fetch(`${BASE_URL}/penjualan/${PJ_ID}/minta-revisi`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json' },
        body: JSON.stringify({ alasan }),
    })
    .then(r => r.json())
    .then(d => {
        if (d.success) {
            Swal.fire({ icon: 'success', title: 'Revisi Berhasil', text: 'Penjualan dikembalikan ke Draft dan stok telah di-restore.', timer: 2000, showConfirmButton: false })
                .then(() => location.reload());
        } else {
            Swal.fire({ icon: 'error', title: 'Gagal', text: d.message ?? 'Terjadi kesalahan.' });
        }
    })
    .catch(() => Swal.fire({ icon: 'error', title: 'Error', text: 'Gagal menghubungi server.' }));
}

function hapusFaktur() {
    Swal.fire({
        title: 'Hapus Faktur PPN?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#dc3545',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Ya, Hapus',
        cancelButtonText: 'Batal',
    }).then(res => {
        if (!res.isConfirmed) return;
        fetch(`${BASE_URL}/penjualan/${PJ_ID}/faktur`, {
            method: 'DELETE',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json' },
        })
        .then(r => r.json())
        .then(d => {
            if (d.success) {
                Swal.fire({ icon:'success', title:'Faktur Dihapus', timer:1500, showConfirmButton:false })
                    .then(() => location.reload());
            }
        });
    });
}

function bukaModalFaktur() {
    const frame = document.getElementById('fakturFrame');
    frame.src = `${BASE_URL}/penjualan/${PJ_ID}/pdf`;
    new bootstrap.Modal(document.getElementById('modalFaktur')).show();
}
document.getElementById('modalFaktur').addEventListener('hidden.bs.modal', () => {
    document.getElementById('fakturFrame').src = '';
});

function bukaModalSuratJalan() {
    const frame = document.getElementById('suratJalanFrame');
    frame.src = `${BASE_URL}/penjualan/${PJ_ID}/surat-jalan`;
    new bootstrap.Modal(document.getElementById('modalSuratJalan')).show();
}
document.getElementById('modalSuratJalan').addEventListener('hidden.bs.modal', () => {
    document.getElementById('suratJalanFrame').src = '';
});

function bukaModalTandaTerima() {
    const frame = document.getElementById('tandaTerimaFrame');
    frame.src = `${BASE_URL}/penjualan/${PJ_ID}/tanda-terima`;
    new bootstrap.Modal(document.getElementById('modalTandaTerima')).show();
}
document.getElementById('modalTandaTerima').addEventListener('hidden.bs.modal', () => {
    document.getElementById('tandaTerimaFrame').src = '';
});

function bukaModalKwitansi() {
    const frame = document.getElementById('kwitansiFrame');
    frame.src = `${BASE_URL}/penjualan/${PJ_ID}/kwitansi`;
    new bootstrap.Modal(document.getElementById('modalKwitansi')).show();
}
document.getElementById('modalKwitansi').addEventListener('hidden.bs.modal', () => {
    document.getElementById('kwitansiFrame').src = '';
});

function bukaModalAktivitasPenjualan() {
    const frame = document.getElementById('aktivitasPenjualanFrame');
    frame.src = `${BASE_URL}/penjualan/${PJ_ID}/cetak-aktivitas`;
    new bootstrap.Modal(document.getElementById('modalAktivitasPenjualan')).show();
}
document.getElementById('modalAktivitasPenjualan').addEventListener('hidden.bs.modal', () => {
    document.getElementById('aktivitasPenjualanFrame').src = '';
});
</script>
@endsection