Backend-Api/ServiceHost/wwwroot/AssetsClient/pages/CustomizeCheckout/js/ModalCheckoutUnofficialCreate.js

$(document).ready(function() {
    $("#next-step").on("click", function() {
        $('#step-form1').hide();
        $('#step-form2').show();
        $('#prev-step').text('مرحله قبل');
        $('#next-step').text('ثبت');
        // $('#next-step').addClass('disable')
        $('#step-2').removeClass('not-step');
    });

    $("#prev-step").on("click", function() {
        $('#step-form1').show();

        if ($('#step-form2').is(":hidden")) {
            $("#MainModal").modal("hide");
        }

        $('#step-form2').hide();
        $('#prev-step').text('انصراف');
        $('#next-step').text('مرحله بعد');
        $('#step-2').addClass('not-step');
    });



    $('.dropdown-year .item').on("click", function () {
        let dataVal = $(this).attr("value-data-year");
        $('#sendDropdownYear').val(dataVal);
    });
    $('.dropdown-month .item').on("click", function () {
        let dataVal = $(this).attr("value-data-month");
        $('#sendDropdownMonth').val(dataVal);
    });

    var sendDropdownYear = $("#sendDropdownYear").val();
    if (sendDropdownYear) {
        let itemDropdownYear = $(".dropdown-year").find(".item[value-data-year='" + sendDropdownYear + "']");
        itemDropdownYear.addClass("active");
        var selectedYearDisplay = $(".wrapper-dropdown-year").find(".selected-display");
        selectedYearDisplay.text(itemDropdownYear.text());
    }

    var sendDropdownMonth = $("#sendDropdownMonth").val();
    if (sendDropdownMonth) {
        let itemDropdownMonth = $(".dropdown-month").find(".item[value-data-month='" + sendDropdownMonth + "']");
        itemDropdownMonth.addClass("active");
        var selectedMonthDisplay = $(".wrapper-dropdown-month").find(".selected-display");
        selectedMonthDisplay.text(itemDropdownMonth.text());
    }
})


$('.btnCreateNew').click(function() {
    var data = $('#create-form-unofficial').serialize();
    if ($("#step-form2").is(":visible")) {
        loadEmployeesByYearAndMonthFunction();
    }

    //$.ajax({
    //    async: false,
    //    dataType: 'json',
    //    type: 'POST',
    //    url: saveCheckoutUnofficialAjax,
    //    headers: { "RequestVerificationToken": antiForgeryToken },
    //    data: data,
    //    success: function (response) {
    //        if (response.success) {
    //            $('.alert-success-msg').show();
    //            $('.alert-success-msg p').text(response.message);
    //            setTimeout(function () {
    //                $('.alert-success-msg').hide();
    //                $('.alert-success-msg p').text('');
    //            }, 3500);
    //            window.location.reload();
    //        } else {
    //            $('.alert-msg').show();
    //            $('.alert-msg p').text(response.message);
    //            setTimeout(function () {
    //                $('.alert-msg').hide();
    //                $('.alert-msg p').text('');
    //            }, 3500);
    //        }
    //    },
    //    error: function (err) {
    //        console.log(err);
    //    }
    //});


});


function loadEmployeesByYearAndMonthFunction()
{
    var htmlTable = '';

    $.ajax({
        async: false,
        dataType: 'json',
        type: 'GET',
        url: loadEmployeesByYearAndMonthAjax,
        headers: { "RequestVerificationToken": antiForgeryToken },
        data: {
            year: $('#year-select').val(),
            month: $('#month-select').val()
        },
        success: function (response) {
            if (response.success) {
                console.log(response);

			    if(response.data.length > 0) {
                    response.data.forEach(function(item, index=1) {
                        htmlTable += `<div class="Rtable-row align-items-center position-relative openAction">
						    <div class="Rtable-cell width1">
							    <div class="Rtable-cell--heading d-none">
								    ردیف
							    </div>
							    <div class="Rtable-cell--content">
								    <div class="d-flex justify-content-center align-items-center table-number">
									    ${index++}
								    </div>
							    </div>
						    </div>

						    <div class="Rtable-cell width2">
							    <div class="Rtable-cell--heading d-none">نام پرسنل</div>
							    <div class="Rtable-cell--content employee-name">
								    ${item.employeeFullName}
							    </div>
						    </div>

						    <div class="Rtable-cell width3">
							    <div class="Rtable-cell--content text-center">
								    <div class="d-md-none d-none">شماره پرسنلی: </div>
								    <div class="d-flex ms-1">${item.personnelCode}</div>
							    </div>
						    </div>

						    <div class="Rtable-cell width4 position-relative bg-filter">
							    <div class="Rtable-cell--content text-center">
								    <div class="d-md-none d-none">تاریخ شروع: </div>
								    <div class="d-flex ms-1">${item.startContract}</div>
							    </div>
						    </div>
						    
						    <div class="Rtable-cell width4 position-relative bg-filter">
							    <div class="Rtable-cell--content text-center">
								    <div class="d-md-none d-none">تاریخ پایان: </div>
								    <div class="d-flex ms-1">${item.endContract}</div>
							    </div>
						    </div>


					    </div>`;
                    });
                }
			    else
			    {
				    htmlTable += `<div class="container-fluid">
	                                <div class="row p-lg-2 p-auto">
		                                <div class="text-center bg-white d-flex align-items-center justify-content-center w-100">
			                                <div class="">
				                                <img src="~/assetsclient/images/empty.png" alt="" class="img-fluid" />
				                                <h5>اطلاعاتی وجود ندارد.</h5>
			                                </div>
		                                </div>
	                                </div>
                                </div>`;
                }


                $('#loadTableCheckout').html(htmlTable);

            } else {
                $('.alert-msg').show();
                $('.alert-msg p').text(response.message);
                setTimeout(function () {
                    $('.alert-msg').hide();
                    $('.alert-msg p').text('');
                }, 3500);
            }
        },
        error: function (err) {
            console.log(err);
        }
    });
}