18.188.142.146<link rel="stylesheet" type="text/css" media="screen" href="view/submitCustomer.css?2024 Apr Fri 06:23">
<script src="view/jquery-3.6.0.js"></script>
<div class="submitCustomerWrapper">
    <div class="submitCustomerContent">
        <form class="submitCustomerForm">
            <div class="submitCustomerFormPersonInfo">
                <div class="submitCustomerFormTitle">مشخصات بازدید کننده:</div>
                <div class="submitCustomerFormPersonInfoWrapper">
                    <div class="submitCustomerFormPersonInfoItem">
                        <div>
                            <select class="submitCustomerPersonGender" required>
                                <option disabled selected hidden>-- جنسیت --</option>
                                <option value="آقا">آقا</option>
                                <option value="خانم">خانم</option>
                            </select>
                        </div>
                        <div>
                            <label for="fullName">نام و نام خانوادگی:</label>
                            <input required type="text" id="fullName" class="fullNameInput">
                        </div>
                    </div>
                    <div class="submitCustomerFormPersonInfoItem">
                        <div>
                            <label for="companyName">نام شرکت:</label>
                            <input type="text" id="companyName" class="companyNameInput">
                        </div>
                        <div>
                            <select class="submitCustomerCompanyType">
                                <option disabled selected>-- نوع شرکت --</option>
                                <option value="1">حقوقی غیردولتی</option>
                                <option value="2">حقوقی دولتی</option>
                            </select>
                        </div>
                    </div>
                    <div class="submitCustomerFormPersonInfoItem">
                        <div>
                            <label for="prePhoneNumber">پیش شماره:</label>
                            <input type="number" id="prePhoneNumber" class="prePhoneNumberInput">
                        </div>
                        <div>
                            <label for="phoneNumber">تلفن:</label>
                            <input type="number" id="phoneNumber" class="phoneNumberInput">
                        </div>
                    </div>
                    <div class="submitCustomerFormPersonInfoItem">
                        <label for="mobileNumber">همراه:</label>
                        <input required type="number" id="mobileNumber" class="mobileNumberInput">
                    </div>
                    <div class="submitCustomerFormPersonInfoItem">
                        <label for="email">ایمیل:</label>
                        <input type="email" id="email" class="emailInput">
                    </div>
                    <div class="submitCustomerFormPersonInfoItem">
                        <label for="searchProvince">جستجوی استان:</label>
                        <input id="searchProvince" type="text" class="searchProvince">
                        <select class="submitCustomerFormProvince" required>
                            <option selected disabled hidden>-- استان --</option>
                        </select>
                    </div>
                    <div class="submitCustomerFormPersonInfoItem">
                        <label for="searchCity">جستجوی شهر:</label>
                        <input type="text" id="searchCity" class="searchCity">
                        <select class="submitCustomerFormCity" required>
                            <option selected disabled hidden>-- شهر --</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="submitCustomerFormWorkInfo">
                <div class="submitCustomerFormTitle ">زمینه فعالیت:</div>
                <div class="submitCustomerFormJobs">
                    <div class="submitCustomerFormJobsItem">
                        <input id="factoryCheckbox" type="checkbox" value="1">
                        <label for="factoryCheckbox">کارخانه</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="bigSellerCheckbox" type="checkbox" value="2">
                        <label for="bigSellerCheckbox">آهن فروشان عمده</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="smallSellerCheckbox" type="checkbox" value="3">
                        <label for="smallSellerCheckbox">آهن فروشان خرده</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="workshopCheckbox" type="checkbox" value="4">
                        <label for="workshopCheckbox">کارگاه های صنعتی</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="doorAndWindowCheckbox" type="checkbox" value="5">
                        <label for="doorAndWindowCheckbox">صنف درب و پنجره ساز</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="sellerCheckbox" type="checkbox" value="6">
                        <label for="sellerCheckbox">دلالان</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="personalCheckbox" type="checkbox" value="7">
                        <label for="personalCheckbox">مصرف کننده های شخصی</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="waysCompanyCheckbox" type="checkbox" value="8">
                        <label for="waysCompanyCheckbox">شرکت های راه سازی</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="buildingCompanyCheckbox" type="checkbox" value="9">
                        <label for="buildingCompanyCheckbox">شرکت های ساختمان سازی</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="govermentCheckbox" type="checkbox" value="10">
                        <label for="govermentCheckbox">ارگان های دولتی</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="shipMakerCheckbox" type="checkbox" value="11">
                        <label for="shipMakerCheckbox">صنف کشتی سازان</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="businessCompanyCheckbox" type="checkbox" value="12">
                        <label for="businessCompanyCheckbox">شرکت های بازرگانی</label>
                    </div>
                    <div class="submitCustomerFormJobsItem">
                        <input id="nichesCheckbox" type="checkbox" value="13">
                        <label for="nichesCheckbox">صنف سوله سازان</label>
                    </div>
                </div>
            </div>
            <div class="submitCustomerFormProductAndService">
                <div class="submitCustomerFormTitle ">اطلاعات مورد نیاز در خصوص محصولات یا خدمات:</div>
                <div class="submitCustomerProductList">
                    <div class="submitCustomerProductListItem">
                        <input id="rebarCheckbox" type="checkbox" value="1">
                        <label for="rebarCheckbox">میلگرد</label>
                    </div>
                    <div class="submitCustomerProductListItem">
                        <input id="beamCheckbox" type="checkbox" value="2">
                        <label for="beamCheckbox">تیرآهن و هاش</label>
                    </div>
                    <div class="submitCustomerProductListItem">
                        <input id="sheetCheckbox" type="checkbox" value="3">
                        <label for="sheetCheckbox">ورق</label>
                    </div>
                    <div class="submitCustomerProductListItem">
                        <input id="angleCheckbox" type="checkbox" value="5">
                        <label for="angleCheckbox">نبشی و ناودانی</label>
                    </div>
                    <div class="submitCustomerProductListItem">
                        <input id="pipeCheckbox" type="checkbox" value="6">
                        <label for="pipeCheckbox">لوله</label>
                    </div>
                    <div class="submitCustomerProductListItem">
                        <input id="squareCheckbox" type="checkbox" value="121">
                        <label for="squareCheckbox">قوطی پروفیل</label>
                    </div>
                    <div class="submitCustomerProductListItem">
                        <input id="rodCheckbox" type="checkbox" value="215">
                        <label for="rodCheckbox">مفتول و محصولات مفتولی</label>
                    </div>
                    <div class="submitCustomerProductListItem">
                        <input id="materialCheckbox" type="checkbox" value="237">
                        <label for="materialCheckbox">مواد اولیه</label>
                    </div>
                </div>
            </div>
            <div class="submitCustomerFormOtherInfo">
                <div class="submitCustomerFormTitle">اطلاعات تکمیلی:</div>
                <div class="submitCustomerFormOtherInfoWrapper">
                    <div>
                        <select class="submitCustomerStaffList" required>
                            <option selected disabled hidden> -- کارشناس مربوطه -- </option>
                                                        <option class="margin3" value="5">سجاد محبی</option>
                            <option class="margin5" value="124">علی اکبر محبی</option>
                            <option class="margin3" value="3">علی قیصری</option>
                            <option class="margin3" value="11">زهرا شیخی</option>
                            <option class="margin3" value="59">مریم ابراهیمی</option>
                            <option class="margin3" value="90">عبدالحسین مبروک</option>
                            <option class="margin3" value="100">آناهیتا دهقان</option>
                            <option class="margin3" value="120">درسا صادقی</option>
                            <option class="margin3" value="151">مژده خشتی</option>
                            <option class="margin3" value="24">اعظم نوروزی</option>
                            <option class="margin3" value="61">سحر درخشان</option>
                            <option class="margin3" value="74">مریم سیامکی</option>
                            <option class="margin3" value="115">منصوره کریمیان</option>
                            <option class="margin3" value="126">فریناز کدخدایی</option>
                            <option class="margin3" value="142">فروغ شایگان</option>
                            <option class="margin3" value="148">آیدا ثمنی</option>
                            <option class="margin3" value="23">مهتاب جهانبخش</option>
                            <option class="margin3" value="39">پریسا محبی</option>
                            <option class="margin3" value="129">مریم هاشمی</option>
                            <option class="margin3" value="135">مهرنوش هاشمی</option>
                            <option class="margin3" value="149">حجت الله صدیقی</option>
                            <option class="margin3" value="152">علی فرامرزبختیاری</option>
                        </select>
                    </div>
                    <textarea class="submitCustomerFormDescriptionInput" placeholder="توضیحات ..."></textarea>
                </div>
            </div>
            <div class="submitCustomerFormEditBtnWrapper">
                <div class="submitCustomerFormEditBtnGet">دریافت اطلاعات</div>
                <button class="submitCustomerFormEditBtnEdit" type="submit" disabled>ویرایش اطلاعات</button>
                <button class="submitCustomerFormSubmitBtn" type="submit">ثبت اطلاعات</button>
                <div class="submitCustomerFormListBtn">لیست مشتری ها</div>
            </div>
        </form>
        <div class="submitedCustomersListWraper">
            <table class="submitedCustomersListTable">
                <tr>
                    <th>ردیف</th>
                    <th>نام و نام خانوادگی</th>
                    <th>موبایل</th>
                    <th>نام شرکت</th>
                    <th>استان</th>
                    <th>محصول مورد نظر</th>
                    <th>زمینه فعالیت</th>
                    <th>توضیحات</th>
                    <th>کارشناس مربوطه</th>
                    <th>وضعیت ویرایش</th>
                    <th>ویرایش</th>
                </tr>
                <tbody class="submitedCustomersListTableBody"></tbody>
            </table>
            <div class="submitCustomerFormListReturnBtn">بازگشت</div>
        </div>
    </div>
