@extends('layouts.master')

@section('title', 'Hasil Stok Opname — ' . $so->nomor_opname)

@section('styles')
<style>
    .tbl-hasil thead th { background:#f8f5ff; color:#7c3aed; border:1px solid #e9d5ff; font-size:.82rem; }
    .tbl-hasil tbody td { border:1px solid #f0e8ff; vertical-align:middle; padding:6px 8px; font-size:.85rem; }
    .chip { display:inline-block; padding:2px 8px; border-radius:20px; font-size:.78rem; font-weight:500; }
    .chip-kurang  { background:#fee2e2; color:#991b1b; border:1px solid #fca5a5; }
    .chip-lebih   { background:#dbeafe; color:#1e40af; border:1px solid #93c5fd; }
    .chip-anomali { background:#fef9c3; color:#854d0e; border:1px solid #fde68a; }
    .chip-cocok   { background:#d1fae5; color:#065f46; border:1px solid #6ee7b7; }
    .section-title { font-weight:600; font-size:.92rem; padding:8px 0 4px; border-bottom:2px solid; margin-bottom:12px; }
    .section-kurang { border-color:#fca5a5; color:#991b1b; }
    .section-lebih  { border-color:#93c5fd; color:#1e40af; }
    .section-anomali{ border-color:#fde68a; color:#854d0e; }
    .section-cocok  { border-color:#6ee7b7; color:#065f46; }
</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">Hasil Stok Opname</p>
            <span class="fs-13 text-muted">Gudang &rarr; Stok Opname &rarr; {{ $so->nomor_opname }} &rarr; Hasil</span>
        </div>
        <div class="d-flex gap-2 mt-2 mt-md-0">
            <button class="btn btn-primary btn-sm px-2 py-1" onclick="bukaPdfPreview()">
                <i class="bx bx-printer me-1"></i> Cetak PDF
            </button>
            <a href="{{ route('gudang.stok-opname.show', $so->id) }}" class="btn btn-secondary btn-sm px-2 py-1">
                <i class="bx bx-arrow-back me-1"></i> Kembali
            </a>
        </div>
    </div>

    {{-- Info SO --}}
    <div class="card custom-card mb-3">
        <div class="card-body py-2">
            <div class="row g-2" style="font-size:.875rem">
                <div class="col-md-3"><span class="text-muted">Nomor:</span> <strong>{{ $so->nomor_opname }}</strong></div>
                <div class="col-md-3"><span class="text-muted">Gudang:</span> <strong>{{ $so->gudang->nama }}</strong></div>
                <div class="col-md-2"><span class="text-muted">Tanggal:</span> {{ $so->tanggal_opname->format('d-m-Y') }}</div>
                <div class="col-md-2"><span class="text-muted">Status:</span> <span class="badge bg-success">Selesai</span></div>
                <div class="col-md-2"><span class="text-muted">Diselesaikan:</span> {{ $so->diselesaikanOleh?->nama ?? '—' }}</div>
            </div>
        </div>
    </div>

    {{-- Card Foto Stok Opname --}}
    @php
        $fotoScans    = $so->fotos->filter(fn($f) => in_array($f->tipe, ['scan', null, '']));
        $fotoHardcopy = $so->fotos->where('tipe', 'hardcopy');
        $fotoPetugas  = $so->fotos->where('tipe', 'foto_petugas');
        $fotoTtd      = $so->fotos->where('tipe', 'ttd_rs')->first();
    @endphp
    @if($so->fotos->count() > 0)
    <div class="card custom-card mb-3">
        <div class="card-header d-flex align-items-center justify-content-between">
            <div class="card-title mb-0"><i class="bx bx-images me-2 text-primary"></i>Foto Stok Opname</div>
            <span class="badge bg-secondary">{{ $so->fotos->count() }}</span>
        </div>
        <div class="card-body p-2">
            {{-- Foto Scan --}}
            @if($fotoScans->count())
            <div class="fs-12 text-muted mb-1 fw-semibold">Foto Scan</div>
            <div class="d-flex flex-wrap gap-2 mb-2">
                @foreach($fotoScans as $foto)
                <img src="{{ $foto->url }}" style="width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e9ecef;cursor:pointer;"
                    onclick="window.open('{{ $foto->url }}','_blank')">
                @endforeach
            </div>
            @endif

            {{-- Hardcopy SO --}}
            @if($fotoHardcopy->count())
            <div class="border-top pt-2 mt-1">
                <div class="fs-12 fw-semibold text-muted mb-1">Hardcopy SO</div>
                <div class="d-flex flex-wrap gap-2 mb-1">
                    @foreach($fotoHardcopy as $foto)
                    <img src="{{ $foto->url }}" style="width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e9ecef;cursor:pointer;"
                        onclick="window.open('{{ $foto->url }}','_blank')">
                    @endforeach
                </div>
            </div>
            @endif

            {{-- Foto Petugas RS --}}
            @if($fotoPetugas->count() || $so->nama_petugas_rs)
            <div class="border-top pt-2 mt-2">
                <div class="fs-12 fw-semibold text-muted mb-1">Foto Petugas RS</div>
                @if($so->nama_petugas_rs)
                <div class="fs-13 mb-2"><i class="bx bx-user me-1 text-muted"></i>{{ $so->nama_petugas_rs }}</div>
                @endif
                @if($fotoPetugas->count())
                <div class="d-flex flex-wrap gap-2 mb-1">
                    @foreach($fotoPetugas as $foto)
                    <img src="{{ $foto->url }}" style="width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e9ecef;cursor:pointer;"
                        onclick="window.open('{{ $foto->url }}','_blank')">
                    @endforeach
                </div>
                @endif
            </div>
            @endif

            {{-- TTD Digital RS --}}
            @if($fotoTtd)
            <div class="border-top pt-2 mt-2">
                <div class="fs-12 fw-semibold text-muted mb-1">TTD Digital Rumah Sakit</div>
                <img src="{{ $fotoTtd->url }}" style="max-width:200px;max-height:80px;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;"
                    onclick="window.open('{{ $fotoTtd->url }}','_blank')">
            </div>
            @endif
        </div>
    </div>
    @endif

    {{-- Summary Cards --}}
    @php $totalKurang = $itemsKurang->count() + $stoksBelumDiscan->count(); @endphp
    <div class="row g-2 mb-4">
        <div class="col-6 col-md-3">
            <div class="card custom-card text-center py-2 h-100 d-flex flex-column justify-content-center" style="border-top:3px solid #6ee7b7">
                <div class="fs-24 fw-bold text-success">{{ $itemsCocok->count() }}</div>
                <div class="text-muted fs-12">Item Cocok</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card custom-card text-center py-2 h-100 d-flex flex-column justify-content-center" style="border-top:3px solid #fca5a5">
                <div class="fs-24 fw-bold text-danger">{{ $totalKurang }}</div>
                <div class="text-muted fs-12">Stok Kurang / Tidak Ditemukan</div>
                @if($stoksBelumDiscan->count() > 0)
                <div class="text-muted fs-12">{{ $stoksBelumDiscan->count() }} belum discan</div>
                @endif
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card custom-card text-center py-2 h-100 d-flex flex-column justify-content-center" style="border-top:3px solid #93c5fd">
                <div class="fs-24 fw-bold text-primary">{{ $itemsLebih->count() }}</div>
                <div class="text-muted fs-12">Stok Lebih</div>
                @if($itemsLebih->count() > 0)
                <div class="text-primary fs-12">Selisih: +{{ $itemsLebih->sum('selisih') }} pcs</div>
                @endif
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card custom-card text-center py-2 h-100 d-flex flex-column justify-content-center" style="border-top:3px solid #fde68a">
                <div class="fs-24 fw-bold text-warning">{{ $itemsAnomali->count() }}</div>
                <div class="text-muted fs-12">Anomali</div>
            </div>
        </div>
    </div>

    {{-- 1. Cocok --}}
    @if($itemsCocok->count() > 0)
    <div class="card custom-card mb-3">
        <div class="card-body">
            <div class="section-title section-cocok">
                <i class="bx bx-check me-1"></i>Stok Cocok ({{ $itemsCocok->count() }} item)
            </div>
            <div class="table-responsive">
                <table class="table tbl-hasil mb-0">
                    <thead>
                        <tr>
                            <th>Barang</th>
                            <th style="width:110px">No Lot</th>
                            <th style="width:110px">No Serial</th>
                            <th style="width:90px">Kedaluwarsa</th>
                            <th class="text-center" style="width:70px">Sistem</th>
                            <th class="text-center" style="width:70px">Fisik</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($itemsCocok as $item)
                        <tr>
                            <td><strong>{{ $item->nama_barang_scan ?? $item->barang?->nama ?? '—' }}</strong></td>
                            <td class="font-monospace">{{ $item->no_lot ?: '—' }}</td>
                            <td class="font-monospace">{{ $item->no_serial ?: '—' }}</td>
                            <td>{{ $item->tanggal_kedaluwarsa?->format('d-m-Y') ?? '—' }}</td>
                            <td class="text-center">{{ $item->qty_sistem }}</td>
                            <td class="text-center fw-bold text-success">{{ $item->qty_fisik }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- 2. Stok Kurang + Belum Discan --}}
    @if($totalKurang > 0)
    <div class="card custom-card mb-3">
        <div class="card-body">
            <div class="section-title section-kurang">
                <i class="bx bx-down-arrow-alt me-1"></i>Stok Kurang / Tidak Ditemukan ({{ $totalKurang }} item)
            </div>
            <div class="table-responsive">
                <table class="table tbl-hasil mb-0">
                    <thead>
                        <tr>
                            <th>Barang</th>
                            <th style="width:110px">No Lot</th>
                            <th style="width:110px">No Serial</th>
                            <th style="width:90px">Kedaluwarsa</th>
                            <th class="text-center" style="width:70px">Sistem</th>
                            <th class="text-center" style="width:70px">Fisik</th>
                            <th class="text-center" style="width:70px">Selisih</th>
                            <th style="width:110px">Keterangan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($itemsKurang as $item)
                        <tr>
                            <td><strong>{{ $item->nama_barang_scan ?? $item->barang?->nama ?? '—' }}</strong></td>
                            <td class="font-monospace">{{ $item->no_lot ?: '—' }}</td>
                            <td class="font-monospace">{{ $item->no_serial ?: '—' }}</td>
                            <td>{{ $item->tanggal_kedaluwarsa?->format('d-m-Y') ?? '—' }}</td>
                            <td class="text-center">{{ $item->qty_sistem }}</td>
                            <td class="text-center">{{ $item->qty_fisik }}</td>
                            <td class="text-center fw-bold text-danger">{{ $item->selisih }}</td>
                            <td><span class="badge bg-danger">Kurang</span></td>
                        </tr>
                        @endforeach
                        @foreach($stoksBelumDiscan as $stok)
                        <tr>
                            <td><strong>{{ $stok->barang?->nama ?? '—' }}</strong>
                                @if($stok->barang?->ukuran)<small class="text-muted ms-1">{{ $stok->barang->ukuran }}</small>@endif
                            </td>
                            <td class="font-monospace">{{ $stok->no_lot ?: '—' }}</td>
                            <td class="font-monospace">{{ $stok->no_serial ?: '—' }}</td>
                            <td>{{ $stok->tanggal_kedaluwarsa?->format('d-m-Y') ?? '—' }}</td>
                            <td class="text-center">{{ $stok->qty }}</td>
                            <td class="text-center text-muted">—</td>
                            <td class="text-center fw-bold text-danger">—</td>
                            <td><span class="badge bg-secondary">Belum Discan</span></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- 2. Stok Lebih --}}
    @if($itemsLebih->count() > 0)
    <div class="card custom-card mb-3">
        <div class="card-body">
            <div class="section-title section-lebih">
                <i class="bx bx-up-arrow-alt me-1"></i>Stok Lebih ({{ $itemsLebih->count() }} item)
            </div>
            <div class="table-responsive">
                <table class="table tbl-hasil mb-0">
                    <thead>
                        <tr>
                            <th>Barang</th>
                            <th style="width:110px">No Lot</th>
                            <th style="width:110px">No Serial</th>
                            <th style="width:90px">Kedaluwarsa</th>
                            <th class="text-center" style="width:70px">Sistem</th>
                            <th class="text-center" style="width:70px">Fisik</th>
                            <th class="text-center" style="width:70px">Selisih</th>
                            <th style="width:70px">Kondisi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($itemsLebih as $item)
                        <tr>
                            <td><strong>{{ $item->nama_barang_scan ?? $item->barang?->nama ?? '—' }}</strong></td>
                            <td class="font-monospace">{{ $item->no_lot ?: '—' }}</td>
                            <td class="font-monospace">{{ $item->no_serial ?: '—' }}</td>
                            <td>{{ $item->tanggal_kedaluwarsa?->format('d-m-Y') ?? '—' }}</td>
                            <td class="text-center">{{ $item->qty_sistem }}</td>
                            <td class="text-center">{{ $item->qty_fisik }}</td>
                            <td class="text-center fw-bold text-primary">+{{ $item->selisih }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- 3. Anomali --}}
    @if($itemsAnomali->count() > 0)
    <div class="card custom-card mb-3">
        <div class="card-body">
            <div class="section-title section-anomali">
                <i class="bx bx-error me-1"></i>Anomali — Tidak Ada di Sistem ({{ $itemsAnomali->count() }} item)
            </div>
            <p class="text-muted fs-13">Barang ditemukan secara fisik namun tidak terdapat catatan stok di sistem.</p>
            <div class="table-responsive">
                <table class="table tbl-hasil mb-0">
                    <thead>
                        <tr>
                            <th>Barang / Nama Scan</th>
                            <th style="width:110px">No Lot</th>
                            <th style="width:110px">No Serial</th>
                            <th style="width:90px">Kedaluwarsa</th>
                            <th class="text-center" style="width:70px">Qty Fisik</th>
                            <th style="width:120px">Keterangan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($itemsAnomali as $item)
                        <tr>
                            <td><strong>{{ $item->nama_barang_scan ?? $item->barang?->nama ?? '—' }}</strong></td>
                            <td class="font-monospace">{{ $item->no_lot ?: '—' }}</td>
                            <td class="font-monospace">{{ $item->no_serial ?: '—' }}</td>
                            <td>{{ $item->tanggal_kedaluwarsa?->format('d-m-Y') ?? '—' }}</td>
                            <td class="text-center">{{ $item->qty_fisik }}</td>
                            <td>
                                @if($item->status_item === 'anomali_barang')
                                <span class="badge bg-warning text-dark">Barang tdk dikenal</span>
                                @else
                                <span class="badge bg-secondary">Stok tdk ditemukan</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- Semua Cocok --}}
    @if($totalKurang === 0 && $itemsLebih->count() === 0 && $itemsAnomali->count() === 0)
    <div class="alert alert-success">
        <i class="bx bx-check-circle me-2"></i>
        <strong>Semua item cocok!</strong> Tidak ditemukan selisih stok pada opname ini.
    </div>
    @endif
</div>

{{-- Modal Preview PDF --}}
<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>Laporan Stok Opname — {{ $so->nomor_opname }}</h6>
                <div class="d-flex gap-2 ms-auto me-2">
                    <a href="{{ route('gudang.stok-opname.pdf', $so->id) }}" target="_blank" class="btn btn-success btn-sm px-2 py-1">
                        <i class="bx bx-download me-1"></i> Download PDF
                    </a>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal"
                    onclick="document.getElementById('iframeSoPdf').src=''"></button>
            </div>
            <div class="modal-body p-0" style="flex:1;overflow:hidden">
                <iframe id="iframeSoPdf" src="" style="width:100%;height:100%;border:none"></iframe>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
const PDF_URL = '{{ route('gudang.stok-opname.pdf', $so->id) }}';

function bukaPdfPreview() {
    document.getElementById('iframeSoPdf').src = PDF_URL;
    new bootstrap.Modal(document.getElementById('modalPdfPreview')).show();
}

document.getElementById('modalPdfPreview').addEventListener('hidden.bs.modal', function () {
    document.getElementById('iframeSoPdf').src = '';
});
</script>
@endsection