@page
@model ServiceHost.Areas.AdminNew.Pages.Company.RollCall.GroupingModel

@{
	string clientVersion = _0_Framework.Application.Version.StyleVersion;
	ViewData["Title"] = " - " + "گروه‌بندی حضور و غیاب";
	int index = 1;
	int i = 0;
}

@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="~/AssetsAdminNew/rollcall/css/group.css" 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/workshop.png" alt="" class="img-fluid me-2" style="width: 45px;" />
					<div>
						<h4 class="title d-flex align-items-center">عملیات گروه‌بندی حضور و غیاب</h4>
						<div class="title d-flex align-items-center">@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 class="col-12 p-0 mt-2">
				<button class="btnCreateNew" type="button" id="newCreateGroup">
					گروه جدید
				</button>
			</div>
		</div>
	</div>

	<!-- List Items -->
	<div class="container-fluid">
		<div class="row px-lg-1">

			<div class="col-12 col-md-5 p-0 pe-1">
				<div class="wrapper list-box w-100 table-rollcall-group1">
					<div class="Rtable Rtable--5cols Rtable--collapse">

						<div class="Rtable-row Rtable-row--head align-items-center d-flex mb-2 px-2 d-none d-md-flex">
							<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 width5 text-end">عملیات</div>
						</div>

						<div class="w-100" id="ajaxDataMain"></div>
					</div>
				</div>
			</div>
			<div class="col-12 col-md-7 p-0 ps-1 d-none d-md-flex">
				<div class="wrapper list-box w-100 table-rollcall-group2">
					<div class="Rtable Rtable--5cols Rtable--collapse">

						<div class="Rtable-row Rtable-row--head align-items-center d-flex mb-2 px-3">
							<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-end width5">عملیات</div>
						</div>

						<div class="w-100 overflow-auto" id="loadAccountItems"></div>
					</div>
				</div>
			</div>

		</div>
	</div>

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

@section Script {
	<script src="~/assetsclient/js/site.js"></script>
	<script src="~/assetsadminnew/libs/sweetalert2/sweetalert2.all.min.js"></script>
	<script>
		var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
		var loadWorkshopSettingsDataAjax = `@Url.Page("./Grouping", "WorkshopSettingsDataAjax")`;
		var loadEmployeesGroupAjax = `@Url.Page("./Grouping", "EmployeesGroupAjax")`;
		var removeGroupAjax = `@Url.Page("./Grouping", "DeleteGroup")`;
		var removeEmployeeFromGroupAjax = `@Url.Page("./Grouping", "RemoveEmployee")`;
		var workshopSettingId = Number((@Model.RollCallWorkshopSettings.Id));
		var isShiftChangedGlobal = false;
		var wpId = Number(@Model.WorkshopId);
	</script>
	<script src="~/AssetsAdminNew/rollcall/js/grouping.js?ver=aaadadminVersion"></script>
}