@extends('layouts.pdf')

@section('title', 'BUKTI PENGELUARAN BARANG KE PROJECT')

@section('content')
<style>
    body { font-family: DejaVu Sans, sans-serif; font-size: 12px; color: #1f2937; }
    .header { margin-bottom: 20px; }
    .brand { width: 100%; }
    .brand td { border: none; padding: 0; vertical-align: top; }
    .logo { height: 42px; }
    .title { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
    .muted { color: #6b7280; }
    .qr { width: 88px; height: 88px; border: 1px solid #d1d5db; padding: 4px; }
    table { width: 100%; border-collapse: collapse; }
    th, td { border: 1px solid #d1d5db; padding: 8px; vertical-align: top; }
    th { background: #f3f4f6; text-align: left; }
    .grid { width: 100%; margin-bottom: 18px; }
    .grid td { border: none; padding: 2px 0; }
    .sign { margin-top: 36px; width: 100%; }
    .sign td { border: none; width: 33.33%; text-align: center; padding-top: 24px; }
</style>

<div class="header">
    <table class="brand">
        <tr>
            <td style="width: 160px;">
                @php($logoPath = public_path('logo.png'))
                @if(file_exists($logoPath))
                    <img class="logo" src="{{ $logoPath }}" alt="Logo" />
                @endif
            </td>
            <td style="text-align: right;">
                @if(!empty($qrBase64) && !empty($qrMime))
                    <img class="qr" src="data:{{ $qrMime }};base64,{{ $qrBase64 }}" alt="QR" />
                    <div class="muted" style="margin-top: 4px; font-size: 9px;">{{ $qrText ?? '' }}</div>
                @else
                    <div class="muted" style="font-size: 10px; color: #b91c1c;">QR tidak terbentuk</div>
                @endif
                <div class="muted" style="margin-top: 4px;">Dicetak: {{ $generatedAt ?? now()->format('Y-m-d H:i:s') }}</div>
            </td>
        </tr>
    </table>
    <div class="title">Bukti Pengeluaran Barang ke Project</div>
    <div class="muted">Dokumen internal pengeluaran gudang untuk kebutuhan project</div>
</div>

<table class="grid">
    <tr>
        <td><strong>No Pengeluaran</strong></td><td>: {{ $row->issue_number }}</td>
        <td><strong>Tanggal</strong></td><td>: {{ !empty($dateText) ? \Illuminate\Support\Carbon::parse($dateText)->format('d/m/Y') : '-' }}</td>
    </tr>
    <tr>
        <td><strong>Project</strong></td><td>: {{ $row->project?->code ?: '' }} - {{ $row->project?->name ?: '' }}</td>
        <td><strong>Gudang</strong></td><td>: {{ $row->gudang?->code ?: '' }} - {{ $row->gudang?->name ?: '' }}</td>
    </tr>
    <tr>
        <td><strong>Penerima / PIC</strong></td><td>: {{ $row->recipient_name ?: '-' }}</td>
        <td><strong>Status</strong></td><td>: {{ $row->status ?: '-' }}</td>
    </tr>
    <tr>
        <td><strong>Catatan</strong></td><td colspan="3">: {{ $row->notes ?: '-' }}</td>
    </tr>
</table>

<table>
    <thead>
        <tr>
            <th style="width: 40px;">No</th>
            <th>Kode Item</th>
            <th>Item</th>
            <th>Kode Barang</th>
            <th>Nama Barang</th>
            <th style="width: 140px;">Qty Keluar</th>
            <th style="width: 140px;">Qty Dasar</th>
            <th>Keterangan</th>
        </tr>
    </thead>
    <tbody>
        @foreach($row->items as $index => $item)
            <tr>
                <td>{{ $index + 1 }}</td>
                <td>{{ $item->rabItem?->item_code ?: '-' }}</td>
                <td>{{ $item->rabItem?->item_name ?: '-' }}</td>
                <td>{{ $item->barang?->code ?: '-' }}</td>
                <td>{{ $item->barang?->name ?: '-' }}</td>
                <td>{{ number_format((float) $item->qty, 3, ',', '.') }} {{ $item->satuan?->name ?: '' }}</td>
                <td>{{ number_format((float) $item->qty_base, 3, ',', '.') }} {{ $item->baseSatuan?->name ?: '' }}</td>
                <td>{{ $item->notes ?: '-' }}</td>
            </tr>
        @endforeach
    </tbody>
</table>

<table class="sign">
    <tr>
        <td>Dibuat Oleh</td>
        <td>Gudang</td>
        <td>Penerima</td>
    </tr>
    <tr>
        <td>(........................)</td>
        <td>(........................)</td>
        <td>(........................)</td>
    </tr>
</table>
@endsection