
function addNewServiceRow(id, first_name, last_name, country_code, phone_number, date_of_birth, specialty, gender, address, profile_picture, status, biography) {

    // افزودن به آرایه داده‌ها
    const newService = {
        id, first_name, last_name, country_code,phone_number, date_of_birth, specialty, gender, address, profile_picture, status, biography
    };

    allServiceData.push(newService);
    currentFilteredServices.push(newService);

    // به‌روزرسانی صفحه‌بندی و نمایش جدول
    const lastPage = Math.ceil(currentFilteredServices.length / ITEMS_PER_PAGE);
    renderView(currentFilteredServices, lastPage);

    // نمایش آخرین صفحه که سرویس جدید در آن است
}
document.getElementById('addNewService').addEventListener('click', function () {
    const addBtn = this;
    addBtn.disabled = true;
    addBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> saving...';

    const form = document.getElementById('addServiceForm');
    const formData = new FormData(form);
    formData.append('country_code', document.getElementById('country_code').textContent);
    const selectedServices = Array.from(form.querySelectorAll('#services option:checked')).map(opt => opt.value);

    if (selectedServices.length === 0) {
        showError('select atleast one Service.');
        addBtn.disabled = false;
        addBtn.innerHTML = 'Save';
        return;
    }
    // اعتبارسنجی ساده
    const first_name = formData.get('first_name')?.trim();
    const last_name = formData.get('last_name')?.trim();
    const phone_number = formData.get('phone_number')?.trim();
    const country_code = formData.get('country_code')?.trim();
    console.log("country_code=",document.getElementById('country_code'))
    console.log("country_code=",country_code)
    console.log("country_code=",country_code)
    const date_of_birth = formData.get('date_of_birth');
    if (!first_name || !last_name || !date_of_birth || !phone_number.match(/^\d{1,15}$/)) {
        showError('Fill all required field.');
        addBtn.disabled = false;
        addBtn.innerHTML = 'Save';
        return;
    }

    fetch(`${urlAdd}/`, {
        method: 'POST',
        headers: {
            'X-CSRFToken': getCSRFToken(),
            'Accept': 'application/json'
            // مهم: 'Content-Type' را تنظیم نکنید چون FormData خودش مقداردهی می‌کند
        },
        body: formData
    })
    .then(response => {
        if (!response.ok) {
            return response.text().then(text => {
                throw new Error(`Error: ${text}`);
            });
        }
        return response.json();
    })
    .then(data => {
        if (data.success) {
            location.reload();
            // بستن مدال
            const modal = bootstrap.Modal.getInstance(document.getElementById('addServiceModal'));
            modal.hide();

            // موفقیت
            showSuccess('Success!');

            // اضافه به جدول
            const profileURL = data.profile_picture || null;

            addNewServiceRow(
                data.id,
                formData.get('first_name'),
                formData.get('last_name'),
                formData.get('country_code'),
                formData.get('phone_number'),
                formData.get('date_of_birth'),
                formData.get('specialty'),
                formData.get('gender'),
                formData.get('address'),
                profileURL,
                formData.get('status'),
                formData.get('biography')
            );

            // ریست فرم
            form.reset();
        } else {
            showError(data.error || 'Error.');
        }
    })
    .catch(error => {
        console.error('Error while adding doctor:', error);
        showError('Error: ' + error.message);
    })
    .finally(() => {
        addBtn.disabled = false;
        addBtn.innerHTML = 'Save';
    });
});