<?php
// admin/salary-settings-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="stats-grid" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;">
    <div class="stat-card-gradient stat-card-blue">
        <div style="display:flex;justify-content:space-between;align-items:center;">
            <div>
                <div style="font-size:13px;opacity:0.8;">تعداد تنظیمات</div>
                <div style="font-size:26px;font-weight:800;margin-top:4px;"><?= persianNumber(count($salarySettings)) ?></div>
            </div>
            <div style="width:44px;height:44px;background:rgba(255,255,255,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;">
                <i class="fas fa-cog"></i>
            </div>
        </div>
    </div>
    
    <div class="stat-card-gradient stat-card-green">
        <div style="display:flex;justify-content:space-between;align-items:center;">
            <div>
                <div style="font-size:13px;opacity:0.8;">درصد مالیات</div>
                <div style="font-size:26px;font-weight:800;margin-top:4px;"><?= round($taxPercent) ?>%</div>
            </div>
            <div style="width:44px;height:44px;background:rgba(255,255,255,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;">
                <i class="fas fa-file-invoice"></i>
            </div>
        </div>
    </div>
    
    <div class="stat-card-gradient stat-card-purple">
        <div style="display:flex;justify-content:space-between;align-items:center;">
            <div>
                <div style="font-size:13px;opacity:0.8;">درصد بیمه</div>
                <div style="font-size:26px;font-weight:800;margin-top:4px;"><?= round($insurancePercent) ?>%</div>
            </div>
            <div style="width:44px;height:44px;background:rgba(255,255,255,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;">
                <i class="fas fa-shield-alt"></i>
            </div>
        </div>
    </div>
</div>

<!-- ============================================================
     تنظیمات مالیات و بیمه
     ============================================================ -->
<div class="card" style="margin-bottom:24px;padding:24px 28px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.03);">
    <div class="section-header">
        <div class="section-icon section-icon-blue">
            <i class="fas fa-percent"></i>
        </div>
        <div>
            <h4 class="section-title">تنظیمات مالیات و بیمه</h4>
            <p class="section-subtitle">درصد کسر از مبلغ حق التدریس</p>
        </div>
    </div>
    
    <form method="POST" action="">
        <input type="hidden" name="action" value="save_tax">
        
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:550px;">
            <div class="form-group">
                <label style="display:block;font-weight:600;color:#374151;margin-bottom:5px;font-size:14px;">
                    <i class="fas fa-file-invoice" style="color:#355C9C;margin-left:4px;"></i> درصد مالیات
                </label>
                <div class="input-with-suffix">
                    <input type="number" name="tax_percent" class="form-control" 
                           value="<?= round($taxPercent) ?>" 
                           step="1" min="0" max="100"
                           style="width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all 0.3s;">
                    <span class="suffix">%</span>
                </div>
                <small style="color:#9ca3af;font-size:12px;display:block;margin-top:4px;">درصد مالیات از مبلغ حق التدریس</small>
            </div>
            
            <div class="form-group">
                <label style="display:block;font-weight:600;color:#374151;margin-bottom:5px;font-size:14px;">
                    <i class="fas fa-shield-alt" style="color:#355C9C;margin-left:4px;"></i> درصد بیمه
                </label>
                <div class="input-with-suffix">
                    <input type="number" name="insurance_percent" class="form-control" 
                           value="<?= round($insurancePercent) ?>" 
                           step="1" min="0" max="100"
                           style="width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all 0.3s;">
                    <span class="suffix">%</span>
                </div>
                <small style="color:#9ca3af;font-size:12px;display:block;margin-top:4px;">درصد بیمه از مبلغ حق التدریس</small>
            </div>
        </div>
        
        <div style="margin-top:18px;">
            <button type="submit" class="btn btn-success btn-with-shadow" 
                    style="padding:10px 28px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:#10b981;color:white;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;">
                <i class="fas fa-save"></i> ذخیره تنظیمات مالیات و بیمه
            </button>
        </div>
    </form>
</div>

<!-- ============================================================
     تنظیمات حق التدریس - طراحی کارتی
     ============================================================ -->
