@page
@model ServiceHost.Areas.AdminNew.Pages.Company.RollCall.EmployeeUploadPictureModel
@{
	string adminVersion = _0_Framework.Application.Version.AdminVersion;
	Layout = "Shared/_Layout";
	ViewData["title"] = " - آپلود عکس پرسنل";
	int index = 1;
}

@section Styles {
	<link href="~/AssetsClient/css/table-style.css?ver=?ver=@adminVersion" rel="stylesheet" />
	<link href="~/AssetsClient/css/table-responsive.css?ver=@adminVersion" rel="stylesheet" />
	<link href="~/assetsclient/css/operation-button.css?ver=@adminVersion" rel="stylesheet" />
	<link href="~/assetsclient/css/rollcall-list.css?ver=@adminVersion" rel="stylesheet" />
}

		<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="/Company/RollCall/Options" asp-route-workshopId="@Model.WorkshopId" class="back-btn" type="button">
						<span>بازگشت</span>
					</a>
				</div>
			</div>
		</div>

	<button class="btn btn-rounded mb-5 goToTop"> <i class="fa fa-chevron-up" style="font-size: 20px"></i> برو بالا</button>


		<div class="msg-note my-1">
			<div class="row align-items-center">
				<div class="col-12 col-md-4 text-center text-md-start">
					<div class="d-flex align-items-center justify-content-center justify-content-md-start">
						<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
							<circle cx="18" cy="18" r="13.5" fill="#2FC1C1"></circle>
							<path d="M19.5 10.5C19.5 11.3284 18.8284 12 18 12C17.1716 12 16.5 11.3284 16.5 10.5C16.5 9.67157 17.1716 9 18 9C18.8284 9 19.5 9.67157 19.5 10.5Z" fill="white"></path>
							<path stroke-width="1.5" d="M18 24.75V17.25C18 15.8358 18 15.1287 17.5607 14.6893C17.1213 14.25 16.4142 14.25 15 14.25V14.25M18 24.75H20.25M18 24.75H15.75" stroke="white"></path>
						</svg>
						<p class="m-0 ms-2">تعداد پرسنل سرویس خریداری شده: <span id="maxPersonValid"></span></p>
					</div>
				</div>
				<div class="col-12 col-md-4 text-center text-md-center">
					<p class="m-0">تعداد افراد فعال: <span id="isTrueActiveCount"></span></p>
				</div>
				<div class="col-12 col-md-4 text-center text-md-end">
					<p class="m-0 me-2">تعداد افراد غیرفعال: <span id="isFalseActiveCount"></span></p>
				</div>
			</div>
		</div>

		<div class="container-fluid">
			<div class="row">
				<div class="search-box card border-0">
					<div class="row align-items-center px-1">
						<div class="col-6 col-md-3 pe-1">
							<input type="text" id="personnelSearch" class="form-control" placeholder="جستجو پرسنل">
						</div>
						<div class="col-6 ps-1">
							<div class="d-flex gap-2">
								<button class="btn-search btn-w-size btn-search-click text-nowrap d-flex align-items-center justify-content-center" id="searchBtn" type="button" onclick="handlerSearch()">
									<span>جستجو</span>
									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20" class="ms-1">
										<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
									</svg>
								</button>
								<button type="button" class="btn-clear-filter btn-w-size text-nowrap d-flex align-items-center justify-content-center disable" id="filterRemove">
									<span>حذف جستجو</span>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row px-lg-2 p-auto">
			<div class="wrapper bg-white my-1 list-box table-rollcall">
				@if (@Model.HasEmployees)
				{
					<div class="Rtable Rtable--collapse">
						<div class="Rtable-row Rtable-row--head align-items-center sticky">
							<div class="Rtable-cell column-heading width1">ردیف</div>
							<div class="Rtable-cell column-heading width2">نام و نام خانوادگی</div>
							<div class="Rtable-cell column-heading width3">کد ملی</div>
							<div class="Rtable-cell column-heading width4">وضعیت عکس</div>
							<div class="Rtable-cell column-heading width5 text-end">عملیات</div>
						</div>

						<div id="loadingSkeleton" style="display: contents;">
							@for (int j = 0; j < 30; j++)
							{
								<div class="skeleton-loader" style="margin: 2px 0 !important;"></div>
							}
						</div>

						<div class="Rtable Rtable--collapse w-100" id="ajaxDataLoad">
						</div>
					</div>
				}
				else
				{
					<div class="text-center bg-white d-flex align-items-center justify-content-center">
						<div class="">
							<img src="~/assetsclient/images/empty.png" alt="" class="img-fluid" />
							<h5>اطلاعاتی وجود ندارد.</h5>
						</div>
					</div>
				}
			</div>
		</div>

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


<input type="hidden" asp-for="@Model.HasEmployees" value="@Model.HasEmployees" id="hasEmployee" />
@section Script {
	<script src="~/assetsadminnew/libs/sweetalert2/sweetalert2.all.min.js"></script>
	<script src="~/assetsclient/js/site.js"></script>
	<script>
		var antiForgeryToken = $('@Html.AntiForgeryToken()').val();
		var loadEmployeeUploadDataAjax = `@Url.Page("EmployeeUploadPicture", "EmployeeUploadDataAjax")`;
		var loadInfoCountAjax = `@Url.Page("EmployeeUploadPicture", "LoadInfoCount")`;
		var checkModalTakeImageAjax = `@Url.Page("EmployeeUploadPicture", "CheckModalTakeImage")`;
		var deActivePersonnelAjax = `@Url.Page("./EmployeeUploadPicture", "DeActivePersonnel")`;
		var activePersonnelAjax = `@Url.Page("./EmployeeUploadPicture", "ActivePersonnel")`;
		var wpId = Number(@Model.WorkshopId);
	</script>
	<script src="~/assetsadminnew/rollcall/js/EmployeeUploadPicture.js?ver=@adminVersion"></script>
}