@extends('layouts.master')

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

@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; }
    .timeline-step { border-left:3px solid #e9ecef; padding-left:16px; margin-bottom:12px; position:relative; }
    .timeline-step::before { content:''; position:absolute; left:-6px; top:4px; width:10px; height:10px; border-radius:50%; background:#ced4da; }
    .timeline-step.done::before { background:#7c3aed; }
    .timeline-step.active::before { background:#198754; }
</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 KSO</p>
            <span class="fs-13 text-muted">Penjualan &rarr; KSO &rarr; {{ $kso->nomor_penjualan_kso }}</span>
        </div>
        <div class="d-flex gap-2 mt-2 mt-md-0 flex-wrap">
            {{-- Sales: draft --}}
            @if($kso->isDraft() && auth('internal')->user()->can('penjualan_kso.sales'))
            <button class="btn btn-success btn-sm" onclick="doAjukan()">
                <i class="bx bx-send me-1"></i> Ajukan Pemakaian
            </button>
            <a href="{{ route('penjualan-kso.edit', $kso->id) }}" class="btn btn-warning btn-sm">
                <i class="bx bx-edit me-1"></i> Edit
            </a>
            <button class="btn btn-outline-danger btn-sm" onclick="doHapus()">
                <i class="bx bx-trash me-1"></i> Hapus
            </button>
            @endif

            {{-- Kepala Sales: disetujui → validasi atau kembalikan --}}
            @if($kso->isDisetujui() && auth('internal')->user()->can('penjualan_kso.validasi'))
            <button class="btn btn-success btn-sm" onclick="doValidasi()">
                <i class="bx bx-check-circle me-1"></i> Validasi
            </button>
            <button class="btn btn-outline-warning btn-sm" onclick="showModalAlasan('kembalikan-dari-validasi')">
                <i class="bx bx-undo me-1"></i> Kembalikan ke Draft
            </button>
            @endif

            {{-- Pajak: valid → selesaikan / kembalikan ke diajukan --}}
            @if($kso->isValid() && auth('internal')->user()->can('penjualan_kso.pajak'))
            @if($kso->faktur_ppn_path)
            <button class="btn btn-success btn-sm" onclick="doSelesaikan()">
                <i class="bx bx-check-double me-1"></i> Selesaikan
            </button>
            @endif
            <button class="btn btn-outline-warning btn-sm" onclick="showModalAlasan('kembalikan-dari-pajak')">
                <i class="bx bx-undo me-1"></i> Kembalikan ke Validasi
            </button>
            @endif

            {{-- Cetak PDF saat selesai --}}
            @if($kso->isSelesai())
            @can('penjualan_kso.validasi')
            <button class="btn btn-outline-secondary btn-sm" onclick="bukaPdfModal('{{ route('penjualan-kso.pdf-faktur', $kso->id) }}')">
                <i class="bx bx-file-blank me-1"></i> Faktur
            </button>
            <button class="btn btn-outline-secondary btn-sm" onclick="bukaPdfModal('{{ route('penjualan-kso.pdf-tanda-terima', $kso->id) }}')">
                <i class="bx bx-file me-1"></i> Tanda Terima
            </button>
            <button class="btn btn-outline-secondary btn-sm" onclick="bukaPdfModal('{{ route('penjualan-kso.pdf-kwitansi', $kso->id) }}')">
                <i class="bx bx-money me-1"></i> Kwitansi
            </button>
            @endcan
            {{-- Batal --}}
            @can('penjualan_kso.batal')
            <button class="btn btn-outline-danger btn-sm" onclick="showModalAlasan('batalkan')">
                <i class="bx bx-x-circle me-1"></i> Batalkan
            </button>
            @endcan
            @endif

            <a href="{{ route('penjualan-kso.index') }}" class="btn btn-secondary btn-sm">
                <i class="bx bx-arrow-back me-1"></i> Kembali
            </a>
        </div>
    </div>

    @if($kso->alasan_batal)
    <div class="alert alert-danger mb-3">
        <strong><i class="bx bx-x-circle me-1"></i> Dibatalkan:</strong>
        <span class="text-dark">{{ $kso->alasan_batal }}</span>
        <small class="text-muted ms-2">— oleh {{ $kso->dibatalkanOleh?->nama ?? '?' }} {{ $kso->dibatalkan_at?->locale('id')->diffForHumans() }}</small>
    </div>
    @endif

    @if($kso->alasan_kembali)
    <div class="alert alert-warning mb-3">
        <strong><i class="bx bx-info-circle me-1"></i> Catatan pengembalian:</strong>
        <span class="text-dark">{{ $kso->alasan_kembali }}</span>
    </div>
    @endif

    <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 KSO</div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="info-label">Nomor KSO</div>
                            <div class="info-value fw-bold text-primary">{{ $kso->nomor_penjualan_kso }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Status</div>
                            <div>
                                @php $st = match($kso->status) {
                                    'draft_pemakaian' => ['secondary','Draft Pemakaian'],
                                    'divalidasi'      => ['primary','Divalidasi'],
                                    'valid'           => ['warning','Upload eFaktur PPN'],
                                    'selesai'         => ['success','Selesai'],
                                    default           => ['secondary','-'],
                                }; @endphp
                                <span class="badge bg-{{ $st[0] }} fs-13">{{ $st[1] }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Transaksi</div>
                            <div class="info-value">{{ $kso->tanggal_transaksi->format('d/m/Y') }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Faskes KSO</div>
                            <div class="info-value fw-semibold">{{ $kso->nama_faskes }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Nama Pasien</div>
                            <div class="info-value">{{ $kso->nama_pasien }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Pemakaian</div>
                            <div class="info-value">{{ $kso->tgl_pemakaian->format('d/m/Y') }}</div>
                        </div>
                        @if($kso->no_transaksi)
                        <div class="col-md-4">
                            <div class="info-label">No. Transaksi</div>
                            <div class="info-value">{{ $kso->no_transaksi }}</div>
                        </div>
                        @endif
                        @if($kso->nomor_po)
                        <div class="col-md-4">
                            <div class="info-label">No. PO</div>
                            <div class="info-value">{{ $kso->nomor_po }}</div>
                        </div>
                        @endif
                        @if($kso->tanggal_penjualan)
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Penjualan</div>
                            <div class="info-value">{{ $kso->tanggal_penjualan->format('d/m/Y') }}</div>
                        </div>
                        @endif
                        @if($kso->tanggal_jatuh_tempo)
                        <div class="col-md-4">
                            <div class="info-label">Jatuh Tempo</div>
                            <div class="info-value">{{ $kso->tanggal_jatuh_tempo->format('d/m/Y') }}</div>
                        </div>
                        @endif
                        @if($kso->catatan)
                        <div class="col-12">
                            <div class="info-label">Catatan</div>
                            <div class="info-value">{{ $kso->catatan }}</div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        {{-- Status & Faktur PPN --}}
        <div class="col-md-4">
            {{-- Timeline --}}
            <div class="card custom-card mb-3">
                <div class="card-header py-2">
                    <div class="card-title mb-0 fs-14"><i class="bx bx-list-check me-1"></i>Timeline Status</div>
                </div>
                <div class="card-body py-2">
                    @php
                    $doneStatuses = ['diajukan','valid','selesai'];
                    $allStatuses  = ['draft_pemakaian','diajukan','valid','selesai'];
                    $curIdx = array_search($kso->status, $allStatuses);
                    @endphp
                    <div class="timeline-step {{ $kso->dibuat_oleh ? 'done' : '' }}">
                        <div class="fw-semibold small">Draft Pemakaian</div>
                        @if($kso->dibuatOleh)
                        <div class="text-muted" style="font-size:.78rem">oleh {{ $kso->dibuatOleh->nama }}</div>
                        @endif
                    </div>
                    <div class="timeline-step {{ $kso->diajukan_at ? 'done' : '' }}">
                        <div class="fw-semibold small">Divalidasi</div>
                        @if($kso->diajukan_at)
                        <div class="text-muted" style="font-size:.78rem">oleh {{ $kso->diajukanOleh?->nama }} — {{ $kso->diajukan_at->format('d/m/Y H:i') }}</div>
                        @endif
                    </div>
                    <div class="timeline-step {{ $kso->divalidasi_at ? 'done' : '' }}">
                        <div class="fw-semibold small">Validasi (Kepala Sales)</div>
                        @if($kso->divalidasi_at)
                        <div class="text-muted" style="font-size:.78rem">oleh {{ $kso->divalidasiOleh?->nama }} — {{ $kso->divalidasi_at->format('d/m/Y H:i') }}</div>
                        @endif
                    </div>
                    <div class="timeline-step {{ $kso->diselesaikan_at ? 'active' : '' }}">
                        <div class="fw-semibold small">Selesai (Upload PPN)</div>
                        @if($kso->diselesaikan_at)
                        <div class="text-muted" style="font-size:.78rem">oleh {{ $kso->diselesaikanOleh?->nama }} — {{ $kso->diselesaikan_at->format('d/m/Y H:i') }}</div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Faktur PPN --}}
            @if($kso->isValid() || $kso->isSelesai())
            <div class="card custom-card">
                <div class="card-header py-2">
                    <div class="card-title mb-0 fs-14"><i class="bx bx-file-blank me-1 text-warning"></i>eFaktur PPN</div>
                </div>
                <div class="card-body py-3">
                    @if($kso->faktur_ppn_path)
                    <div class="d-flex align-items-center gap-2 mb-2">
                        <i class="bx bx-check-circle text-success fs-22"></i>
                        <div>
                            <div class="fw-semibold small">Faktur PPN Terupload</div>
                            <a href="{{ $kso->faktur_ppn_url }}" target="_blank" class="small text-primary">Buka PDF</a>
                        </div>
                    </div>
                    @can('penjualan_kso.pajak')
                    @if($kso->isValid())
                    <button type="button" class="btn btn-outline-danger btn-sm w-100" onclick="doHapusFaktur()">
                        <i class="bx bx-trash me-1"></i> Hapus Faktur
                    </button>
                    @endif
                    @endcan
                    @else
                    @can('penjualan_kso.pajak')
                    @if($kso->isValid())
                    <div class="drop-zone" id="dropZone">
                        <i class="bx bx-cloud-upload fs-24 text-muted"></i>
                        <div class="mt-1 small text-muted">Drag & drop atau klik untuk upload eFaktur PPN (PDF)</div>
                        <input type="file" id="inputFaktur" accept=".pdf" class="d-none">
                    </div>
                    @endif
                    @endcan
                    @if(!$kso->faktur_ppn_path)
                    <div class="text-muted small text-center mt-2"><i class="bx bx-info-circle me-1"></i> Belum ada faktur</div>
                    @endif
                    @endif
                </div>
            </div>
            @endif
        </div>
    </div>

    {{-- Tabel Barang --}}
    <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>Barang</th>
                            <th>Ukuran</th>
                            <th class="text-center">Satuan</th>
                            <th class="text-center">Qty</th>
                            <th class="text-end">Harga Jual</th>
                            <th class="text-end">Subtotal</th>
                            <th>Lot (Stok KSO)</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($kso->items as $i => $item)
                        <tr>
                            <td class="text-center">{{ $i + 1 }}</td>
                            <td>
                                <div class="fw-semibold">{{ $item->nama_barang }}</div>
                                <div class="text-muted small">{{ $item->kode_barang }}</div>
                            </td>
                            <td>{{ $item->ukuran ?: '—' }}</td>
                            <td class="text-center">{{ $item->satuan }}</td>
                            <td class="text-center fw-semibold">{{ $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>
                            <td>
                                @if($item->itemStoks->isNotEmpty())
                                    @foreach($item->itemStoks as $lot)
                                    <div class="small">
                                        <span class="badge bg-light text-dark border">
                                            {{ $lot->no_lot ?: 'Tanpa lot' }} — ED: {{ $lot->tanggal_kedaluwarsa?->format('d/m/Y') ?? '—' }}
                                            — Qty: {{ $lot->qty_ambil }}
                                        </span>
                                    </div>
                                    @endforeach
                                @else
                                <span class="text-muted small">—</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="6" class="text-end">Subtotal</td>
                            <td class="text-end">Rp {{ number_format($kso->subtotal, 0, ',', '.') }}</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="6" class="text-end text-muted">DPP (11/12 × Subtotal)</td>
                            <td class="text-end text-muted">Rp {{ number_format($kso->dpp, 0, ',', '.') }}</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="6" class="text-end text-muted">PPN 12%</td>
                            <td class="text-end text-muted">Rp {{ number_format($kso->ppn, 0, ',', '.') }}</td>
                            <td></td>
                        </tr>
                        <tr class="fw-bold fs-15">
                            <td colspan="6" class="text-end">Total Harga</td>
                            <td class="text-end text-primary">Rp {{ number_format($kso->total_harga, 0, ',', '.') }}</td>
                            <td></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- Modal Alasan --}}
<div class="modal fade" id="modalAlasan" tabindex="-1" data-bs-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title mb-0" id="modalAlasanTitle">Konfirmasi</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <label class="form-label fw-semibold">Alasan <span class="text-danger">*</span></label>
                <textarea id="inputAlasan" class="form-control" rows="3" placeholder="Masukkan alasan..."></textarea>
            </div>
            <div class="modal-footer py-2">
                <button class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Batal</button>
                <button class="btn btn-warning btn-sm" id="btnSubmitAlasan" onclick="submitAlasan()">Kirim</button>
            </div>
        </div>
    </div>
</div>

{{-- Modal PDF Preview --}}
<div class="modal fade" id="modalPdfPreview" tabindex="-1">
    <div class="modal-dialog modal-xl" style="max-width:88vw">
        <div class="modal-content" style="height:90vh">
            <div class="modal-header py-2">
                <h6 class="modal-title mb-0"><i class="bx bx-file-blank me-2"></i>Dokumen KSO</h6>
                <div class="d-flex gap-2 ms-auto me-2">
                    <a id="btnDlPdf" href="#" target="_blank" class="btn btn-success btn-sm">
                        <i class="bx bx-download me-1"></i> Download
                    </a>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal"
                        onclick="document.getElementById('iframePdf').src=''"></button>
            </div>
            <div class="modal-body p-0" style="flex:1;overflow:hidden">
                <iframe id="iframePdf" 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 KSO_ID   = {{ $kso->id }};
let currentAction = '';

function doAjukan() {
    Swal.fire({ title:'Ajukan Pemakaian?', text:'Stok KSO akan dikurangi sesuai daftar barang.',
        icon:'question', showCancelButton:true, confirmButtonColor:'#198754',
        confirmButtonText:'Ya, Ajukan', cancelButtonText:'Batal' })
    .then(r => { if (!r.isConfirmed) return; doPost(`${BASE_URL}/penjualan-kso/${KSO_ID}/ajukan`); });
}

function doValidasi() {
    Swal.fire({ title:'Validasi Penjualan KSO?', icon:'question', showCancelButton:true,
        confirmButtonColor:'#7c3aed', confirmButtonText:'Ya, Validasi', cancelButtonText:'Batal' })
    .then(r => { if (!r.isConfirmed) return; doPost(`${BASE_URL}/penjualan-kso/${KSO_ID}/validasi`); });
}

function doSelesaikan() {
    Swal.fire({ title:'Selesaikan Penjualan KSO?', text:'Pastikan eFaktur PPN sudah terupload.',
        icon:'question', showCancelButton:true, confirmButtonColor:'#198754',
        confirmButtonText:'Ya, Selesaikan', cancelButtonText:'Batal' })
    .then(r => { if (!r.isConfirmed) return; doPost(`${BASE_URL}/penjualan-kso/${KSO_ID}/selesaikan`); });
}

function doHapus() {
    Swal.fire({ title:'Hapus Draft?', text:'Data ini akan dihapus permanen.',
        icon:'warning', showCancelButton:true, confirmButtonColor:'#dc3545',
        confirmButtonText:'Ya, Hapus', cancelButtonText:'Batal' })
    .then(r => {
        if (!r.isConfirmed) return;
        $.ajax({ url:`${BASE_URL}/penjualan-kso/${KSO_ID}`, method:'POST',
            data:{ _token:CSRF, _method:'DELETE' },
            success: () => window.location.href = BASE_URL + '/penjualan-kso',
            error:   () => Swal.fire('Gagal','Tidak dapat menghapus.','error') });
    });
}

function showModalAlasan(action) {
    currentAction = action;
    const labels = {
        'kembalikan-dari-validasi': 'Kembalikan ke Draft (Batal Divalidasi)',
        'kembalikan-dari-pajak':    'Kembalikan ke Menunggu Validasi',
        'batalkan':                 'Batalkan Penjualan KSO',
    };
    document.getElementById('modalAlasanTitle').textContent = labels[action] ?? 'Konfirmasi';
    document.getElementById('inputAlasan').value = '';
    bootstrap.Modal.getOrCreateInstance(document.getElementById('modalAlasan')).show();
}

function submitAlasan() {
    const alasan = document.getElementById('inputAlasan').value.trim();
    if (!alasan) { Swal.fire('Perhatian','Alasan wajib diisi.','warning'); return; }
    doPost(`${BASE_URL}/penjualan-kso/${KSO_ID}/${currentAction}`, { alasan });
    bootstrap.Modal.getInstance(document.getElementById('modalAlasan')).hide();
}

function doPost(url, extraData = {}) {
    $.ajax({
        url, method: 'POST',
        data: { _token: CSRF, ...extraData },
        success: r => {
            if (r.success) {
                Swal.fire({ icon:'success', title:'Berhasil', timer:1500, showConfirmButton:false })
                    .then(() => location.reload());
            }
        },
        error: xhr => Swal.fire('Gagal', xhr.responseJSON?.message ?? 'Terjadi kesalahan.', 'error'),
    });
}

function doHapusFaktur() {
    Swal.fire({ title:'Hapus Faktur PPN?', icon:'warning', showCancelButton:true,
        confirmButtonColor:'#dc3545', confirmButtonText:'Ya, Hapus', cancelButtonText:'Batal' })
    .then(r => {
        if (!r.isConfirmed) return;
        $.ajax({ url:`${BASE_URL}/penjualan-kso/${KSO_ID}/faktur`, method:'POST',
            data:{ _token:CSRF, _method:'DELETE' },
            success: () => location.reload(),
            error:   () => Swal.fire('Gagal','Tidak dapat menghapus faktur.','error') });
    });
}

function bukaPdfModal(url) {
    document.getElementById('iframePdf').src = url;
    document.getElementById('btnDlPdf').href  = url;
    bootstrap.Modal.getOrCreateInstance(document.getElementById('modalPdfPreview')).show();
}

document.getElementById('modalPdfPreview').addEventListener('hidden.bs.modal', function () {
    document.getElementById('iframePdf').src = '';
});

// Upload Faktur PPN
@can('penjualan_kso.pajak')
@if($kso->isValid() && !$kso->faktur_ppn_path)
$(function () {
    const dropZone   = document.getElementById('dropZone');
    const inputFaktur = document.getElementById('inputFaktur');
    if (!dropZone) return;

    dropZone.addEventListener('click', () => inputFaktur.click());
    dropZone.addEventListener('dragover', e => { e.preventDefault(); dropZone.classList.add('dragover'); });
    dropZone.addEventListener('dragleave', () => dropZone.classList.remove('dragover'));
    dropZone.addEventListener('drop', e => {
        e.preventDefault(); dropZone.classList.remove('dragover');
        if (e.dataTransfer.files.length) uploadFaktur(e.dataTransfer.files[0]);
    });
    inputFaktur.addEventListener('change', () => { if (inputFaktur.files.length) uploadFaktur(inputFaktur.files[0]); });

    function uploadFaktur(file) {
        if (!file.name.endsWith('.pdf')) { Swal.fire('Format salah','Hanya file PDF.','warning'); return; }
        const fd = new FormData();
        fd.append('_token', CSRF);
        fd.append('faktur', file);
        $.ajax({ url:`${BASE_URL}/penjualan-kso/${KSO_ID}/upload-faktur`, method:'POST', data:fd,
            processData:false, contentType:false,
            success: () => { Swal.fire({ icon:'success', title:'Berhasil', timer:1500, showConfirmButton:false }).then(() => location.reload()); },
            error:   () => Swal.fire('Gagal','Upload gagal.','error'),
        });
    }
});
@endif
@endcan
</script>
@endsection