@php
    use Illuminate\Support\Facades\DB;

    // Get detail rows from trs_sample_d
    $details = DB::table('trs_sample_d')
        ->leftJoin('mst_aplikasi', 'trs_sample_d.aplikasi', '=', 'mst_aplikasi.id')
        ->leftJoin('mst_detail', 'trs_sample_d.id_detail', '=', 'mst_detail.id')
        ->where('trs_sample_d.id_sample', $doc->id_sample)
        ->where('trs_sample_d.isactive', '1')
        ->select('trs_sample_d.*', 'mst_aplikasi.nama as aplikasi_nama', 'mst_detail.nama as detail_nama')
        ->orderBy('trs_sample_d.id')
        ->get();

    // Get approval record for this sample dengan approver dan level yang sama
    // FIXED: Untuk pending, ambil yang statusnya Pending. Untuk decided, gunakan approval_status yang sudah di-attach
    if ($isPending) {
        $approvalRecord = DB::table('trs_approval')
            ->where('id_sample', $doc->id_sample)
            ->where('id_approval', $approver->id)
            ->where('level', $approval->level)
            ->where('status', 'Pending')
            ->first();
        $currentStatus = $approvalRecord ? $approvalRecord->status : 'Pending';
    } else {
        // Untuk decided docs, gunakan approval_status yang sudah di-attach di controller
        $currentStatus = isset($doc->approval_status) ? $doc->approval_status : 'Pending';
        // Ambil approval record untuk token
        $approvalRecord = DB::table('trs_approval')
            ->where('id_sample', $doc->id_sample)
            ->where('id_approval', $approver->id)
            ->where('level', $approval->level)
            ->whereIn('status', ['Accepted', 'Approved', 'Rejected'])
            ->first();
    }

    // Get token untuk sample ini - gunakan token dari approval record atau dari property doc jika ada
    $sampleToken = $approvalRecord ? $approvalRecord->token : (isset($doc->approval_token) ? $doc->approval_token : $token);

    // Check if locked (rejected)
    $isLocked = !$isPending && isset($rejectedBy[$doc->id_sample]);

    // Prepare logo base64
    $logoPath = public_path('storage/secondary_logo.png');
    $logoType = pathinfo($logoPath, PATHINFO_EXTENSION);
    $logoData = file_get_contents($logoPath);
    $base64 = 'data:image/' . $logoType . ';base64,' . base64_encode($logoData);

    // Format deadline
    $deadlineFormatted = $doc->deadline ? \Carbon\Carbon::parse($doc->deadline)->translatedFormat('d F Y') : '-';
    $sampleDateFormatted = $doc->sample_date ? \Carbon\Carbon::parse($doc->sample_date)->translatedFormat('d F Y') : ($doc->created_at ? \Carbon\Carbon::parse($doc->created_at)->translatedFormat('d F Y') : '-');

    // Fetch Ship To Name if exists
    $shipToName = null;
    if (!empty($doc->ship_to)) {
        $shipToName = DB::table('mst_customer')->where('id', $doc->ship_to)->value('nama');
    }
@endphp

<style>
    .info-grid {
        display: grid;
        grid-template-columns: 130px 12px auto;
        row-gap: 2px;
        column-gap: 5px;
        align-items: baseline;
        font-size: 0.95rem;
    }

    .info-grid .label {
        font-weight: 600;
    }

    .info-grid .colon {
        text-align: center;
    }
</style>

