<?php
use App\Modules\Rentals\Models\RentalContract;
use App\Modules\Rentals\Models\RentalBooking;
$__template->layout('Layout.main');
?>
<?php $__template->section('title'); ?><?= e($contract->contract_number) ?><?php $__template->endSection(); ?>

<?php $__template->section('page_actions'); ?>
<a href="/rentals" class="btn btn-outline"><i data-lucide="arrow-right" style="width:16px;height:16px;vertical-align:middle;margin-left:4px;"></i> العودة للعقود</a>
<?php $__template->endSection(); ?>

<?php $__template->section('content'); ?>

<?php
$cStatus        = $contract->status ?? 'draft';
$depositStatus  = $contract->deposit_status ?? 'pending';
$activityTypes  = ['practice' => 'تدريب', 'competitive' => 'تنافسي'];
$timeTiers      = ['AM' => 'صباحي', 'PM' => 'مسائي'];
?>

<!-- Header Card -->
<div class="card" style="margin-bottom:20px;padding:20px;">
    <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;">
        <div>
            <div style="margin-bottom:8px;">
                <code style="font-size:14px;background:#F0F9FF;color:#0284C7;padding:4px 12px;border-radius:4px;font-weight:600;"><?= e($contract->contract_number) ?></code>
            </div>
            <div style="font-size:14px;color:#374151;">
                <strong>الجهة:</strong> <?= $entity ? e($entity->name_ar) : '—' ?>
                &nbsp;|&nbsp;
                <strong>المرفق:</strong> <?= $facility ? e($facility->name_ar) : '—' ?>
            </div>
        </div>
        <span class="badge" style="background:<?= RentalContract::getStatusColor($cStatus) ?>15;color:<?= RentalContract::getStatusColor($cStatus) ?>;font-size:12px;padding:4px 12px;border-radius:10px;font-weight:600;">
            <?= e(RentalContract::getStatusLabel($cStatus)) ?>
        </span>
    </div>
</div>

<!-- Financial Summary -->
<div class="card" style="margin-bottom:20px;padding:0;">
    <div style="padding:15px 20px;border-bottom:1px solid #E5E7EB;">
        <h3 style="margin:0;color:#0D7377;"><i data-lucide="calculator" style="width:18px;height:18px;vertical-align:middle;margin-left:6px;"></i> الملخص المالي</h3>
    </div>
    <div style="padding:20px;display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;">
        <div style="background:#F9FAFB;padding:15px;border-radius:8px;text-align:center;">
            <div style="font-size:12px;color:#6B7280;margin-bottom:4px;">عدد الوحدات</div>
            <div style="font-size:22px;font-weight:700;color:#374151;"><?= (int) ($contract->total_units ?? 0) ?></div>
        </div>
        <div style="background:#F9FAFB;padding:15px;border-radius:8px;text-align:center;">
            <div style="font-size:12px;color:#6B7280;margin-bottom:4px;">سعر الوحدة</div>
            <div style="font-size:22px;font-weight:700;color:#374151;"><?= money((float) ($contract->unit_rate ?? 0)) ?></div>
        </div>
        <div style="background:#F9FAFB;padding:15px;border-radius:8px;text-align:center;">
            <div style="font-size:12px;color:#6B7280;margin-bottom:4px;">المجموع الفرعي</div>
            <div style="font-size:22px;font-weight:700;color:#374151;"><?= money((float) ($contract->subtotal ?? 0)) ?></div>
        </div>
        <?php
        $discountPct = (float) ($contract->discount_percentage ?? 0);
        $discountAmt = (float) ($contract->discount_amount ?? 0);
        ?>
        <?php if ($discountPct > 0 || $discountAmt > 0): ?>
        <div style="background:#FEF2F2;padding:15px;border-radius:8px;text-align:center;">
            <div style="font-size:12px;color:#6B7280;margin-bottom:4px;">الخصم <?php if ($discountPct > 0): ?>(<?= $discountPct ?>%)<?php endif; ?></div>
            <div style="font-size:22px;font-weight:700;color:#DC2626;">-<?= money($discountAmt) ?></div>
        </div>
        <?php endif; ?>
    </div>
    <div style="padding:0 20px 20px;">
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div style="background:#0D7377;padding:15px;border-radius:8px;text-align:center;">
                <div style="font-size:12px;color:rgba(255,255,255,0.8);margin-bottom:4px;">الإجمالي</div>
                <div style="font-size:26px;font-weight:700;color:#fff;"><?= money((float) ($contract->total_amount ?? 0)) ?></div>
            </div>
            <div style="background:#F9FAFB;padding:15px;border-radius:8px;text-align:center;border:1px solid #E5E7EB;">
                <div style="font-size:12px;color:#6B7280;margin-bottom:4px;">
                    التأمين (<?= (float) ($contract->deposit_percentage ?? 0) ?>%)
                </div>
                <div style="font-size:22px;font-weight:700;color:#374151;margin-bottom:6px;"><?= money((float) ($contract->deposit_amount ?? 0)) ?></div>
                <span class="badge" style="background:<?= RentalContract::getDepositStatusColor($depositStatus) ?>15;color:<?= RentalContract::getDepositStatusColor($depositStatus) ?>;font-size:12px;padding:4px 12px;border-radius:10px;font-weight:600;">
                    <?= e(RentalContract::getDepositStatusLabel($depositStatus)) ?>
                </span>
            </div>
        </div>
    </div>