<div class="card" style="padding:24px 28px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.03);">
    <div class="section-header">
        <div class="section-icon section-icon-green">
            <i class="fas fa-money-bill-wave"></i>
        </div>
        <div>
            <h4 class="section-title">تنظیمات حق التدریس</h4>
            <p class="section-subtitle">مبالغ بر اساس مقطع تحصیلی و نوع درس</p>
        </div>
    </div>
    
    <form method="POST" action="">
        <input type="hidden" name="action" value="save_salary">
        
        <!-- ===== کارت‌های مقاطع تحصیلی ===== -->
        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;">
            
            <?php 
            // گروه‌بندی تنظیمات بر اساس مقطع تحصیلی
            $grouped = [];
            foreach ($salarySettings as $setting) {
                $degree = $setting['degree'];
                if (!isset($grouped[$degree])) {
                    $grouped[$degree] = [];
                }
                $grouped[$degree][] = $setting;
            }
            
            // مرتب‌سازی مقاطع
            ksort($grouped);
            
            foreach ($grouped as $degree => $items): 
                $degreeName = getDegreeName($degree);
            ?>
            
            <!-- ===== کارت هر مقطع ===== -->
            <div class="card-degree">
                
                <!-- عنوان مقطع -->
                <div style="font-size:16px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:8px;">
                    <i class="fas fa-graduation-cap" style="color:#355C9C;"></i>
                    <?= $degreeName ?>
                </div>
                
                <!-- آیتم‌های نوع درس -->
                <?php foreach ($items as $setting):
                    $isTheoretical = ($setting['course_type'] == 'theoretical');
                    $isPractical = in_array($setting['course_type'], ['internship', 'practicum', 'project']);
                    $courseTypeName = getCourseTypeName($setting['course_type']);
                    $badgeClass = $isTheoretical ? 'course-type-theoretical-large' : 'course-type-practical-large';
                ?>
                
                <div class="course-item">
                    
                    <!-- نوع درس با باکس بزرگ -->
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
                        <span class="course-type-badge-large <?= $badgeClass ?>">
                            <?= $courseTypeName ?>
                        </span>
                        <?php if ($isPractical): ?>
                            <span class="helper-tag">بر اساس دانشجو</span>
                        <?php else: ?>
                            <span class="helper-tag">بر اساس ساعت</span>
                        <?php endif; ?>
                    </div>
                    
                    <!-- فیلدهای ورودی -->
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                        
                        <!-- مبلغ هر ساعت -->
                        <div>
                            <label style="display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px;">
                                <i class="fas fa-clock" style="color:#355C9C;margin-left:4px;"></i> مبلغ هر ساعت
                            </label>
                            <input type="text" name="salary[<?= $setting['id'] ?>][amount_per_hour]" 
                                   class="form-control <?= $isPractical ? 'input-disabled' : '' ?>"
                                   value="<?= number_format($setting['amount_per_hour']) ?>"
                                   <?= $isPractical ? 'readonly disabled' : '' ?>
                                   style="width:100%;padding:8px 12px;border:2px solid <?= $isPractical ? '#f3f4f6' : '#e5e7eb' ?>;border-radius:6px;font-size:14px;text-align:center;transition:border-color 0.3s;">
                            <?php if ($isPractical): ?>
                                <div style="text-align:center;margin-top:2px;font-size:11px;color:#9ca3af;">غیرفعال</div>
                            <?php endif; ?>
                        </div>
                        
                        <!-- مبلغ هر دانشجو -->
                        <div>
                            <label style="display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px;">
                                <i class="fas fa-user-graduate" style="color:#355C9C;margin-left:4px;"></i> مبلغ هر دانشجو
                            </label>
                            <input type="text" name="salary[<?= $setting['id'] ?>][amount_per_student]" 
                                   class="form-control <?= $isTheoretical ? 'input-disabled' : '' ?>"
                                   value="<?= number_format($setting['amount_per_student']) ?>"
                                   <?= $isTheoretical ? 'readonly disabled' : '' ?>
                                   style="width:100%;padding:8px 12px;border:2px solid <?= $isTheoretical ? '#f3f4f6' : '#e5e7eb' ?>;border-radius:6px;font-size:14px;text-align:center;transition:border-color 0.3s;">
                            <?php if ($isTheoretical): ?>
                                <div style="text-align:center;margin-top:2px;font-size:11px;color:#9ca3af;">غیرفعال</div>
                            <?php endif; ?>
                        </div>
                    </div>
                    
                </div>
                <?php endforeach; ?>
                
            </div>
            <?php endforeach; ?>
            
        </div>
        
        <div style="margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:16px;border-top:2px solid #f1f5f9;">
            <button type="submit" class="btn btn-success btn-with-shadow" 
                    style="padding:10px 28px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:#10b981;color:white;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;">
                <i class="fas fa-save"></i> ذخیره تنظیمات حق التدریس
            </button>
            <span style="font-size:13px;color:#9ca3af;">
                <i class="fas fa-info-circle"></i> فیلدهای غیرفعال برای نوع درس مربوطه قابل ویرایش نیستند
            </span>
        </div>
    </form>
</div>

<!-- ============================================================
     راهنمای رنگ‌ها
     ============================================================ -->
<div class="legend-box">
    <span style="font-size:13px;font-weight:600;color:#6b7280;">راهنما:</span>
    <span class="legend-item">
        <span class="legend-color legend-color-blue"></span>
        نظری - علمی (بر اساس ساعت)
    </span>
    <span class="legend-item">
        <span class="legend-color legend-color-yellow"></span>
        کاربینی / کارورزی / پروژه (بر اساس دانشجو)
    </span>
    <span class="legend-item" style="color:#9ca3af;">
        <i class="fas fa-lock legend-lock"></i>
        فیلد غیرفعال
    </span>
</div>