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

@page
@using Version = _0_Framework.Application.Version
@model ServiceHost.Areas.Client.Pages.Company.Employees.IndexModel

@{
	string clientVerion = _0_Framework.Application.Version.StyleVersion;
    Layout = "Shared/_ClientLayout";
    ViewData["title"] = " - عملیات مربوط به پرسنل";
    int index = 1;
}

@section Styles {
    <link href="~/AssetsClient/css/table-style.css?ver=@clientVerion" rel="stylesheet" />
    <link href="~/AssetsClient/css/table-responsive.css?ver=@clientVerion" rel="stylesheet" />
    <link href="~/assetsclient/css/operation-button.css?ver=@clientVerion" rel="stylesheet" />
	<link href="~/AssetsClient/css/filter-search.css?ver=@clientVerion" rel="stylesheet" />
	<link href="~/AssetsClient/css/card.css?ver=@clientVerion" rel="stylesheet" />
    
    <style>
        .goToTop {
            position: fixed;
            bottom: -10px;
            margin-right: 100px;
            z-index: 100;
            color: #fff;
            background-color: #25acacd6;
        }

        .goToTop:hover {
            color: #fff;
            background-color: #2ca4a4;
        }

		.hrTitle {
			color: #353232;
			font-size: 14px;
			font-weight: 600;
			margin: 25px 0;
			position: relative;
		}

        .hrTitle .hrDiv {
	        position: absolute;
	        border-bottom: 1px solid #D9D9D9;
	        top: 10px;
	        width: 99%;
        }

        .hrTitle span {
	        background-color: #f5f5f5;
	        z-index: 2;
	        padding: 0 0 0 12px;
        }

        @@media screen and (max-width: 1366px) {
			.hrTitle {
				font-size: 13px;
			}
        }

        @@media screen and (max-width: 767px) {
            .goToTop {
                position: fixed;
                bottom: 54px;
                margin-right: 39%;
                z-index: 100;
                color: #fff;
                background-color: #25acac70;
            }
	        .hrTitle {
		        font-size: 12px;
		        font-weight: 500;
	        }
			
	        .hrTitle .hrDiv {
		        width: 98%;
			}
        }
    </style>
}