</div>

<!-- Info Grid -->
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;">
    <div class="card" style="padding:20px;">
        <h4 style="color:#0D7377;margin:0 0 15px;">تفاصيل العقد</h4>
        <table style="width:100%;font-size:14px;">
            <tr><td style="padding:8px 0;color:#6B7280;width:40%;">تاريخ البدء</td><td style="padding:8px 0;"><?= e($contract->start_date ?? '—') ?></td></tr>
            <tr><td style="padding:8px 0;color:#6B7280;">تاريخ الانتهاء</td><td style="padding:8px 0;"><?= e($contract->end_date ?? '—') ?></td></tr>
            <tr><td style="padding:8px 0;color:#6B7280;">نوع النشاط</td><td style="padding:8px 0;"><?= e($activityTypes[$contract->activity_type ?? ''] ?? '—') ?></td></tr>
            <tr><td style="padding:8px 0;color:#6B7280;">الفترة الزمنية</td><td style="padding:8px 0;"><?= e($timeTiers[$contract->time_tier ?? ''] ?? '—') ?></td></tr>
            <tr><td style="padding:8px 0;color:#6B7280;">التقرير الفني</td><td style="padding:8px 0;"><?= ($contract->technical_report_submitted ?? 0) ? '<span style="color:#059669;font-weight:600;">نعم</span>' : '<span style="color:#DC2626;">لا</span>' ?></td></tr>
        </table>
    </div>
    <div class="card" style="padding:20px;">
        <h4 style="color:#0D7377;margin:0 0 15px;">بيانات الاعتماد</h4>
        <table style="width:100%;font-size:14px;">
            <tr><td style="padding:8px 0;color:#6B7280;width:40%;">اعتمد بواسطة</td><td style="padding:8px 0;"><?= e($contract->approved_by ?? '—') ?></td></tr>
            <tr><td style="padding:8px 0;color:#6B7280;">تاريخ الاعتماد</td><td style="padding:8px 0;"><?= e($contract->approved_at ?? '—') ?></td></tr>
        </table>
        <?php if (!empty($contract->notes)): ?>
        <div style="margin-top:15px;padding-top:12px;border-top:1px solid #E5E7EB;">
            <h4 style="color:#6B7280;font-size:13px;margin:0 0 6px;">ملاحظات</h4>
            <p style="font-size:14px;margin:0;color:#374151;"><?= nl2br(e($contract->notes)) ?></p>
        </div>
        <?php endif; ?>
    </div>
</div>

<!-- Action Buttons -->
<?php if ($cStatus === 'pending_approval'): ?>
<div class="card" style="margin-bottom:20px;padding:20px;display:flex;align-items:center;gap:15px;background:#FFFBEB;border:1px solid #FDE68A;">
    <i data-lucide="alert-circle" style="width:20px;height:20px;color:#D97706;"></i>
    <span style="font-size:14px;color:#92400E;flex:1;">هذا العقد بانتظار الاعتماد</span>
    <form method="POST" action="/rentals/contracts/<?= (int) $contract->id ?>/approve" style="margin:0;">
        <?= \App\Core\CSRF::field() ?>
        <button type="submit" class="btn btn-primary" style="background:#059669;"><i data-lucide="check" style="width:16px;height:16px;vertical-align:middle;margin-left:4px;"></i> اعتماد العقد</button>
    </form>
</div>
<?php endif; ?>