</div>

<div class="dialogModal errorMessage">
    ثبت اطلاعات با خطا مواجه شد! ☹
</div>

<div class="dialogModal successMessage">
    اطلاعات با موفقیت ثبت شد! ☺
</div>

<script>
$(function() {

    // add a star for required inputs
    $(".submitCustomerForm input , .submitCustomerForm select").each(function() {
        if ($(this).attr('required')) {
            $(this).addClass('requiredInput');
            $(this).after('<span class="requiredInputAfter">*</span>');
        }
    });

    // limit pre phone number input by 3, phone number input by 8 and mobile number input by 11
    $(".prePhoneNumberInput").on("input", function() {
        if (this.value.length > 3) {
            this.value = this.value.slice(0, 3);
        }
    });
    $(".phoneNumberInput").on("input", function() {
        if (this.value.length > 8) {
            this.value = this.value.slice(0, 8);
        }
    });
    $(".mobileNumberInput").on('input', function() {
        if (this.value.length > 11) {
            this.value = this.value.slice(0, 11);
        }
    });

    // get province and city from database
    $.ajax({
        url: 'controller/ProvinceController.php',
        type: 'POST',
        dataType: 'JSON',
        success: function(response) {
            for (let i = 0; i <= response.length; i++) {
                $(".submitCustomerFormProvince").append(
                    `<option value="${response[i]['id']}">${response[i]['name']}</option>`);
            }
        },
        error: function(error, status, data, xhr) {
            console.log("Error!!!")
            console.log(error);
            console.log(status);
            console.log(data.responseText);
            console.log(xhr);
        }
    });
    $(".submitCustomerFormProvince").on('change', function() {
        var provinceValue = {
            province_id: parseInt($(".submitCustomerFormProvince option:selected").val())
        };
        $.ajax({
            url: 'controller/CityController.php',
            type: 'POST',
            dataType: 'JSON',
            data: provinceValue,
            success: function(response) {
                $(".submitCustomerFormCity").text('');
                $(".submitCustomerFormCity").append(
                    '<option selected disabled hidden>-- شهر --</option>');
                for (let i = 0; i <= response.length; i++) {
                    $(".submitCustomerFormCity").append(
                        `<option value="${response[i]['id']}">${response[i]['name']}</option>`
                    );
                }
            },
            error: function(error, status, data, xhr) {
                console.log("Error!!!")
                console.log(error);
                console.log(status);
                console.log(data.responseText);
                console.log(xhr);
            }
        });
    });

    // search province and city
    $(".searchProvince").on('keyup', function() {
        var value = $(this).val()
        $(".submitCustomerFormProvince option").filter(function() {
            $(this).toggle($(this).text().indexOf(value) > -1);
        });
    });
    $(".searchCity").on('keyup', function() {
        var value = $(this).val()
        $(".submitCustomerFormCity option").filter(function() {
            $(this).toggle($(this).text().indexOf(value) > -1);
        });
    });

    // send form values by ajax
    // also check required inputs and alert user to fill them
    // stop to send data if required inputs not filled
    var old_mobile_number;
    $(".submitCustomerForm").on('submit', function(event) {
        var allowToSend = true,
            customerJobs = [],
            customerProductList = [],
            companyName = $(".companyNameInput").val(),
            companyType = parseInt($(".submitCustomerCompanyType").val());
        $.each($(".submitCustomerFormJobs input:checked"), function(key, value) {
            customerJobs.push(parseInt($(value).val()));
        });
        $.each($(".submitCustomerProductList input:checked"), function(key, value) {
            customerProductList.push(parseInt($(value).val()));
        });
        let customerForm = {
            gender: $(".submitCustomerPersonGender").val() ? $(".submitCustomerPersonGender")
                .val() : alert('جنسیت را انتخاب کنید'),
            full_name: $(".fullNameInput").val(),
            company_name: companyName.length != 0 ? companyName : null,
            company_type: companyName.length != 0 && companyType ? companyType : companyName
                .length != 0 && !companyType ? alert('نوع شرکت را انتخاب کنید') : companyName
                .length == 0 && companyType ? null : null,
            area_code: $(".prePhoneNumberInput").val() ? $(".prePhoneNumberInput").val() : null,
            phone_number: $(".phoneNumberInput").val() ? $(".phoneNumberInput").val() : null,
            mobile_number: $(".mobileNumberInput").val().length == 11 ? $(".mobileNumberInput")
                .val() : alert('فرمت شماره موبایل صحیح نیست'),
            email: $(".emailInput").val(),
            province_id: $(".submitCustomerFormProvince").val() ? parseInt($(
                ".submitCustomerFormProvince").val()) : alert('استان را انتخاب کنید'),
            city_id: $(".submitCustomerFormCity").val() ? parseInt($(".submitCustomerFormCity")
                .val()) : alert('شهر را انتخاب کنید'),
            activity_field: customerJobs.length != 0 ? customerJobs : alert(
                'حداقل یک زمینه فعالیت را انتخاب کنید'),
            category_id: customerProductList.length != 0 ? customerProductList : alert(
                'حداقل یک محصول یا خدمت را انتخاب کنید'),
            staff_id: $(".submitCustomerStaffList").val() ? parseInt($(".submitCustomerStaffList")
                .val()) : alert('کارشناس مربوطه را انتخاب نمایید'),
            description: $(".submitCustomerFormDescriptionInput").val(),
            user_status: 1,
            introduction: 10,
            old_mobile_number: old_mobile_number ? old_mobile_number : null
        };

        console.log(customerForm['old_mobile_number']);
        var companyStatus;
        if (companyName.length != 0 && companyType) {
            companyStatus = 1;
        } else if (companyName.length != 0 && !companyType) {
            companyStatus = 2;
        } else if (companyName.length == 0 && companyType) {
            companyStatus = 3;
        } else if (companyName.length == 0 && !companyType) {
            companyStatus = 4;
        }
        if (
            !customerForm["gender"] ||
            companyStatus == 2 ||
            !customerForm["province_id"] ||
            $(".mobileNumberInput").val().length != 11 ||
            !customerForm["city_id"] ||
            customerJobs.length == 0 ||
            customerProductList.length == 0 ||
            !customerForm["staff_id"]
        ) {
            event.preventDefault();
            allowToSend = false;
        }
        if (allowToSend == true) {
            $.ajax({
                url: 'controller/UserController.php',
                type: 'POST',
                dataType: 'JSON',
                data: customerForm,
                success: function(response) {
                    if (response['status'] == 2) {
                        alert('این شماره موبایل قبلا ثبت شده است!');
                    } else if (response['status'] == true) {
                        $(".successMessage").fadeIn().css('display', 'flex');
                        setTimeout(reloadPage, 1000);
                    }
                },
                error: function(status, error, data, xhr) {
                    $(".errorMessage").fadeIn().css('display', 'flex');
                    setTimeout(closeError, 1000)
                    console.log("Error!!!");
                    console.log(status);
                    console.log(error);
                    console.log(data.responseText);
                    console.log(xhr);
                }
            });
        }
        event.preventDefault();
    });

    function reloadPage() {
        location.reload()
    }

    function closeError() {
        $(".errorMessage").fadeOut();
    }

    // receive and send data for edit
    $(".submitCustomerFormEditBtnGet").on('click', function() {
        var mobileNumberVal = {
            mobile_number: $(".mobileNumberInput").val()
        };
        if (!mobileNumberVal['mobile_number']) {
            alert('لطفا شماره موبایل را وارد کنید!');
        } else if (mobileNumberVal['mobile_number'].length != 11) {
            alert('فرمت شماره موبایل صحیح نمی باشد!');
        } else if (mobileNumberVal['mobile_number'].length == 11) {
            var provinceValue = {
                province_id: 0
            };
            $.ajax({
                url: 'controller/UserController.php',
                type: 'GET',
                dataType: 'JSON',
                data: mobileNumberVal,
                success: function(response) {
                    old_mobile_number = mobileNumberVal['mobile_number'];
                    $(".submitCustomerFormSubmitBtn").attr('disabled', true);
                    $(".submitCustomerFormSubmitBtn").css('opacity', '0.5');
                    $(".submitCustomerFormEditBtnEdit").removeAttr('disabled');
                    $(".submitCustomerFormEditBtnEdit").css('opacity', '1');
                    $('.submitCustomerPersonGender option').attr('selected', false);
                    $(`.submitCustomerPersonGender option[value="${response['data']['gender']}"]`)
                        .attr('selected', true);
                    $(".fullNameInput").val(response['data']['full_name']);
                    $('.submitCustomerStaffList option').attr('selected', false);
                    $(`.submitCustomerStaffList option[value="${response['data']['staff_id']}"]`)
                        .attr('selected', true);
                    $('.submitCustomerStaffList').attr('disabled', true);
                    $('.submitCustomerFormProvince option').attr('selected', false);
                    $(`.submitCustomerFormProvince option[value="${response['data']['province_id']}"]`)
                        .attr('selected', true);
                    provinceValue["province_id"] = parseInt(response['data'][
                        'province_id'
                    ]);
                    $.ajax({
                        url: 'controller/CityController.php',
                        type: 'POST',
                        dataType: 'JSON',
                        data: provinceValue,
                        success: function(response) {
                            $(".submitCustomerFormCity").text('');
                            $(".submitCustomerFormCity").append(
                                '<option selected disabled hidden>-- شهر --</option>'
                            );
                            for (let i = 0; i <= response.length; i++) {
                                $(".submitCustomerFormCity").append(
                                    `<option value="${response[i]['id']}">${response[i]['name']}</option>`
                                );
                            }
                        },
                        error: function(error, status, data, xhr) {
                            console.log("Error!!!")
                            console.log(error);
                            console.log(status);
                            console.log(data.responseText);
                            console.log(xhr);
                        }
                    });
                    setTimeout(function() {
                        $(`.submitCustomerFormCity option[value="${response['data']['city_id']}"]`)
                            .attr('selected', true);
                    }, 1000);
                    if (response['data']['company_name'] ||
                        response['data']['company_type'] ||
                        response['data']['area_code'] ||
                        response['data']['phone_number'] ||
                        response['data']['email'] ||
                        response['data']['description']
                    ) {
                        $(".companyNameInput").val(response['data']['company_name']);
                        $(`.submitCustomerCompanyType option[value="${response['data']['company_type']}"]`)
                            .attr('selected', true);
                        $(".prePhoneNumberInput").val(response['data']['area_code']);
                        $(".phoneNumberInput").val(response['data']['phone_number']);
                        $(".emailInput").val(response['data']['email']);
                        $(".submitCustomerFormDescriptionInput").val(response['data'][
                            'description'
                        ]);
                    }
                    $('.submitCustomerFormJobsItem input').prop('checked', false);
                    for (let i = 0; i <= response['data']['activity_field'].length; i++) {
                        $(`.submitCustomerFormJobsItem input[value=${response['data']['activity_field'][i]}]`)
                            .prop('checked', true);
                    }
                    $('.submitCustomerProductListItem input').prop('checked', false);
                    for (let i = 0; i <= response['data']['category_id'].length; i++) {
                        $(`.submitCustomerProductListItem input[value=${response['data']['category_id'][i]}]`)
                            .prop('checked', true);
                    }
                },
                error: function(error, status, data, xhr) {
                    alert('شماره موبایل وجود ندارد!');
                    console.log('Error!!!');
                    console.log(error);
                    console.log(status);
                    console.log(data.responseText);
                    console.log(xhr);
                }
            });
        }
    });

    // show submited customers list
    $(".submitCustomerFormListBtn").on('click', function() {
        $(".submitCustomerForm").fadeOut();
        $(".submitedCustomersListWraper").fadeIn(function() {
            $(this).css('display', 'grid');
        });
        $.ajax({
            url: 'controller/UserController.php',
            method: 'GET',
            dataType: 'JSON',
            success: function(response) {
                $(".submitedCustomersListTableBody").html('');
                var selectedProduct = [],
                    selectedJobs = [],
                    selectedProvince,
                    selectedCity,
                    selectedStaff,
                    productId = [],
                    productName = [],
                    jobId = [],
                    jobName = [],
                    provinceId = [],
                    provinceName = [],
                    staffId = [],
                    staffName = [];
                $(".submitCustomerProductListItem").each(function(key, value) {
                    productId.push(value.children[0].value);
                    productName.push($(value.children[1]).text());
                });
                $(".submitCustomerFormJobsItem").each(function(key, value) {
                    jobId.push(value.children[0].value);
                    jobName.push($(value.children[1]).text());
                });
                $(".submitCustomerFormProvince option").each(function(key, value) {
                    provinceId.push(value.value);
                    provinceName.push(value.text);
                });
                $(".submitCustomerStaffList option").each(function(key, value) {
                    staffId.push(value.value);
                    staffName.push(value.text);
                });

                // loop on ajax response data for create table items
                $(response.data).each(function(key, value) {
                    selectedProduct = value['category_id'],
                        selectedJobs = value['activity_field'],
                        selectedProvince = value['province_id'],
                        selectedstaff = value['staff_id'];
                    var productToShow = [],
                        jobsToShow = [],
                        provinceToShow,
                        staffToShow;

                    for (var i = 0; i < selectedProduct.length; i++) {
                        productToShow.push(productName[productId.indexOf(
                            `${selectedProduct[i]}`)]);
                    }
                    for (var i = 0; i < selectedJobs.length; i++) {
                        jobsToShow.push(jobName[jobId.indexOf(
                            `${selectedJobs[i]}`)]);
                    }
                    // provinceToShow = provinceName[provinceId[`${selectedProvince}`]];
                    provinceToShow = provinceName[selectedProvince];
                    staffToShow = staffName[staffId.indexOf(`${selectedstaff}`)];

                    $(".submitedCustomersListTableBody").append(`
                    <tr>
                    <td>${key+1}</td>
                    <td>${value['full_name']}</td>
                    <td>${value['mobile_number']}</td>
                    <td>${value['company_name'] ? value['company_name'] : '- - -'}</td>
                    <td>${provinceToShow}</td>
                    <td>${productToShow}</td>
                    <td>${jobsToShow}</td>
                    <td>${value['description'] ? value['description'] : '- - -'}</td>
                    <td>${staffToShow}</td>
                    <td>${value['created_at']==value['updated_at'] ? '✗' : '✓'}</td>
                    <td><div class="customerListEditBtn">ویرایش</div></td>
                    </tr>`);
                });
                // edit each customer from list
                $(".customerListEditBtn").each(function(key, value) {
                    $(value).on('click', function() {
                        $(".submitedCustomersListWraper").fadeOut(
                            function() {
                                $(this).css('display', 'none');
                                $(".submitCustomerForm").fadeIn();
                                $(".mobileNumberInput").val($(value
                                    .parentElement.parentElement
                                    .children[2]).text());
                                $(".submitCustomerFormEditBtnGet")
                                    .click();
                            });
                    });
                });
            },
            error: function(error, status, xhr, data) {
                console.log('Error!!!');
                console.log(error);
                console.log(status);
                console.log(xhr);
                console.log(data.responseText);
            }
        });
    });

    // back to form
    $(".submitCustomerFormListReturnBtn").on('click', function() {
        $(".submitedCustomersListWraper").fadeOut(function() {
            $(this).css('display', 'none');
        });
        $(".submitCustomerForm").fadeIn();
    });

});
</script>