<?php
// teacher/certificate-request-content.php - محتوای درخواست گواهی
?>

<?php if (!empty($message)): ?>
<div class="alert alert-<?= $messageType ?>">
    <i class="fas <?= $messageType == 'danger' ? 'fa-exclamation-circle' : 'fa-check-circle' ?>"></i>
    <?= $message ?>
</div>
<?php endif; ?>

<div class="card" style="margin-bottom:24px;">
    <h4 style="font-size:17px;font-weight:700;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px;">
        <i class="fas fa-file-invoice" style="color:#1a237e;"></i>
        درخواست گواهی تدریس جدید
    </h4>
    
    <?php if (empty($teacherTerms)): ?>
        <div style="text-align:center;padding:30px;color:#9ca3af;">
            <i class="fas fa-info-circle" style="font-size:24px;display:block;margin-bottom:8px;"></i>
            شما در هیچ ترمی درس ندارید. برای دریافت گواهی باید درسی ثبت شده باشد.
        </div>
    <?php else: ?>
    
    <form method="POST" action="">
        <input type="hidden" name="action" value="request">
        
        <div class="form-group" style="margin-bottom:16px;">
            <label style="display:block;font-weight:600;color:#374151;margin-bottom:5px;font-size:14px;">
                عنوان گواهی <span style="color:#dc2626;">*</span>
            </label>
            <input type="text" name="title" class="form-control" 
                   placeholder="مثال: گواهی تدریس در دانشگاه علوم پزشکی" 
                   style="width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;" 
                   required>
            <small style="color:#9ca3af;font-size:12px;display:block;margin-top:4px;">
                این عنوان در بالای گواهی نمایش داده می‌شود.
            </small>
        </div>
        
        <div class="form-group" style="margin-bottom:16px;">
            <label style="display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px;">
                انتخاب ترم‌ها <span style="color:#dc2626;">*</span>
            </label>
            <div style="display:flex;flex-wrap:wrap;gap:8px;">
                <?php foreach ($teacherTerms as $term): ?>
                    <label style="display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 14px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb;transition:all 0.2s;">
                        <input type="checkbox" name="term_ids[]" value="<?= $term['id'] ?>">
                        <?= htmlspecialchars($term['name']) ?> (<?= htmlspecialchars($term['code']) ?>)
                    </label>
                <?php endforeach; ?>
            </div>
            <small style="color:#9ca3af;font-size:12px;display:block;margin-top:4px;">
                می‌توانید یک یا چند ترم را انتخاب کنید. برای هر ترم یک گواهی جداگانه صادر می‌شود.
            </small>
        </div>
        
        <button type="submit" class="btn btn-primary" style="padding:10px 28px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:#1a237e;color:white;transition:all 0.3s;">
            <i class="fas fa-paper-plane"></i> ارسال درخواست
        </button>
    </form>
    
    <?php endif; ?>
</div>

<?php if (!empty($requests)): ?>
<div class="card">
    <h4 style="font-size:17px;font-weight:700;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px;">
        <i class="fas fa-list" style="color:#1a237e;"></i>
        درخواست‌های قبلی
    </h4>
    
    <div class="table-responsive">
        <table style="width:100%;border-collapse:collapse;font-size:14px;">
            <thead>
                <tr style="background:#f8fafc;border-bottom:2px solid #e5e7eb;">
                    <th style="padding:10px 12px;text-align:right;color:#6b7280;font-weight:600;">#</th>
                    <th style="padding:10px 12px;text-align:right;color:#6b7280;font-weight:600;">ترم</th>
                    <th style="padding:10px 12px;text-align:right;color:#6b7280;font-weight:600;">عنوان</th>
                    <th style="padding:10px 12px;text-align:center;color:#6b7280;font-weight:600;">وضعیت</th>
                    <th style="padding:10px 12px;text-align:center;color:#6b7280;font-weight:600;">شماره نامه</th>
                    <th style="padding:10px 12px;text-align:center;color:#6b7280;font-weight:600;">تاریخ تأیید</th>
                    <th style="padding:10px 12px;text-align:center;color:#6b7280;font-weight:600;">عملیات</th>
                </tr>
            </thead>
            <tbody>
                <?php $i = 1; foreach ($requests as $req): ?>
                <tr style="border-bottom:1px solid #f3f4f6;">
                    <td style="padding:8px 12px;"><?= $i++ ?></td>
                    <td style="padding:8px 12px;"><?= htmlspecialchars($req['term_name'] ?? '-') ?></td>
                    <td style="padding:8px 12px;"><?= htmlspecialchars($req['title'] ?? '-') ?></td>
                    <td style="padding:8px 12px;text-align:center;">
                        <?php if ($req['status'] == 'pending'): ?>
                            <span style="background:#fef3c7;color:#92400e;padding:2px 12px;border-radius:20px;font-size:12px;font-weight:500;">⏳ در انتظار تأیید</span>
                        <?php elseif ($req['status'] == 'approved'): ?>
                            <span style="background:#d1fae5;color:#065f46;padding:2px 12px;border-radius:20px;font-size:12px;font-weight:500;">✅ تأیید شده</span>
                        <?php else: ?>
                            <span style="background:#fecaca;color:#991b1b;padding:2px 12px;border-radius:20px;font-size:12px;font-weight:500;">❌ رد شده</span>
                        <?php endif; ?>
                    </td>
                    <td style="padding:8px 12px;text-align:center;"><?= htmlspecialchars($req['letter_number'] ?? '-') ?></td>
                    <td style="padding:8px 12px;text-align:center;"><?= $req['approval_date'] ? jalaliDate($req['approval_date']) : '-' ?></td>
                    <td style="padding:8px 12px;text-align:center;">
                        <?php if ($req['status'] == 'approved'): ?>
                            <a href="../admin/export-certificate-pdf.php?id=<?= $req['id'] ?>" 
                               class="btn btn-primary btn-sm" target="_blank"
                               style="padding:4px 12px;font-size:12px;border-radius:6px;border:none;cursor:pointer;background:#1a237e;color:white;transition:all 0.3s;display:inline-flex;align-items:center;gap:4px;text-decoration:none;">
                                <i class="fas fa-file-pdf"></i> دریافت گواهی
                            </a>
                        <?php else: ?>
                            <span style="color:#9ca3af;font-size:12px;">در انتظار تأیید</span>
                        <?php endif; ?>
                    </td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>
<?php endif; ?>

<style>
.alert {
    padding:12px 16px;
    border-radius:8px;
    margin-bottom:16px;
}
.alert-danger {
    background:#fecaca;
    color:#991b1b;
    border:1px solid #fca5a5;
}
.alert-success {
    background:#d1fae5;
    color:#065f46;
    border:1px solid #a7f3d0;
}
.form-control:focus {
    border-color: #1a237e !important;
    box-shadow: 0 0 0 3px rgba(26,35,126,0.1) !important;
    outline: none;
}
</style>