Backend-Api/ServiceHost/Areas/Client/Pages/Company/Employees/alert.cshtml

@model CompanyManagment.App.Contracts.Checkout.CreateCheckout
@{

    int i = 1;
    int b = 0;
}
@if (Model.Contracts != null)
{
    @foreach (var item in Model.Contracts)
    {
        <tr class="contractList">
            @if (item.RedColor)
            {
                <input type="hidden" name="redColor" />
            }
            @if (item.MoreThanOneMonth && item.Waiting == false)
            {
                <input type="hidden" value="@item.EmployeeName" name="MoreThanOneMonth" />
            }
            else if (item.Waiting && item.MoreThanOneMonth == false)
            {
                <input type="hidden" value="@item.EmployeeName" name="Waiting" />
            }
            else if (item.Waiting && item.MoreThanOneMonth)
            {
                <input type="hidden" value="@item.EmployeeName" name="MixWatingAndMore" />
            }

            <td class="@(i==Model.Contracts.Count?"last-row-first-child":"")" style="font-size: 12px !important; text-align: center;">
                @i
            </td>
            <td style="font-size: 12px !important; text-align: center;">

                @if (item.Extension)
                {

                    <input type="checkbox" class="chekedId" name="cheking" value="@item.EmployeeId" />
                    b++;
                }
                else
                {
                    @if (item.RedColor)
                    {
                        <input type="checkbox" value="@item.EmployeeId" disabled="disabled" />
                    }
                    else
                    {
                        <input type="checkbox" name="cheking" value="@item.EmployeeId" />
                    }

                }
            </td>
            <td style="font-size: 12px !important; text-align: center;">
                    <input type="text" class="pCode form-control" disabled="disabled" name="@item.EmployeeId" value="@item.PersonnelCode" />
            </td>
            <td class="@(i==Model.Contracts.Count?"last-row-last-child":"")" style="font-size: 12px !important; text-align: center;">
                @item.EmployeeName
            </td>
            @{
                i++;
            }
        </tr>
    }
}




<script>
    //var redCheck = $('.redColor').val();
    //if (redCheck == true) {
    //    console.log("ok");
    //    $('.redColor').closest('tr').css("background", "red");
    //}

    $(document).ready(function() {
        $('.chekedId').on('change', function () {
            let pname = this.value;
            let inputElement = document.querySelector('input[name="' + pname + '"]');
            if (this.checked) {

                inputElement.disabled = false;
                inputElement.style.backgroundColor = '#fff';

            } else {
                inputElement.disabled = true;
                inputElement.style.backgroundColor = '#e9e9e9';
            }

        });
    });
    var checkboxes = document.getElementsByName('redColor');
    for (var i = 0, n = checkboxes.length; i < n; i++) {
        checkboxes[i].parentNode.style.background = "rgb(248 251 196)";
    }
    var checkboxes = document.getElementsByName('Waiting');
    for (var i = 0, n = checkboxes.length; i < n; i++) {
        checkboxes[i].parentNode.style.background = "#ffcd40";
    }
    var checkboxes = document.getElementsByName('MoreThanOneMonth');
    for (var i = 0, n = checkboxes.length; i < n; i++) {
        checkboxes[i].parentNode.style.background = "#daf9ca";
    }
    var checkboxes = document.getElementsByName('MixWatingAndMore');
    for (var i = 0, n = checkboxes.length; i < n; i++) {
        checkboxes[i].parentNode.style.background = "#ffcd40";
    }
    var checkboxes2 = document.getElementsByName('MixWatingAndMore');
    //for (var s = 0, m = checkboxes2.length; s < m; s++) {
    //    $('#alarm').append(

    //        '<h5 style="color:red; direction: rtl;" class="ConvertErr"><span>  مدت قرارد </span>  <span>&nbsp;</span><span>' + checkboxes2[s].value + '</span> <span>&nbsp;</span><span> بیش از یک ماه است</span></h5>'
    //        + '<h5 style="color: #ffa12c; direction: rtl;" class="ConvertErr"><span> از آخرین قرارداد </span>  <span>&nbsp;</span><span>' + checkboxes2[s].value + '</span> <span>&nbsp;</span><span> تا تاریخ تبدیل انتخاب شده هیچ قراردادی وجود ندارد</span></h5>'
    //    );
    //}
    //var checkboxes2 = document.getElementsByName('MoreThanOneMonth');
    //for (var b = 0, m = checkboxes2.length; b < m; b++) {
    //    $('#alarm').append(

    //        '<h5 style="color:red; direction: rtl;" class="ConvertErr"><span>  مدت قرارد </span>  <span>&nbsp;</span><span>' + checkboxes2[b].value + '</span> <span>&nbsp;</span><span> بیش از یک ماه است</span></h5>'

    //    );
    //}

    //var checkboxes3 = document.getElementsByName('Waiting');
    //for (var a = 0, f = checkboxes3.length; a < f; a++) {
    //    $('#alarm').append(

    //        '<h5 style="color: #ffa12c; direction: rtl;" class="ConvertErr"><span> از آخرین قرارداد </span>  <span>&nbsp;</span><span>' + checkboxes3[a].value + '</span> <span>&nbsp;</span><span> تا تاریخ تبدیل انتخاب شده هیچ قراردادی وجود ندارد</span></h5>'

    //    );
    //}
    /*ff8f8d*/
</script>