<?php if (in_array($cStatus, ['approved', 'active']) && $depositStatus === 'pending'): ?>
<div class="card" style="margin-bottom:20px;padding:20px;display:flex;align-items:center;gap:15px;background:#F0FDF4;border:1px solid #BBF7D0;">
    <i data-lucide="banknote" style="width:20px;height:20px;color:#059669;"></i>
    <span style="font-size:14px;color:#166534;flex:1;">التأمين قيد التحصيل — أدخل رقم الدفعة لتسجيل التحصيل</span>
    <form method="POST" action="/rentals/contracts/<?= (int) $contract->id ?>/deposit" style="margin:0;display:flex;gap:8px;align-items:center;">
        <?= \App\Core\CSRF::field() ?>
        <input type="number" name="payment_id" class="form-input" placeholder="رقم الدفعة" required style="width:150px;">
        <button type="submit" class="btn btn-primary">تحصيل التأمين</button>
    </form>
</div>
<?php endif; ?>

<?php if ($depositStatus === 'collected'): ?>
<div class="card" style="margin-bottom:20px;padding:20px;display:flex;align-items:center;gap:15px;background:#EFF6FF;border:1px solid #BFDBFE;">
    <i data-lucide="undo-2" style="width:20px;height:20px;color:#0284C7;"></i>
    <span style="font-size:14px;color:#1E40AF;flex:1;">تم تحصيل التأمين — يمكنك استرداد المبلغ</span>
    <form method="POST" action="/rentals/contracts/<?= (int) $contract->id ?>/refund" style="margin:0;">
        <?= \App\Core\CSRF::field() ?>
        <button type="submit" class="btn btn-outline" style="color:#0284C7;border-color:#0284C7;"><i data-lucide="undo-2" style="width:16px;height:16px;vertical-align:middle;margin-left:4px;"></i> استرداد التأمين</button>
    </form>
</div>
<?php endif; ?>

<!-- Bookings Table -->
<div class="card" style="padding:0;">
    <div style="padding:15px 20px;border-bottom:1px solid #E5E7EB;">
        <h3 style="margin:0;color:#1A1A2E;"><i data-lucide="calendar" style="width:18px;height:18px;vertical-align:middle;margin-left:6px;"></i> الحجوزات</h3>
    </div>
    <?php if (!empty($bookings)): ?>
    <div style="overflow-x:auto;">
        <table style="width:100%;border-collapse:collapse;font-size:14px;">
            <thead>
                <tr style="background:#F9FAFB;border-bottom:2px solid #E5E7EB;">
                    <th style="padding:12px 16px;text-align:right;font-weight:600;color:#374151;">التاريخ</th>
                    <th style="padding:12px 16px;text-align:right;font-weight:600;color:#374151;">من</th>
                    <th style="padding:12px 16px;text-align:right;font-weight:600;color:#374151;">إلى</th>
                    <th style="padding:12px 16px;text-align:center;font-weight:600;color:#374151;">الحالة</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($bookings as $b):
                    $bStatus = $b['status'] ?? 'pending';
                    $bStatusColors = [
                        'pending'   => '#D97706',
                        'confirmed' => '#059669',
                        'cancelled' => '#DC2626',
                        'completed' => '#0284C7',
                    ];
                    $bStatusLabels = [
                        'pending'   => 'قيد الانتظار',
                        'confirmed' => 'مؤكد',
                        'cancelled' => 'ملغى',
                        'completed' => 'مكتمل',
                    ];
                    $bColor = $bStatusColors[$bStatus] ?? '#6B7280';
                    $bLabel = $bStatusLabels[$bStatus] ?? $bStatus;
                ?>
                <tr style="border-bottom:1px solid #F3F4F6;">
                    <td style="padding:12px 16px;"><?= e($b['booking_date'] ?? '') ?></td>
                    <td style="padding:12px 16px;white-space:nowrap;"><?= e(substr($b['start_time'] ?? '', 0, 5)) ?></td>
                    <td style="padding:12px 16px;white-space:nowrap;"><?= e(substr($b['end_time'] ?? '', 0, 5)) ?></td>
                    <td style="padding:12px 16px;text-align:center;">
                        <span class="badge" style="background:<?= $bColor ?>15;color:<?= $bColor ?>;font-size:12px;padding:4px 12px;border-radius:10px;font-weight:600;">
                            <?= e($bLabel) ?>
                        </span>
                    </td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <?php else: ?>
    <div style="padding:40px 20px;text-align:center;">
        <i data-lucide="calendar-x" style="width:40px;height:40px;color:#D1D5DB;"></i>
        <p style="color:#9CA3AF;font-size:14px;margin:10px 0 0;">لا توجد حجوزات لهذا العقد</p>
    </div>
    <?php endif; ?>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    if (typeof lucide !== 'undefined') lucide.createIcons();
});
</script>
<?php $__template->endSection(); ?>
