@page
@model ServiceHost.Areas.AdminNew.Pages.Company.WorkFlow.EmployeesDocumentsModel

@{
	string clientVersion = _0_Framework.Application.Version.StyleVersion;
	Layout = "Shared/_Layout";
	ViewData["title"] = " - بارگذاری مدارک توسط کارفرما";
	int index = 1;
}

@section Styles {
	<link href="~/AssetsClient/css/table-style.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/AssetsClient/css/table-responsive.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/assetsclient/css/operation-button.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/AssetsClient/css/filter-search.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/AssetsClient/css/card.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/AssetsClient/css/datetimepicker.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/AdminTheme/assets/sweet-alert/sweet-alert.min.css" rel="stylesheet">

	<link href="~/assetsadminnew/workflow/css/employeesdocuments.css?ver=@clientVersion" rel="stylesheet" />
}

<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/icons/face-scan.png" alt="" class="img-fluid me-2" style="width: 45px;" />
				<div>
					<h4 class="title d-flex align-items-center">بارگذاری مدارک توسط کارفرما</h4>
				</div>
			</div>
			<div>
				<a asp-page="/Company/WorkFlow/Index" class="back-btn" type="button">
					<span>بازگشت</span>
				</a>
			</div>
		</div>
	</div>
</div>


<div class="container-fluid">

	<div class="row p-lg-2">

		<div class="wrapper p-0">
			<div class="subAccountHeaderList Rtable Rtable--collapse">
				<div class="Rtable-row Rtable-row--head align-items-center sticky-div">
					<div class="rightHeaderMenu px-3">
						<div class="Rtable-cell column-heading width1">نام نقش</div>
					</div>
					<div class="leftHeaderMenu px-4">
						<div class="Rtable-cell column-heading width1">ردیف</div>
						<div class="Rtable-cell column-heading width2">نام کابران</div>
						<div class="Rtable-cell column-heading text-center width3">عکس پرسنلی</div>
						<div class="Rtable-cell column-heading text-center width4">کارت ملی</div>
						<div class="Rtable-cell column-heading text-center width5">کارت پایان خدمت</div>
						<div class="Rtable-cell column-heading text-center width6">شناسنامه</div>
						<div class="Rtable-cell column-heading text-end pe-2 width7">عملیات</div>
					</div>
				</div>
			</div>
		</div>
		<div class="p-0 d-block d-md-flex overflow-hidden rounded-3 my-2">

			<div id="navbar-animmenu">
				<ul class="show-dropdown main-navbar">
					<div class="verti-selector">
						<div class="top"></div>
						<div class="bottom"></div>
					</div>

					<li class="active" data-menu="DocumentsAwaitingUpload">
						<div class="d-flex align-items-center justify-content-between" id="clickDocumentsAwaitingUploadTab">
							<a href="javascript:void(0);">بارگزاری مدارک</a>
							<div>
								<div id="CountDocumentsAwaitingUploadLoading" class="spinner-grow text-danger d-none" role="status" style="align-items: center;justify-content: center;display: flex;margin: 0 0 0 9px;">
									<span class="visually-hidden">Loading...</span>
								</div>
								<span id="CountDocumentsAwaitingUpload">@Model.EmployeeDocumentsAwaitingSubmitCount</span>
							</div>
						</div>
					</li>
				</ul>
			</div>

			<div class="" id="accountList">
				<div class="card p-2">
					<div class="row align-items-center mb-1">
						<div class="d-none col-12 col-md-4 col-lg-4"></div>
						<div class="col-1 col-lg-4 text-end"></div>
					</div>

					<div class="wrapper">
						<div class="Rtable Rtable--collapse DocumentsAwaitingUploadWorkFlowLists">
							<div id="loadingSkeletonDocumentsAwaitingUpload" style="display: contents;">
								@for (int j = 0; j < 30; j++)
								{
									<div class="skeleton-loader" style="margin: 3px 0 !important;height: 39px;"></div>
								}
							</div>
							<div class="w-100" id="loadDocumentsAwaitingUploadWorkFlow">
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>

	</div>
</div>

<div id="MainModal" class="modal fade" aria-labelledby="myModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true" style="display: none;">
	<div class="modal-dialog modal-xl modal-dialog-centered modalRollCallWidth ">
		<div class="modal-content" id="ModalContent">
		</div>
	</div>
</div>


@section Script {
	<script src="~/assetsclient/js/site.js?ver=@clientVersion"></script>
	<script src="~/AdminTheme/assets/sweet-alert/sweet-alert.min.js"></script>
	<script>
		var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
		var showPictureUrl = `@Url.Page("./EmployeesDocuments", "ShowPicture")`;
		var loadWorkshopsWithDocumentsAwaitingUploadUrl = `@Url.Page("./EmployeesDocuments", "WorkshopsWithDocumentsAwaitingUploadAjax")`;
		var loadByWorkshopIdWithItemsForAdminWorkFlowUrl = `@Url.Page("./EmployeesDocuments", "ByWorkshopIdWithItemsForAdminWorkFlow")`;
	</script>
	<script src="~/assetsadminnew/workflow/js/employeesdocuments.js?ver=@clientVersion"></script>
}