@extends('layouts.master')

@section('title', 'Detail Faktur ' . $faktur->nomor)

@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; }
    .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: var(--tl-color, #7c3aed); }
    .timeline-step.active::before { background: var(--tl-color, #dc6f00); }
    #tblItems thead th { background:#f8f5ff; color:#7c3aed; border:1px solid #e9d5ff; font-size:.82rem; }
    #tblItems tbody td { border:1px solid #f0e8ff; font-size:.82rem; vertical-align:middle; }
    #tblItems tfoot td { background:#faf5ff; font-weight:600; border:1px solid #e9d5ff; }
</style>
@endsection

@section('content')
<div class="container-fluid">
    <div class="d-md-flex align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <p class="fw-semibold fs-18 mb-0">Detail Faktur Penjualan KSO</p>
            <span class="fs-13 text-muted">Penjualan &rarr; <a href="{{ route('penjualan.faktur-kso.index') }}">Faktur KSO</a> &rarr; {{ $faktur->nomor }}</span>
        </div>
        <div class="d-flex gap-2 flex-wrap mt-2 mt-md-0">
            @if($faktur->isDraft())
                @can('penjualan_kso_faktur.validasi')
                <button class="btn btn-success btn-sm" onclick="doValidasi()"><i class="bx bx-check-circle me-1"></i> Validasi</button>
                @endcan
                @can('penjualan_kso_faktur.edit')
                <a href="{{ route('penjualan.faktur-kso.edit', $faktur->id) }}" class="btn btn-warning btn-sm"><i class="bx bx-edit me-1"></i> Edit</a>
                @endcan
                @can('penjualan_kso_faktur.delete')
                <button class="btn btn-outline-danger btn-sm" onclick="doHapus()"><i class="bx bx-trash me-1"></i> Hapus</button>
                @endcan
            @elseif($faktur->isUploadPpn())
                @can('penjualan_kso_faktur.pajak')
                <button class="btn btn-info btn-sm text-white" onclick="doCetakDokumen()"><i class="bx bx-check-double me-1"></i> Cetak Dokumen</button>
                @endcan
            @elseif($faktur->isCetakDokumen())
                @can('penjualan_kso_faktur.process')
                @include('penjualan.faktur-penjualan-kso._cetak-buttons', ['faktur' => $faktur])
                <button class="btn btn-success btn-sm" onclick="doSelesaikan()"><i class="bx bx-flag me-1"></i> Selesaikan</button>
                @endcan
            @elseif($faktur->isSelesai())
                @can('penjualan_kso_faktur.process')
                @include('penjualan.faktur-penjualan-kso._cetak-buttons', ['faktur' => $faktur])
                @endcan
            @endif
            <a href="{{ route('penjualan.faktur-kso.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 Faktur --}}
        <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 Faktur</div></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="info-label">Nomor Faktur</div>
                            <div class="info-value fw-bold text-primary">{{ $faktur->nomor }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Status</div>
                            @php $st = match($faktur->status) {
                                'draft'         => ['secondary','Draft'],
                                'divalidasi'    => ['primary','Divalidasi'],
                                'upload_ppn'    => ['warning','Upload eFaktur'],
                                'cetak_dokumen' => ['info','Cetak Dokumen'],
                                'selesai'       => ['success','Selesai'],
                                default         => ['secondary','-'],
                            }; @endphp
                            <span class="badge bg-{{ $st[0] }} fs-13">{{ $st[1] }}</span>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Faktur</div>
                            <div class="info-value">{{ $faktur->tanggal_faktur->format('d/m/Y') }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Tgl. Jatuh Tempo</div>
                            <div class="info-value">{{ $faktur->tgl_jatuh_tempo ? $faktur->tgl_jatuh_tempo->format('d/m/Y') : '—' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Jenis PPN</div>
                            @php $ppnLabel = match($faktur->jenis_ppn) {
                                'sudah_ppn' => ['success', 'Sudah PPN'],
                                'tanpa_ppn' => ['secondary', 'Tanpa PPN'],
                                default     => ['warning', 'Belum PPN'],
                            }; @endphp
                            <span class="badge bg-{{ $ppnLabel[0] }}">{{ $ppnLabel[1] }}</span>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">Faskes KSO</div>
                            <div class="info-value fw-semibold">{{ $faktur->nama_faskes }}</div>
                        </div>
                        @if($faktur->nomor_efaktur)
                        <div class="col-md-4">
                            <div class="info-label">No. eFaktur PPN</div>
                            <div class="info-value">{{ $faktur->nomor_efaktur }}</div>
                        </div>
                        @endif
                        @if($faktur->catatan)
                        <div class="col-12">
                            <div class="info-label">Catatan</div>
                            <div class="info-value">{{ $faktur->catatan }}</div>
                        </div>
                        @endif
                    </div>

                    {{-- Section eFaktur PPN --}}
                    @if($faktur->isValidasi() || $faktur->isUploadPpn() || $faktur->isCetakDokumen() || $faktur->isSelesai())
                    <hr class="my-3">
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <div class="info-label mb-0">eFaktur PPN</div>
                        @can('penjualan_kso_faktur.pajak')
                        @if($faktur->isValidasi() || $faktur->isUploadPpn())
                        <button class="btn btn-primary btn-sm py-1 px-2" data-bs-toggle="modal" data-bs-target="#modalUploadPpn">
                            <i class="bx bx-upload me-1"></i>
                            {{ $faktur->faktur_ppn_url ? 'Ganti eFaktur' : 'Upload eFaktur PPN' }}
                        </button>
                        @endif
                        @endcan
                    </div>
                    @if($faktur->faktur_ppn_url)
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        @if($faktur->nomor_efaktur)
                        <div class="text-muted small"><i class="bx bx-hash me-1"></i>{{ $faktur->nomor_efaktur }}</div>
                        @endif
                        <a href="{{ $faktur->faktur_ppn_url }}" target="_blank" class="btn btn-outline-secondary btn-sm py-1 px-2">
                            <i class="bx bx-file-pdf me-1 text-danger"></i> Lihat eFaktur
                        </a>
                        @can('penjualan_kso_faktur.pajak')
                        @if($faktur->isUploadPpn())
                        <button onclick="doHapusPpn()" class="btn btn-outline-danger btn-sm py-1 px-2">
                            <i class="bx bx-trash me-1"></i> Hapus
                        </button>
                        @endif
                        @endcan
                    </div>
                    @else
                    <div class="text-muted small"><i class="bx bx-info-circle me-1"></i>Belum ada file eFaktur PPN yang diupload.</div>
                    @endif
                    @endif
                </div>
            </div>
        </div>

        {{-- Timeline --}}
        <div class="col-md-4">
            <div class="card custom-card h-100">
                <div class="card-header py-2"><div class="card-title mb-0 fs-14"><i class="bx bx-history me-1"></i>Riwayat Aktivitas</div></div>
                <div class="card-body py-2">
                    <div class="timeline-step done">
                        <div class="fw-semibold small">Faktur dibuat</div>
                        @if($faktur->dibuatOleh)<div class="text-muted" style="font-size:.78rem">oleh {{ $faktur->dibuatOleh->nama }}</div>@endif
                        <div class="text-muted" style="font-size:.78rem">{{ $faktur->created_at->format('d/m/Y H:i') }}</div>
                    </div>

                    @foreach($activities as $act)
                    @php
                        $isWarning = str_contains($act->description, 'dilepas') || str_contains($act->description, 'dihapus');
                        $stepClass = $isWarning ? 'active' : 'done';
                        $color     = $isWarning ? '#dc6f00' : '#7c3aed';
                    @endphp
                    <div class="timeline-step {{ $stepClass }}" style="--tl-color:{{ $color }}">
                        <div class="fw-semibold small" style="color:{{ $color }}">{{ $act->description }}</div>
                        <div class="text-muted" style="font-size:.78rem">oleh {{ $act->causer?->nama ?? '—' }}</div>
                        <div class="text-muted" style="font-size:.78rem">{{ $act->created_at->format('d/m/Y H:i') }}</div>
                    </div>
                    @endforeach

                    @if($activities->isEmpty())
                    <div class="text-muted small py-2">Belum ada riwayat aktivitas tercatat.</div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Daftar Pemakaian & Items --}}
    @foreach($faktur->pemakaians as $pemakaian)
    <div class="card custom-card mb-3">
        <div class="card-header py-2 d-flex justify-content-between align-items-center">
            <div>
                <i class="bx bx-receipt me-2 text-secondary"></i>
                <strong>{{ $pemakaian->nomor_penjualan_kso }}</strong>
                <span class="text-muted ms-2">— {{ $pemakaian->nama_pasien }}</span>
                @if($pemakaian->jenis_pasien)<span class="badge bg-light text-dark border ms-1">{{ ucfirst($pemakaian->jenis_pasien) }}</span>@endif
                <span class="text-muted ms-2 small">Tgl: {{ $pemakaian->tgl_pemakaian->format('d/m/Y') }}</span>
            </div>
            <a href="{{ route('penjualan.pemakaian-barang.show', $pemakaian->id) }}" target="_blank" class="btn btn-outline-secondary btn-sm py-0 px-2">
                <i class="bx bx-link-external"></i>
            </a>
        </div>
        <div class="card-body p-0">
            <table id="tblItems" class="table mb-0">
                <thead>
                    <tr>
                        <th class="text-center" style="width:36px">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>No. Surat Jalan</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($pemakaian->items as $i => $item)
                    <tr>
                        <td class="text-center">{{ $i + 1 }}</td>
                        <td>
                            <div class="fw-semibold">{{ $item->nama_barang }}</div>
                            @if($item->barang?->manufaktur)
                            <div class="text-muted small">{{ $item->barang->manufaktur }}</div>
                            @endif
                            @php
                                $jenisNie = $item->barang?->jenis_nie ?? $item->barang?->merekBarang?->jenis_nie;
                                $noNie    = $item->barang?->no_nie    ?? $item->barang?->merekBarang?->no_nie;
                            @endphp
                            @if($jenisNie || $noNie)
                            <div class="text-muted small">{{ implode(' · ', array_filter([$jenisNie, $noNie])) }}</div>
                            @endif
                        </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 class="small text-muted">{{ $item->nomor_kirim ?: '—' }}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="6" class="text-end">Subtotal Pemakaian</td>
                        <td class="text-end">Rp {{ number_format($pemakaian->subtotal, 0, ',', '.') }}</td>
                        <td></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
    @endforeach

    {{-- Total Faktur --}}
    <div class="card custom-card">
        <div class="card-body p-0">
            <table class="table mb-0" style="max-width:320px;margin-left:auto">
                <tr><td class="text-muted ps-3">Subtotal</td><td class="text-end pe-3 fw-semibold">Rp {{ number_format($faktur->subtotal, 0, ',', '.') }}</td></tr>
                @if($faktur->jenis_ppn === 'belum_ppn')
                <tr><td class="text-muted ps-3">DPP (11/12)</td><td class="text-end pe-3 text-muted">Rp {{ number_format($faktur->dpp, 0, ',', '.') }}</td></tr>
                <tr><td class="text-muted ps-3">PPN 12%</td><td class="text-end pe-3 text-muted">Rp {{ number_format($faktur->ppn, 0, ',', '.') }}</td></tr>
                @elseif($faktur->jenis_ppn === 'sudah_ppn')
                <tr><td class="text-muted ps-3" colspan="2"><small class="text-success"><i class="bx bx-check-circle me-1"></i>Harga sudah termasuk PPN</small></td></tr>
                @elseif($faktur->jenis_ppn === 'tanpa_ppn')
                <tr><td class="text-muted ps-3" colspan="2"><small class="text-secondary"><i class="bx bx-info-circle me-1"></i>Tanpa PPN</small></td></tr>
                @endif
                <tr class="table-light fw-bold fs-15"><td class="ps-3">Total Harga</td><td class="text-end pe-3 text-primary">Rp {{ number_format($faktur->total_harga, 0, ',', '.') }}</td></tr>
            </table>
        </div>
    </div>
</div>

{{-- Modal Upload eFaktur --}}
<div class="modal fade" id="modalUploadPpn" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"><h6 class="modal-title">Upload eFaktur PPN</h6><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">Nomor eFaktur <span class="text-danger">*</span></label>
                    <input type="text" id="inputNomorEfaktur" class="form-control" maxlength="50" placeholder="cth: 010.000-26.12345678">
                </div>
                <div class="mb-3">
                    <label class="form-label">File eFaktur (PDF/JPG/PNG) <span class="text-danger">*</span></label>
                    <input type="file" id="inputFilePpn" class="form-control" accept=".pdf">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Batal</button>
                <button class="btn btn-primary btn-sm" onclick="doUploadPpn()"><i class="bx bx-upload me-1"></i> Upload & Lanjut</button>
            </div>
        </div>
    </div>
</div>

{{-- Modal Riwayat Aktivitas Faktur --}}
<div class="modal fade" id="modalAktivitasFaktur" 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 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="aktivitasFakturFrame" src="" style="width:100%;height:100%;border:none;"></iframe>
            </div>
        </div>
    </div>
</div>

{{-- Modal PDF Faktur --}}
<div class="modal fade" id="modalFakturPdf" tabindex="-1">
    <div class="modal-dialog modal-xl" style="max-width:88vw">
        <div class="modal-content" style="height:90vh;display:flex;flex-direction:column">
            <div class="modal-header py-2">
                <h6 class="modal-title mb-0" id="modalFakturPdfTitle"><i class="bx bx-file-blank me-1"></i></h6>
                <a id="btnUnduhFakturPdf" href="#" target="_blank" class="btn btn-success btn-sm ms-2">
                    <i class="bx bx-download me-1"></i> Download PDF
                </a>
                <button type="button" class="btn-close ms-2" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body p-0" style="flex:1;overflow:hidden">
                <iframe id="iframeFakturPdf" src="" style="width:100%;height:100%;border:none"></iframe>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
function previewFakturPdf(url, title) {
    document.getElementById('iframeFakturPdf').src = url;
    document.getElementById('btnUnduhFakturPdf').href = url;
    document.getElementById('modalFakturPdfTitle').textContent = title;
    new bootstrap.Modal(document.getElementById('modalFakturPdf')).show();
}
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('modalFakturPdf').addEventListener('hidden.bs.modal', function() {
        document.getElementById('iframeFakturPdf').src = '';
    });
});
const BASE_URL  = "{{ url('/') }}";
const CSRF      = "{{ csrf_token() }}";
const FAKTUR_ID = {{ $faktur->id }};

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

function doValidasi() {
    Swal.fire({ title:'Validasi Faktur?', text:'Faktur akan divalidasi dan siap upload eFaktur.', icon:'question',
        showCancelButton:true, confirmButtonColor:'#198754', confirmButtonText:'Ya, Validasi', cancelButtonText:'Batal' })
        .then(r => { if(r.isConfirmed) doPost(`${BASE_URL}/faktur-penjualan-kso/${FAKTUR_ID}/validasi`, {}); });
}

function doHapus() {
    Swal.fire({ title:'Hapus Draft?', icon:'warning', showCancelButton:true,
        confirmButtonColor:'#dc3545', confirmButtonText:'Ya, Hapus' })
        .then(r => { if(!r.isConfirmed) return;
            $.ajax({ url:`${BASE_URL}/faktur-penjualan-kso/${FAKTUR_ID}`, method:'POST',
                data:{ _token:CSRF, _method:'DELETE' },
                success: () => window.location.href = `${BASE_URL}/faktur-penjualan-kso`,
                error: xhr => Swal.fire('Gagal', xhr.responseJSON?.message ?? 'Error', 'error') });
        });
}

function doUploadPpn() {
    const nomor = $('#inputNomorEfaktur').val().trim();
    const file  = $('#inputFilePpn')[0].files[0];
    if (!nomor) { Swal.fire('Perhatian', 'Nomor eFaktur wajib diisi.', 'warning'); return; }
    if (!file)  { Swal.fire('Perhatian', 'File wajib dipilih.', 'warning'); return; }

    const fd = new FormData();
    fd.append('_token', CSRF);
    fd.append('nomor_efaktur', nomor);
    fd.append('faktur_ppn', file);

    $.ajax({ url:`${BASE_URL}/faktur-penjualan-kso/${FAKTUR_ID}/upload-ppn`, method:'POST', data:fd,
        processData:false, contentType:false,
        success: r => { if(r.success) { bootstrap.Modal.getInstance(document.getElementById('modalUploadPpn')).hide();
            Swal.fire({icon:'success',title:'Upload Berhasil',timer:1300,showConfirmButton:false}).then(()=>location.reload()); } },
        error: xhr => Swal.fire('Gagal', xhr.responseJSON?.message ?? 'Upload gagal.', 'error'),
    });
}

function doHapusPpn() {
    Swal.fire({ title:'Hapus eFaktur?', icon:'warning', showCancelButton:true, confirmButtonColor:'#dc3545', confirmButtonText:'Ya, Hapus' })
        .then(r => { if(!r.isConfirmed) return;
            $.ajax({ url:`${BASE_URL}/faktur-penjualan-kso/${FAKTUR_ID}/hapus-ppn`, method:'POST',
                data:{ _token:CSRF, _method:'DELETE' },
                success: () => { Swal.fire({icon:'success',timer:1000,showConfirmButton:false}).then(()=>location.reload()); },
                error: xhr => Swal.fire('Gagal', xhr.responseJSON?.message ?? 'Error', 'error') });
        });
}

function doCetakDokumen() {
    Swal.fire({ title:'Cetak Dokumen?', text:'Faktur siap dicetak. eFaktur sudah benar?', icon:'question',
        showCancelButton:true, confirmButtonColor:'#0dcaf0', confirmButtonText:'Ya, Lanjutkan' })
        .then(r => { if(r.isConfirmed) doPost(`${BASE_URL}/faktur-penjualan-kso/${FAKTUR_ID}/cetak-dokumen`, {}); });
}

function bukaModalAktivitas() {
    const frame = document.getElementById('aktivitasFakturFrame');
    frame.src = `${BASE_URL}/faktur-penjualan-kso/${FAKTUR_ID}/cetak-aktivitas`;
    new bootstrap.Modal(document.getElementById('modalAktivitasFaktur')).show();
}
document.getElementById('modalAktivitasFaktur').addEventListener('hidden.bs.modal', () => {
    document.getElementById('aktivitasFakturFrame').src = '';
});

function doSelesaikan() {
    Swal.fire({ title:'Selesaikan?', text:'Faktur akan ditandai Selesai.', icon:'question',
        showCancelButton:true, confirmButtonColor:'#198754', confirmButtonText:'Ya, Selesai' })
        .then(r => { if(r.isConfirmed) doPost(`${BASE_URL}/faktur-penjualan-kso/${FAKTUR_ID}/selesaikan`, {}); });
}
</script>
@endsection