<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>تفاصيل الراتب: <?= e($profile->first_name_ar . ' ' . $profile->last_name_ar) ?><?php $__template->endSection(); ?>

<?php $__template->section('page_actions'); ?>
<a href="/hr/employees/<?= (int) $profile->id ?>" class="btn btn-secondary">رجوع للملف</a>
<?php $__template->endSection(); ?>

<?php $__template->section('content'); ?>
<div class="card" style="margin-bottom:20px;">
    <div style="padding:16px;border-bottom:1px solid #E5E7EB;">
        <h3 style="margin:0;font-size:16px;">الراتب الأساسي والهيكل</h3>
    </div>
    <div style="padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;">
        <div><span style="color:#6B7280;font-size:13px;">الراتب الأساسي</span><div style="font-weight:700;font-size:18px;"><?= number_format((float) $profile->basic_salary, 2) ?> ج.م</div></div>
        <div><span style="color:#6B7280;font-size:13px;">الأجر التأميني</span><div style="font-weight:600;"><?= $profile->insurable_salary ? number_format((float) $profile->insurable_salary, 2) . ' ج.م' : 'مطابق للأساسي' ?></div></div>
        <div><span style="color:#6B7280;font-size:13px;">هيكل الرواتب</span><div><?= $structure ? e($structure->name_ar) : '<span style="color:#DC2626;">غير محدد</span>' ?></div></div>
    </div>
</div>

<?php if (!empty($components)): ?>
<?php if (can('hr.employee.manage_salary')): ?>
<form method="POST" action="/hr/employees/<?= (int) $profile->id ?>/salary">
    <?= csrf_field() ?>
    <div class="card" style="margin-bottom:20px;">
        <div style="padding:16px;border-bottom:1px solid #E5E7EB;">
            <h3 style="margin:0;font-size:16px;">مكونات الراتب</h3>
        </div>
        <div style="padding:16px;">
            <div style="margin-bottom:16px;">
                <label style="display:block;margin-bottom:4px;font-size:13px;">تاريخ السريان</label>
                <input type="date" name="effective_date" value="<?= date('Y-m-d') ?>" class="form-control" style="max-width:200px;">
            </div>
            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr><th>المكون</th><th>النوع</th><th>طريقة الحساب</th><th>المبلغ الحالي</th><th>المبلغ الجديد</th></tr>
                    </thead>
                    <tbody>
                        <?php foreach ($components as $comp): ?>
                        <?php
                        $current = null;
                        foreach ($salaryDetails as $sd) {
                            if ((int) $sd['component_id'] === (int) $comp['id']) {
                                $current = $sd;
                                break;
                            }
                        }
                        ?>
                        <tr>
                            <td><?= e($comp['name_ar']) ?></td>
                            <td>
                                <?php if ($comp['type'] === 'earning'): ?>
                                <span style="color:#059669;">استحقاق</span>
                                <?php else: ?>
                                <span style="color:#DC2626;">خصم</span>
                                <?php endif; ?>
                            </td>
                            <td><?= e($comp['calculation_type']) ?></td>
                            <td><?= $current ? number_format((float) $current['amount'], 2) : '-' ?></td>
                            <td>
                                <input type="text" name="components[<?= (int) $comp['id'] ?>]" value="<?= e($current ? $current['amount'] : $comp['default_amount']) ?>" class="form-control" style="max-width:140px;">
                            </td>
                        </tr>
                        <?php endforeach; ?>
                    </tbody>
                </table>
            </div>
        </div>
        <div style="padding:16px;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;">
            <button type="submit" class="btn btn-primary">حفظ مكونات الراتب</button>
        </div>
    </div>
</form>
<?php else: ?>
<div class="card" style="margin-bottom:20px;">
    <div style="padding:16px;border-bottom:1px solid #E5E7EB;">
        <h3 style="margin:0;font-size:16px;">مكونات الراتب</h3>
    </div>
    <div class="table-responsive">
        <table class="data-table">
            <thead>
                <tr><th>المكون</th><th>النوع</th><th>طريقة الحساب</th><th>المبلغ الحالي</th></tr>
            </thead>
            <tbody>
                <?php foreach ($components as $comp): ?>
                <?php
                $current = null;
                foreach ($salaryDetails as $sd) {
                    if ((int) $sd['component_id'] === (int) $comp['id']) {
                        $current = $sd;
                        break;
                    }
                }
                ?>
                <tr>
                    <td><?= e($comp['name_ar']) ?></td>
                    <td>
                        <?php if ($comp['type'] === 'earning'): ?>
                        <span style="color:#059669;">استحقاق</span>
                        <?php else: ?>
                        <span style="color:#DC2626;">خصم</span>
                        <?php endif; ?>
                    </td>
                    <td><?= e($comp['calculation_type']) ?></td>
                    <td><?= $current ? number_format((float) $current['amount'], 2) : '-' ?></td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>
<?php endif; ?>
<?php else: ?>
<div class="card" style="padding:40px;text-align:center;color:#9CA3AF;">
    <p>لم يتم تحديد هيكل رواتب للموظف. قم بتحديد هيكل الرواتب أولاً من صفحة تعديل الملف.</p>
</div>
<?php endif; ?>
<?php $__template->endSection(); ?>
