<?php $__template->layout('Layout.main'); ?>

<?php $__template->section('title'); ?>تفاصيل الإيداع<?php $__template->endSection(); ?>

<?php $__template->section('content'); ?>
<div style="max-width:700px;margin:0 auto;">
    <div class="card">
        <div style="padding:15px 20px;border-bottom:1px solid #E5E7EB;font-weight:600;">
            إيداع: <?= e($deposit['deposit_number']) ?>
        </div>
        <div style="padding:20px;">
            <?php
            $statusColor = match($deposit['status']) {
                'pending_deposit' => '#9CA3AF',
                'deposited'       => '#F59E0B',
                'confirmed'       => '#059669',
                'rejected'        => '#DC2626',
                default           => '#6B7280',
            };
            $statusLabel = match($deposit['status']) {
                'pending_deposit' => 'لم يُودع',
                'deposited'       => 'في انتظار تأكيد مدير الحسابات',
                'confirmed'       => 'مؤكد — تم إخلاء العهدة',
                'rejected'        => 'مرفوض',
                default           => $deposit['status'],
            };
            ?>

            <div style="background:#F9FAFB;border-radius:8px;padding:15px;margin-bottom:15px;">
                <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;">
                    <div><span style="color:#6B7280;">الحالة:</span></div>
                    <div><span style="color:<?= $statusColor ?>;font-weight:700;"><?= e($statusLabel) ?></span></div>

                    <div><span style="color:#6B7280;">المبلغ:</span></div>
                    <div style="font-size:20px;font-weight:700;color:#059669;"><?= money($deposit['amount']) ?></div>

                    <div><span style="color:#6B7280;">البنك:</span></div>
                    <div><?= e($deposit['bank_name'] ?? '—') ?> <?= $deposit['bank_institution'] ? '(' . e($deposit['bank_institution']) . ')' : '' ?></div>

                    <div><span style="color:#6B7280;">تاريخ الإيداع:</span></div>
                    <div><?= e($deposit['deposit_date']) ?></div>

                    <div><span style="color:#6B7280;">رقم إيصال البنك:</span></div>
                    <div style="font-family:monospace;font-weight:600;"><?= e($deposit['bank_receipt_serial'] ?? '—') ?></div>

                    <div><span style="color:#6B7280;">أودع بواسطة:</span></div>
                    <div><?= e($deposit['deposited_by_name'] ?? '—') ?> — <?= e($deposit['deposited_at'] ?? '') ?></div>

                    <?php if ($deposit['confirmed_by_name']): ?>
                        <div><span style="color:#6B7280;"><?= $deposit['status'] === 'rejected' ? 'رفض بواسطة' : 'أكد بواسطة' ?>:</span></div>
                        <div><?= e($deposit['confirmed_by_name']) ?> — <?= e($deposit['confirmed_at'] ?? '') ?></div>
                    <?php endif; ?>

                    <?php if ($deposit['rejection_reason']): ?>
                        <div><span style="color:#6B7280;">سبب الرفض:</span></div>
                        <div style="color:#DC2626;"><?= e($deposit['rejection_reason']) ?></div>
                    <?php endif; ?>
                </div>
            </div>

            <?php if ($deposit['bank_receipt_path']): ?>
                <div style="margin-bottom:15px;">
                    <label class="form-label">صورة الإيصال:</label>
                    <?php if (str_ends_with($deposit['bank_receipt_path'], '.pdf')): ?>
                        <a href="/<?= e($deposit['bank_receipt_path']) ?>" target="_blank" class="btn btn-outline" style="font-size:12px;">فتح PDF</a>
                    <?php else: ?>
                        <img src="/<?= e($deposit['bank_receipt_path']) ?>" style="max-width:100%;border-radius:8px;border:1px solid #E5E7EB;margin-top:5px;" alt="إيصال البنك">
                    <?php endif; ?>
                </div>
            <?php endif; ?>

            <!-- Actions -->
            <?php if ($deposit['status'] === 'deposited'): ?>
                <div style="display:flex;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #E5E7EB;">
                    <form method="POST" action="/cashier/deposits/<?= (int) $deposit['id'] ?>/confirm" style="flex:1;">
                        <?= csrf_field() ?>
                        <button type="submit" class="btn btn-primary" style="width:100%;"
                                onclick="return confirm('تأكيد أن الإيداع وصل فعلاً للبنك؟ سيتم إخلاء عهدة الخزنة.')">
                            تأكيد الإيداع
                        </button>
                    </form>
                    <div style="flex:1;">
                        <button type="button" class="btn btn-outline" style="width:100%;color:#DC2626;border-color:#DC2626;"
                                onclick="document.getElementById('reject-form').style.display='block'">
                            رفض
                        </button>
                    </div>
                </div>
                <form id="reject-form" method="POST" action="/cashier/deposits/<?= (int) $deposit['id'] ?>/reject" style="display:none;margin-top:10px;">
                    <?= csrf_field() ?>
                    <input type="text" name="reason" class="form-input" placeholder="سبب الرفض..." required style="margin-bottom:8px;">
                    <button type="submit" class="btn btn-outline" style="color:#DC2626;border-color:#DC2626;">تأكيد الرفض</button>
                </form>
            <?php endif; ?>

            <div style="margin-top:15px;">
                <a href="/cashier/deposits" class="btn btn-outline">العودة للقائمة</a>
            </div>
        </div>
    </div>
</div>
<?php $__template->endSection(); ?>