<div class="card document-card {{ $isLocked ? 'locked' : '' }} shadow mb-5">
    <div class="card-body">
        @if ($isLocked)
            <div class="alert alert-danger mt-3">
                <strong>Perhatian:</strong> Dokumen ini telah <strong>DITOLAK</strong> oleh
                <strong>{{ $rejectedBy[$doc->id_sample] }}</strong>. Anda tidak dapat memproses dokumen ini.
            </div>
        @endif
        {{-- Header --}}
        <div class="row mb-4">
            <div class="col-md-6 d-flex align-items-center">
                <img src="{{ asset('storage/secondary_logo.png') }}" alt="Company Logo" height="60" class="me-3">
            </div>
            <div class="col-md-6 text-end">
                <p class="mb-2">No. <strong>{{ $doc->id_sample }}</strong></p>
                <p class="fw-bold mt-2">STATUS:
                    @if ($currentStatus === 'Approved' || $currentStatus === 'Accepted')
                        <span class="status-text text-success">ACCEPTED</span>
                    @elseif ($currentStatus === 'Rejected')
                        <span class="status-text text-danger">REJECTED</span>
                    @else
                        <span class="status-text text-warning">PENDING</span>
                    @endif
                </p>
            </div>
        </div>

        <div class="text-center mb-4">
            <h6 class="text-uppercase fw-bold">Pengajuan Sample</h6>
        </div>

        <div class="row mb-4">
            <!-- LEFT -->
            <div class="col-md-6">
                <div class="info-grid">
                    <span class="label">Customer</span><span class="colon">:</span>
                    <span>{{ $doc->customer ?? '-' }}</span>

                    <span class="label">Project</span><span class="colon">:</span>
                    <span>{{ $doc->project ?? '-' }}</span>

                    <span class="label">End User</span><span class="colon">:</span>
                    <span>{{ $doc->end_user ?? '-' }}</span>

                    <span class="label">Deliver To</span><span class="colon">:</span>
                    <span>{{ $doc->deliver_to ?? '-' }}</span>

                    <span class="label">Attention To</span><span class="colon">:</span>
                    <span>{{ $doc->attn_to ?? '-' }}</span>
                </div>
            </div>

            <!-- RIGHT -->
            <div class="col-md-5 d-flex justify-content-end">
                <div class="info-grid">
                    <span class="label">Deadline</span><span class="colon">:</span>
                    <span>{{ $deadlineFormatted }}</span>

                    <span class="label">Sales</span><span class="colon">:</span>
                    <span>{{ $doc->nama_slsman ?? $doc->nama_sales ?? '-' }}</span>

                    <span class="label">Classify</span><span class="colon">:</span>
                    <span>{{ $doc->classify_sample ?? '-' }}</span>

                    @if ($doc->classify_sample === 'Improved' && !empty($doc->gedung_sample))
                        <span class="label">Gedung</span><span class="colon">:</span>
                        <span>{{ $doc->gedung_sample }}</span>
                    @endif

                    @if (!empty($doc->ship_to))
                        <span class="label">Ship To</span><span class="colon">:</span>
                        <span>{{ $doc->ship_to }}{{ $shipToName ? ' - ' . $shipToName : '' }}</span>
                    @endif
                </div>
            </div>
        </div>

        {{-- TABLE --}}
        <div class="table-responsive">
            <table class="table w-100">
                <thead style="background:#00b7bd4f">
                    <tr>
                        <th>No</th>
                        <th>Aplikasi</th>
                        <th>Detail</th>
                        <th>Warna</th>
                        <th>Deskripsi Item</th>
                        <th>Gsm</th>
                        <th>Width</th>
                        <th>Length</th>
                        <th>Qty</th>
                        <th>UOM</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($details as $i => $item)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>{{ $item->aplikasi_nama }}</td>
                            <td>{{ $item->detail_nama ?? '-' }}</td>
                            <td>{{ $item->color ?? '-' }}</td>
                            <td style="word-break: break-word; white-space: normal; text-align:justify">
                                {{ $item->item }}
                            </td>

                            <td>{{ $item->size_gsm }}</td>
                            <td>{{ $item->size_width }}</td>
                            <td>{{ $item->size_length }}</td>
                            <td>{{ $item->qty }}</td>
                            <td>{{ $item->uom }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>


        {{-- Display previous notes di bawah tabel dengan layout ramping --}}
        @if (isset($doc->previous_notes) && !empty($doc->previous_notes))
            <div class="mt-4 mb-4">
                <h6 class="fw-bold mb-3" style="color: #01595b;">
                    <i class="fas fa-sticky-note me-2"></i>
                    Catatan
                </h6>
                @foreach ($doc->previous_notes as $index => $note)
                    <div class="mb-1">
                        <div class="mb-0">
                            <span class="fw-bold" style="color:#01595b;">
                                <i class="fas fa-user-circle me-1"></i>
                                {{ $note['level_label'] ?? $note['level'] }}

                                @if (isset($note['date']))
                                    <small class="text-muted ms-2">
                                        <i class="fas fa-clock me-1"></i>
                                        {{ \Carbon\Carbon::parse($note['date'])->format('d/m/Y H:i') }}
                                    </small>
                                @endif
                            </span>
                        </div>
                        <div class="ps-3 border-start" style="border-left: 3px solid #01595b !important;"><p class="mb-0 text-dark" style="line-height: 1.6; white-space: pre-wrap; font-size: 0.9rem;">{{ trim($note['note']) }}</p></div>
                    </div>
                @endforeach
            </div>
        @endif

        @php
            $isDecided = in_array($currentStatus, ['Accepted', 'Approved', 'Rejected']);
            $existingNote = $approvalRecord->approval_note ?? '';
            $currentLevel = $approval->level ?? 0;
            $docClassify = strtoupper(trim($doc->classify_sample ?? ''));
            $nextTitle = '';

            if ($currentLevel == 1) {
                $nextTitle = 'Head Marketing';
            } elseif ($currentLevel == 2) {
                $nextTitle = 'Manager Marketing';
            } elseif ($currentLevel == 3) {
                if ($docClassify === 'IMPROVED') {
                    $nextTitle = 'SPV Gedung';
                } else {
                    $nextTitle = 'SPV PD';
                }
            } elseif ($currentLevel == 4) {
                $nextTitle = 'SPV PD';
            }

            $placeholderText = "Pesan akan diteruskan ke " . ($nextTitle ?: 'pihak terkait') . "\n Jika Reject: note penolakan dapat diisi setelah menekan tombol Reject.";
        @endphp

        @if (!empty($is_cc_mode))
            {{-- CC MODE: Hanya tampilkan banner informasi, tidak ada form action --}}
            <div class="text-center mt-4">
                <span class="badge bg-info" style="font-size: 14px; padding: 8px 16px;">
                    <i class="fas fa-info-circle me-2"></i>Anda menerima email ini sebagai CC &mdash; tidak diperlukan
                    tindakan
                </span>
            </div>

        @elseif ($isPending && !$isDecided)
            <div class="mt-4">
                <div class="mb-3">
                    <label for="approval_note_{{ $doc->id_sample }}" class="form-label">Catatan (Opsional)</label>
                    <textarea class="form-control" id="approval_note_{{ $doc->id_sample }}"
                        name="approval_note_{{ $doc->id_sample }}" rows="3" placeholder="{{ $placeholderText }}"></textarea>
                </div>
                <div class="btn-act-group d-flex justify-content-center">
                    <button class="action-button btn me-2" data-doc-id="{{ $doc->id_sample }}"
                        data-token="{{ $sampleToken }}" data-action="Approved"
                        style="background: #028284; color: white; border: none;">
                        <i class="fas fa-check"></i> Approve
                    </button>

                    <button class="action-button btn" data-doc-id="{{ $doc->id_sample }}" data-token="{{ $sampleToken }}"
                        data-action="Rejected" style="background: #ff1f1f; color: white; border: none;">
                        <i class="fas fa-times"></i> Reject
                    </button>
                </div>
            </div>

        @elseif ($isDecided)
            <div class="mt-4 p-3 border rounded bg-light">
                <h6 class="fw-bold mb-2">Keputusan Terkirim:</h6>
                <div class="mb-2">
                    <strong>Status:</strong>
                    @if ($currentStatus === 'Accepted' || $currentStatus === 'Approved')
                        <span class="text-success">ACCEPTED</span>
                    @else
                        <span class="text-danger">REJECTED</span>
                    @endif
                </div>
                <div>
                    <strong>Catatan Anda:</strong>
                    <p class="mb-0 text-muted" style="white-space: pre-wrap;">{{ $existingNote ?: '(Tidak ada catatan)' }}
                    </p>
                </div>
            </div>

        @elseif ($isPending && isset($doc->isViewOnly) && $doc->isViewOnly)
            <div class="text-center mt-4">
                <span class="badge bg-info" style="font-size: 14px; padding: 8px 16px;">
                    <i class="fas fa-info-circle me-2"></i>Informasi Sample (View Only - Harus melalui QC View Form)
                </span>
            </div>
        @endif

    </div>
</div>