<div class="content-container">
	<div class="container-fluid">
		<div class="row p-2">
			<div class="col p-0 m-0 d-flex align-items-center justify-content-between">
				<div class="col d-flex align-items-center justify-content-start">
					<img src="~/AssetsClient/images/personalList.png" alt="" class="img-fluid me-2" style="width: 45px;" />
					<div>
						<h4 class="title d-flex align-items-center">عملیات مربوط به پرسنل</h4>
						<div>@Model.WorkshopFullName</div>
					</div>
				</div>
				<div>
					<a asp-page="/Index" class="back-btn" type="button">
						<span>بازگشت</span>
					</a>
				</div>
			</div>
		</div>
	</div>

    <div class="container-fluid">
        <div class="row p-2">
            <div class="profile-header position-relative">
                 <img src="~/AssetsClient/images/profile-header.png" alt="" class="img-fluid">
            </div>
        </div>
    </div>

	<!-- Start Card Items -->
	<div class="container-fluid">
		<div class="row p-2">
			<div class="d-grid card-area-employees-section gap-2 p-0">
				<div class="gwb-card">
					<a onclick="location.href='#showmodal=@Url.Page("./Index", "LeaveCreate")';" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/leave.png" alt="" class="img-fluid mx-1" width="50px"/>
							<div class="text-start ms-1">
								<div class="card-title">ثبت مرخصی</div>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>

				<div class="gwb-card">
					@* onclick="location.href='#showmodal=@Url.Page("./Index", "ContractCheckoutStatus", new { employeeId = @item.EmployeeId, workshopId = @item.WorkshopId })';" *@
					<a onclick="location.href='#showmodal=@Url.Page("./Index", "ContractCheckoutStatus")';" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/statistics.png" alt="" class="img-fluid mx-1" width="50px"/>
							<div class="text-start ms-1">
								<div class="card-title">گزارش وضعیت</div>
								<p class="m-0 card-description d-none d-md-block">گزارش وضعیت قرارداد و تصفیه حساب</p>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>
                
				<div class="gwb-card disable">
					<a asp-page="/Company/EmployeesDocuments/Index" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/money.png" alt="" class="img-fluid mx-1" width="50px" />
							<div class="text-start ms-1">
								<div class="card-title">عملیات مدارک پرسنل</div>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>

				<div class="gwb-card disable">
					<a asp-page="/Company/PaymentToEmployee/Index" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/money.png" alt="" class="img-fluid mx-1" width="50px" />
							<div class="text-start ms-1">
								<div class="card-title">عملیات پرداخت حقوق پرسنل</div>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>

			</div>
		</div>


		<div class="row p-2">
			<div class="hrTitle d-flex w-100">
				<div class="hrDiv"></div>
				<span>تنظیمات فیش حقوقی پرسنل</span>
			</div>

			<div class="d-grid card-area-employees-section gap-2 p-0">

				<div class="gwb-card">
					<a asp-page="/Company/Loan/Index" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/loan.png" alt="" class="img-fluid mx-1" width="50px" />
							<div class="text-start ms-1">
								<div class="card-title">عملیات وام</div>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>
				<div class="gwb-card">
					<a asp-page="/Company/Reward/Index" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/reward.png" alt="" class="img-fluid mx-1" width="50px" />
							<div class="text-start ms-1">
								<div class="card-title">عملیات پاداش</div>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>
				<div class="gwb-card">
					<a asp-page="/Company/SalaryAid/Index" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/salary.png" alt="" class="img-fluid mx-1" width="50px" />
							<div class="text-start ms-1">
								<div class="card-title">عملیات مساعده</div>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>
				<div class="gwb-card">
					<a asp-page="/Company/Fine/Index" class="click loadingButton">
						<div class="d-flex align-items-center justify-content-start p-1">
							<img src="~/AssetsClient/images/icons/fine.png" alt="" class="img-fluid mx-1" width="50px"/>
							<div class="text-start ms-1">
								<div class="card-title">عملیات جرایم</div>
							</div>
						</div>
						<div class="spinner-loading loading" style="display: none;">
							<span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
						</div>
					</a>
				</div>

			</div>
		</div>
	</div>
	<!-- End Card Items -->
</div>


<div id="MainModal" class="modal fade personalListModal" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-xxl modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content" id="ModalContent">
        </div>
    </div>
</div>


@section Script {
    <script src="~/assetsclient/js/site.js?ver=@clientVerion"></script>
    <script>

	    $(document).ready(function () {
		    $('.loadingButton').on('click', function () {
			    var button = $(this);
			    var loadingDiv = button.find('.loading');
			    loadingDiv.show();
		    });
	    });

        function printAllPersonnelInfo(workshopId) {
            var idlist = "";
            $('.idPersonnel').each(function () {
                if ($(this).text()) {
                    var a = $(this).text();
                    var b = a + "+";
                    idlist += b;
                }
            });

            console.log(idlist);

            var workshop_ID = Number(workshopId);
            var goTo = `#showmodal=/Client/Company/Employees/Index?workshopID=${workshop_ID}&idlist=${idlist}&handler=PrintAllDetailsPersonnelInfo`;
            window.location.href = goTo;
        }

        function printAllPersonnelInfoMobile(workshopId) {
            var idlist = "";
            $('.idPersonnel').each(function () {
                if ($(this).text()) {
                    var a = $(this).text();
                    var b = a + "+";
                    idlist += b;
                }
            });

            console.log(idlist);

            var workshop_ID = Number(workshopId);
            var goTo = `#showmodal=/Client/Company/Employees/Index?workshopID=${workshop_ID}&idlist=${idlist}&handler=PrintAllDetailsPersonnelInfoMobile`;
            window.location.href = goTo;
        }
		
		function printAllPersonnelList() {
			var idlist = "";
			if (window.matchMedia('(min-width: 992px)').matches) {
				var goTo = `#showmodal=/Client/Company/Employees/Index?idlist=${idlist}&handler=PrintAllPersonnelInfo`;
				window.location.href = goTo;
			} else {
				var goTo = `#showmodal=/Client/Company/Employees/Index?idlist=${idlist}&handler=PrintAllPersonnelInfoMobile`;
				window.location.href = goTo;
			}
		}
    </script>
}