{{-- مكون AJAX لتحليل السيرة الذاتية وعرض النتائج للتأكيد --}}
<div class="modal-overlay" id="cvParserModal" style="display:none;">
    <div class="card" style="max-width: 560px; margin: 60px auto;">
        <div class="card-header">
            نتائج تحليل السيرة الذاتية
            <button type="button" onclick="closeCvParserModal()" style="float:left; background:none; border:none; cursor:pointer;">
                <i class="fa-solid fa-xmark"></i>
            </button>
        </div>
        <div class="card-body">
            <div id="cvParserLoading" style="display:none;" class="empty-state">
                <i class="fa-solid fa-spinner fa-spin"></i>
                <p>جارٍ تحليل السيرة الذاتية...</p>
            </div>

            <div id="cvParserError" class="alert alert-danger" style="display:none;"></div>

            <div id="cvParserResults" style="display:none;">
                <div class="detail-grid">
                    <div class="detail-item">
                        <label>الاسم المستخرج</label>
                        <span id="cvResultName">—</span>
                    </div>
                    <div class="detail-item">
                        <label>البريد الإلكتروني</label>
                        <span id="cvResultEmail">—</span>
                    </div>
                    <div class="detail-item">
                        <label>رقم الهاتف</label>
                        <span id="cvResultPhone">—</span>
                    </div>
                    <div class="detail-item full">
                        <label>المهارات المكتشفة</label>
                        <span id="cvResultSkills">—</span>
                    </div>
                </div>
                <div class="form-hint">راجع البيانات المستخرجة أعلاه، ثم اضغط "تعبئة النموذج" لملء الحقول تلقائياً.</div>
                <div class="form-actions">
                    <button type="button" class="btn btn-primary" onclick="applyCvParserResults()">
                        <i class="fa-solid fa-check"></i> تعبئة النموذج
                    </button>
                    <button type="button" class="btn btn-secondary" onclick="closeCvParserModal()">إغلاق</button>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    overflow-y: auto;
}
</style>

<script>
var cvParserLastResult = null;

function openCvParserModal() {
    document.getElementById('cvParserModal').style.display = 'block';
}

function closeCvParserModal() {
    document.getElementById('cvParserModal').style.display = 'none';
}

function submitCvForParsing(inputElement, csrfToken, endpointUrl) {
    if (!inputElement.files || !inputElement.files[0]) {
        return;
    }

    openCvParserModal();
    document.getElementById('cvParserResults').style.display = 'none';
    document.getElementById('cvParserError').style.display = 'none';
    document.getElementById('cvParserLoading').style.display = 'block';

    var formData = new FormData();
    formData.append('cv_file', inputElement.files[0]);
    formData.append('_token', csrfToken);

    fetch(endpointUrl, {
        method: 'POST',
        headers: { 'X-Requested-With': 'XMLHttpRequest' },
        body: formData,
    })
    .then(function (res) { return res.json(); })
    .then(function (json) {
        document.getElementById('cvParserLoading').style.display = 'none';

        if (!json.success) {
            document.getElementById('cvParserError').textContent = json.message || 'فشل تحليل السيرة الذاتية.';
            document.getElementById('cvParserError').style.display = 'block';
            return;
        }

        cvParserLastResult = json.data;

        document.getElementById('cvResultName').textContent = json.data.name || 'غير موجود';
        document.getElementById('cvResultEmail').textContent = json.data.email || 'غير موجود';
        document.getElementById('cvResultPhone').textContent = json.data.phone || 'غير موجود';
        document.getElementById('cvResultSkills').textContent = (json.data.skills && json.data.skills.length)
            ? json.data.skills.join('، ')
            : 'لا توجد مهارات مكتشفة';

        document.getElementById('cvParserResults').style.display = 'block';
    })
    .catch(function () {
        document.getElementById('cvParserLoading').style.display = 'none';
        document.getElementById('cvParserError').textContent = 'حدث خطأ أثناء الاتصال بالخادم.';
        document.getElementById('cvParserError').style.display = 'block';
    });
}

function applyCvParserResults() {
    if (!cvParserLastResult) {
        return;
    }

    var nameField = document.querySelector('[name="full_name"], [name="name"]');
    var emailField = document.querySelector('[name="email"]');
    var phoneField = document.querySelector('[name="phone"]');
    var skillsField = document.querySelector('[name="skills"]');

    if (nameField && cvParserLastResult.name) nameField.value = cvParserLastResult.name;
    if (emailField && cvParserLastResult.email) emailField.value = cvParserLastResult.email;
    if (phoneField && cvParserLastResult.phone) phoneField.value = cvParserLastResult.phone;
    if (skillsField && cvParserLastResult.skills) skillsField.value = cvParserLastResult.skills.join('، ');

    closeCvParserModal();
}
</script>