<?php
/** @var array $jobTitle */
/** @var array|null $description */
$__template->layout('Layout.print');
$__template->section('title', 'بطاقة الوصف الوظيفي');
$__template->section('content');
?>

<div class="print-page" style="direction: rtl; text-align: right; font-family: 'Cairo', sans-serif; max-width: 700px; margin: 0 auto; padding: 40px;">
    <div style="text-align: center; margin-bottom: 30px;">
        <p style="margin: 0; font-size: 13px; color: #666;">H.R</p>
        <h3 style="margin: 10px 0 5px;">شركة أوسي سبورت للخدمات الرياضية</h3>
        <p style="margin: 0; color: #666;">نادي النادي فرع شيراتون</p>
        <hr style="border: 1px solid #333; margin: 15px 0;">
        <h2 style="margin: 15px 0;">بطاقة الوصف الوظيفي ( <?= e($jobTitle['name_ar'] ?? '') ?> )</h2>
    </div>

    <div style="font-size: 14px; line-height: 2;">
        <h4 style="margin: 20px 0 10px; background: #f5f5f5; padding: 5px 10px;">أولاً — معلومات خاصة بالوظيفة:</h4>

        <table style="width:100%; border-collapse: collapse; font-size: 14px;">
            <tr>
                <td style="padding: 8px; border: 1px solid #ddd; width: 30%; font-weight: bold; background: #fafafa;">المسمى الوظيفي</td>
                <td style="padding: 8px; border: 1px solid #ddd;"><?= e($jobTitle['name_ar'] ?? '') ?></td>
            </tr>
            <tr>
                <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; background: #fafafa;">الغرض الرئيسي من الوظيفة</td>
                <td style="padding: 8px; border: 1px solid #ddd;"><?= e($description['purpose_ar'] ?? '..............................') ?></td>
            </tr>
            <tr>
                <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; background: #fafafa;">الجهة المسئولة عن الوظيفة</td>
                <td style="padding: 8px; border: 1px solid #ddd;"><?= e($description['responsible_authority'] ?? '..............................') ?></td>
            </tr>
            <tr>
                <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; background: #fafafa;">العلاقة مع الوظائف الأخرى</td>
                <td style="padding: 8px; border: 1px solid #ddd;"><?= e($description['relationships'] ?? 'مباشرة') ?></td>
            </tr>
            <tr>
                <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; background: #fafafa;">حدود الصلاحيات</td>
                <td style="padding: 8px; border: 1px solid #ddd;"><?= e($description['authority_limits'] ?? '..............................') ?></td>
            </tr>
            <tr>
                <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; background: #fafafa;">المؤهل العلمي</td>
                <td style="padding: 8px; border: 1px solid #ddd;"><?= e($description['required_qualification'] ?? '..............................') ?></td>
            </tr>
        </table>

        <h4 style="margin: 25px 0 10px; background: #f5f5f5; padding: 5px 10px;">ثانياً — المهام الخاصة بواجبات ومسئوليات الوظيفة:</h4>

        <?php if (!empty($description['duties_ar'])): ?>
            <div style="padding: 10px; white-space: pre-line;"><?= e($description['duties_ar']) ?></div>
        <?php else: ?>
            <div style="padding: 10px;">
                <p>* ..................................................................................................</p>
                <p>* ..................................................................................................</p>
                <p>* ..................................................................................................</p>
                <p>* ..................................................................................................</p>
                <p>* ..................................................................................................</p>
            </div>
        <?php endif; ?>
    </div>

    <div style="margin-top: 60px; display: flex; justify-content: space-between;">
        <div style="text-align: center;">
            <p style="font-weight: bold;">مدير الموارد البشرية</p>
            <br><br>
            <p>التوقيع: ..................</p>
        </div>
        <div style="text-align: center;">
            <p style="font-weight: bold;">المدير التنفيذي</p>
            <br><br>
            <p>التوقيع: ..................</p>
        </div>
    </div>
</div>

<style>
@media print {
    body { margin: 0; }
    .print-page { padding: 20px !important; }
    .no-print { display: none !important; }
}
</style>

<?php $__template->endSection(); ?>
