<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>إضافة ولي أمر<?php $__template->endSection(); ?>
<?php $__template->section('content'); ?>
<div class="card" style="max-width:600px;margin:0 auto;padding:25px;">
    <h3 style="margin-bottom:20px;color:#0D7377;">إنشاء حساب ولي أمر</h3>
    <form method="POST" action="/parents">
        <?= csrf_field() ?>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div style="grid-column:span 2;">
                <label class="form-label">الاسم بالعربية <span style="color:#DC2626;">*</span></label>
                <input type="text" name="full_name_ar" value="<?= e(old('full_name_ar')) ?>" class="form-input" required>
            </div>
            <div>
                <label class="form-label">الهاتف <span style="color:#DC2626;">*</span></label>
                <input type="text" name="phone" value="<?= e(old('phone')) ?>" class="form-input" required style="direction:ltr;text-align:right;">
            </div>
            <div>
                <label class="form-label">هاتف بديل</label>
                <input type="text" name="secondary_phone" value="<?= e(old('secondary_phone')) ?>" class="form-input" style="direction:ltr;text-align:right;">
            </div>
            <div>
                <label class="form-label">الصلة <span style="color:#DC2626;">*</span></label>
                <select name="relationship" class="form-select" required>
                    <?php foreach ($relationships as $k => $v): ?>
                    <option value="<?= e($k) ?>"><?= e($v) ?></option>
                    <?php endforeach; ?>
                </select>
            </div>
            <div>
                <label class="form-label">الرقم القومي</label>
                <input type="text" name="national_id" value="<?= e(old('national_id')) ?>" class="form-input" style="direction:ltr;text-align:right;">
            </div>
            <div>
                <label class="form-label">البريد الإلكتروني</label>
                <input type="email" name="email" value="<?= e(old('email')) ?>" class="form-input" style="direction:ltr;">
            </div>
            <div>
                <label class="form-label">الاسم بالإنجليزية</label>
                <input type="text" name="full_name_en" value="<?= e(old('full_name_en')) ?>" class="form-input" style="direction:ltr;">
            </div>
        </div>

        <div style="margin-top:20px;background:#F0F9FF;border:1px solid #BFDBFE;border-radius:8px;padding:15px;">
            <label class="form-label">ربط بلاعب (اختياري)</label>
            <input type="number" name="player_id" placeholder="رقم اللاعب" class="form-input" style="direction:ltr;text-align:right;">
            <small style="color:#6B7280;">يمكنك ربط لاعبين إضافيين لاحقاً من صفحة ولي الأمر</small>
        </div>

        <div style="margin-top:20px;display:flex;gap:10px;">
            <button type="submit" class="btn btn-primary">إنشاء</button>
            <a href="/parents" class="btn btn-outline">إلغاء</a>
        </div>
    </form>
</div>
<?php $__template->endSection(); ?>
