Backend-Api/ServiceHost/Areas/Client/Pages/Company/RollCall/Grouping.cshtml

@page
@model ServiceHost.Areas.Client.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="~/assetsclient/pages/rollcall/css/group.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/AssetsClient/css/select2.css?ver=@clientVersion" rel="stylesheet" />
}

<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/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/Index" 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>


	<div class="container-fluid">
		<div class="row px-2">
			<div class="col-12 p-0 mb-2 d-none d-md-block">
				<div class="search-box card border-0">
					<div class="d-flex align-items-center gap-2">

						<div class="col-3 col-xl-2">
							<select class="form-select select2Option" aria-label="انتخاب پرسنل ..." id="employeeSelect">
								<option value="0">انتخاب پرسنل ...</option>
								@foreach (var itemEmployee in Model.RollCallEmployeeList)
								{
									<option value="@itemEmployee.EmployeeId">@itemEmployee.EmployeeFullName</option>
								}
							</select>
						</div>

						<button class="btn-search btn-w-size btn-search-click text-nowrap d-flex align-items-center justify-content-center" id="searchBtn" type="submit">
							<span>جستجو</span>
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
								<circle cx="11" cy="11" r="6" stroke="white" />
								<path d="M20 20L17 17" stroke="white" stroke-linecap="round" />
							</svg>
						</button>
						<a asp-page="/Company/RollCall/CaseHistory" class="btn-clear-filter btn-w-size text-nowrap d-flex align-items-center justify-content-center disable" id="filterRemove" style="padding: 7px 10px;">
							<span>حذف جستجو</span>
						</a>

					</div>
				</div>
			</div>

		</div>
	</div>


    <!-- List Items -->
	<div class="container-fluid">
		
		@if (Model.GroupedAllEmployees==false)
		{
			<div class="row p-2">
				<div class="msg-note" style="background: #ff9696; font-size: 16px; color: #ffffff">
					<div class="row align-items-center">
						<div class="col-12 text-start">
							<div class="d-flex align-items-center">
								<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">توجه داشته باشید تا زمانی که تمامی پرسنل شما گروهبندی نشده اند قادر به استفاده از بخش های حضور غیاب جاری و سوابق حضور غیاب نمی باشید</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		}


		<div class="row px-lg-1">

			<div class="col-12 col-md-6 col-lg-5 p-0">
				<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-none d-md-flex mb-2 px-2">
							<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-6 col-lg-7 p-0 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-center width4">ساعت کاری</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>

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

@section Script {
	<script src="~/assetsclient/js/site.js?ver=@clientVersion"></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 loadEmployeesGroupSettingsByEmployeeIdAjax = `@Url.Page("./Grouping", "EmployeesGroupSettingsByEmployeeId")`;
		var removeGroupAjax = `@Url.Page("./Grouping", "DeleteGroup")`;
		var removeEmployeeFromGroupAjax = `@Url.Page("./Grouping", "RemoveEmployee")`;
		var workshopSettingId = Number((@Model.RollCallWorkshopSettings.Id));
		var isShiftChangedGlobal = false;
		var titleOfGroup = "";
	</script>
	<script src="~/assetsclient/pages/rollcall/js/grouping.js?ver=@clientVersion"></script>
}