From 88a0552a07fbc8314040d9a5872cbed75fb1a0be Mon Sep 17 00:00:00 2001
From: SamSys <f0604741@gmail.com>
Date: Tue, 13 May 2025 15:39:49 +0330
Subject: [PATCH] Sepration js client/Contract/index

---
 .../Repository/YearlySalaryRepository.cs      |    8 +-
 .../Pages/Company/Contracts/Index.cshtml      | 1862 ++---------------
 .../AssetsClient/pages/Contracts/js/index.js  | 1612 ++++++++++++++
 3 files changed, 1750 insertions(+), 1732 deletions(-)
 create mode 100644 ServiceHost/wwwroot/AssetsClient/pages/Contracts/js/index.js

diff --git a/CompanyManagment.EFCore/Repository/YearlySalaryRepository.cs b/CompanyManagment.EFCore/Repository/YearlySalaryRepository.cs
index 44bb382d..ccff40d4 100644
--- a/CompanyManagment.EFCore/Repository/YearlySalaryRepository.cs
+++ b/CompanyManagment.EFCore/Repository/YearlySalaryRepository.cs
@@ -120,10 +120,10 @@ public class YearlySalaryRepository : RepositoryBase<long, YearlySalary>, IYearl
         var totalHours = totalHoursHDouble + totalHoursMDouble;// ساعت کارکرد پرسنل در این ماه
 
         //var MandatoryDays = TotalDays - friday - officialholiday;
-        var MandatoryDays = TotalDays - fridayStartToEnd;
-        //اگر حضورغیاب داشت
-        if (hasRollCall)
-            MandatoryDays = TotalDays - fridayStartToEnd - officialholiday;
+        //var MandatoryDays = TotalDays - fridayStartToEnd;
+        ////اگر حضورغیاب داشت
+        //if (hasRollCall)
+          var  MandatoryDays = TotalDays - fridayStartToEnd - officialholiday;
         //بدست آوردن ساعت موظفی این ماه
         var TotalMandatoryHours = MandatoryDays * 7.33;//ساعت موظفی این ماه
 
diff --git a/ServiceHost/Areas/Client/Pages/Company/Contracts/Index.cshtml b/ServiceHost/Areas/Client/Pages/Company/Contracts/Index.cshtml
index 4a99bd94..76464366 100644
--- a/ServiceHost/Areas/Client/Pages/Company/Contracts/Index.cshtml
+++ b/ServiceHost/Areas/Client/Pages/Company/Contracts/Index.cshtml
@@ -89,7 +89,6 @@
 
 
 <div id="divDisplay" style="display:none" class="right col-12 mt-5">
-   
 </div>
 
 <div class="content-container">
@@ -122,7 +121,7 @@
 
                         <div class="col-12">
                             <div class="d-grid search-section gap-2" data-title="جستجو لیست قرارداد" data-intro="شما در این لیست قرارداد میتوانید جستجو کنید.">
-	                            <div class="d-grid grid-cols-2 gap-2 col-span-2">
+                                <div class="d-grid grid-cols-2 gap-2 col-span-2">
                                     <div class="wrapper-dropdown-year btn-dropdown" id="dropdown-year">
                                         <span class="selected-display" id="destination-year">سال</span>
                                         <svg class="arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-all ml-auto rotate-180">
@@ -161,48 +160,48 @@
                                     </div>
                                 </div>
                                 <div class="col-span-2"><input type="text" class="form-control date start-date" asp-for="SearchModel.ContarctStart" placeholder="تاریخ شروع"></div>
-	                            <div class="col-span-2"><input type="text" class="form-control date end-date" asp-for="SearchModel.ContractEnd" placeholder="تاریخ پایان"></div>
-	                            <div class="col-span-2">
-		                            <select id="getPersonnel" class="form-select " asp-for="SearchModel.EmployeeId">
-			                            <option value="0"> انتخاب پرسنل </option>
-			                            @foreach (var person in @Model.Employees)
-			                            {
-				                            var black = person.Black ? "blackSelect" : "";
-				                            <option style="font-family: 'IranSans' !important;" class="@(black)" value="@person.Id"> @person.EmployeeFullName</option>
-			                            }
-		                            </select>
-	                            </div>
-	                            <div class="col-span-2">
-		                            <div class="wrapper-dropdown" id="dropdown">
-			                            <span class="selected-display" id="destination">مرتب سازی</span>
-			                            <svg class="arrow" id="drp-arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-all ml-auto rotate-180">
-				                            <path d="M7 14.5l5-5 5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-			                            </svg>
-			                            <ul class="dropdown">
-				                            <li class="item" value-data="CreationDate-Max">مرتب سازی</li>
-				                            <li class="item" value-data="CreationDate-Min">تاریخ ایجاد قراداد - کوچک به بزرگ</li>
-				                            <li class="item" value-data="Signature-Min">امضاء نشده ها</li>
-				                            <li class="item" value-data="Signature-Max">امضاء شده ها</li>
-				                            <li class="item" value-data="PersonelCode-Min">شماره پرسنلی - کوچک به بزرگ</li>
-				                            <li class="item" value-data="PersonelCode-Max">شماره پرسنلی - بزرگ به کوچک</li>
-				                            <li class="item" value-data="ContractStart-Min">تاریخ آغاز قراداد - کوچک به بزرگ</li>
-				                            <li class="item" value-data="ContractStart-Max">تاریخ آغاز قراداد - بزرگ به کوچک</li>
-			                            </ul>
-			                            <input type="hidden" id="sendSorting" asp-for="SearchModel.Sorting" />
-		                            </div>
-	                            </div>
-	                            <div class="d-flex gap-2 col-span-2">
+                                <div class="col-span-2"><input type="text" class="form-control date end-date" asp-for="SearchModel.ContractEnd" placeholder="تاریخ پایان"></div>
+                                <div class="col-span-2">
+                                    <select id="getPersonnel" class="form-select " asp-for="SearchModel.EmployeeId">
+                                        <option value="0"> انتخاب پرسنل </option>
+                                        @foreach (var person in @Model.Employees)
+                                        {
+                                            var black = person.Black ? "blackSelect" : "";
+                                            <option style="font-family: 'IranSans' !important;" class="@(black)" value="@person.Id"> @person.EmployeeFullName</option>
+                                        }
+                                    </select>
+                                </div>
+                                <div class="col-span-2">
+                                    <div class="wrapper-dropdown" id="dropdown">
+                                        <span class="selected-display" id="destination">مرتب سازی</span>
+                                        <svg class="arrow" id="drp-arrow" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-all ml-auto rotate-180">
+                                            <path d="M7 14.5l5-5 5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                                        </svg>
+                                        <ul class="dropdown">
+                                            <li class="item" value-data="CreationDate-Max">مرتب سازی</li>
+                                            <li class="item" value-data="CreationDate-Min">تاریخ ایجاد قراداد - کوچک به بزرگ</li>
+                                            <li class="item" value-data="Signature-Min">امضاء نشده ها</li>
+                                            <li class="item" value-data="Signature-Max">امضاء شده ها</li>
+                                            <li class="item" value-data="PersonelCode-Min">شماره پرسنلی - کوچک به بزرگ</li>
+                                            <li class="item" value-data="PersonelCode-Max">شماره پرسنلی - بزرگ به کوچک</li>
+                                            <li class="item" value-data="ContractStart-Min">تاریخ آغاز قراداد - کوچک به بزرگ</li>
+                                            <li class="item" value-data="ContractStart-Max">تاریخ آغاز قراداد - بزرگ به کوچک</li>
+                                        </ul>
+                                        <input type="hidden" id="sendSorting" asp-for="SearchModel.Sorting" />
+                                    </div>
+                                </div>
+                                <div class="d-flex gap-2 col-span-2">
                                     <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>
+                                        <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 href="/Client/Company/Contracts" class="btn-clear-filter btn-w-size text-nowrap d-flex align-items-center justify-content-center disable" id="filterRemove">
-			                            <span>حذف جستجو</span>
-		                            </a>
-	                            </div>
+                                        <span>حذف جستجو</span>
+                                    </a>
+                                </div>
                             </div>
                             @* <div class="col-5 mt-2">
                                 <div class="d-flex align-items-center justify-content-center gap-2">
@@ -252,50 +251,48 @@
                     </div>
                 </div>
                 <!-- End Advance Search Box -->
-
-
                 @if (@Model.Contracts.Count > 0)
                 {
 
-                <div class="d-flex d-md-none align-items-center justify-content-between my-1">
-                    <div class="select-all d-flex align-items-center">
-                        <input type="checkbox" class="form-check-input checkAll" name="" id="checkAll1">
-                        <label for="checkAll1">انتخاب همه</label>
+                    <div class="d-flex d-md-none align-items-center justify-content-between my-1">
+                        <div class="select-all d-flex align-items-center">
+                            <input type="checkbox" class="form-check-input checkAll" name="" id="checkAll1">
+                            <label for="checkAll1">انتخاب همه</label>
+                        </div>
+                        <button class="btn-print-all" type="button" onclick="printAll()">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                                <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" stroke="#1E293B" />
+                                <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" stroke="#1E293B" />
+                                <path d="M7.91675 11.25L11.2501 11.25" stroke="#1E293B" stroke-linecap="round" />
+                                <path d="M7.91675 13.75L12.0834 13.75" stroke="#1E293B" stroke-linecap="round" />
+                                <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" stroke="#1E293B" />
+                            </svg>
+                            <span>پرینت گروهی</span>
+                        </button>
+                    </div>
+
+
+                    <div class="container-fluid d-none d-md-block">
+                        <div class="row">
+                            <div class="d-none d-md-flex align-items-center justify-content-between my-1 px-1">
+                                <div>
+                                    <p class="m-0">لیست قراردادها</p>
+                                </div>
+                                <div class="d-flex align-items-center">
+                                    <button onclick="printAll()" class="btn-print-all text-nowrap" type="button" data-title="پرینت گروهی" data-intro="شما برای گرفتن پرینت گروهی ابتدا باید ردیف را انتخاب کنید و سپس دکمه پرینت گروهی بزنید.">
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                                            <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" stroke="#1E293B" />
+                                            <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" stroke="#1E293B" />
+                                            <path d="M7.91675 11.25L11.2501 11.25" stroke="#1E293B" stroke-linecap="round" />
+                                            <path d="M7.91675 13.75L12.0834 13.75" stroke="#1E293B" stroke-linecap="round" />
+                                            <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" stroke="#1E293B" />
+                                        </svg>
+                                        <span>پرینت گروهی</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
                     </div>
-                    <button class="btn-print-all" type="button" onclick="printAll()">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                            <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" stroke="#1E293B" />
-                            <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" stroke="#1E293B" />
-                            <path d="M7.91675 11.25L11.2501 11.25" stroke="#1E293B" stroke-linecap="round" />
-                            <path d="M7.91675 13.75L12.0834 13.75" stroke="#1E293B" stroke-linecap="round" />
-                            <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" stroke="#1E293B" />
-                        </svg>
-                        <span>پرینت گروهی</span>
-                    </button>
-                </div>
-                
-                
-                <div class="container-fluid d-none d-md-block">
-	                <div class="row">
-		                <div class="d-none d-md-flex align-items-center justify-content-between my-1 px-1">
-			                <div>
-		                        <p class="m-0">لیست قراردادها</p>
-			                </div>
-		                    <div class="d-flex align-items-center">
-		                        <button onclick="printAll()" class="btn-print-all text-nowrap" type="button" data-title="پرینت گروهی" data-intro="شما برای گرفتن پرینت گروهی ابتدا باید ردیف را انتخاب کنید و سپس دکمه پرینت گروهی بزنید.">
-		                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-		                                <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" stroke="#1E293B" />
-		                                <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" stroke="#1E293B" />
-		                                <path d="M7.91675 11.25L11.2501 11.25" stroke="#1E293B" stroke-linecap="round" />
-		                                <path d="M7.91675 13.75L12.0834 13.75" stroke="#1E293B" stroke-linecap="round" />
-		                                <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" stroke="#1E293B" />
-		                            </svg>
-		                            <span>پرینت گروهی</span>
-		                        </button>
-		                    </div>
-		                </div>
-	                </div>
-                </div>
                     <div class="contract-list Rtable Rtable--5cols Rtable--collapse tb">
 
 
@@ -369,11 +366,11 @@
                                 </div>
 
                                 <!--Mobile Table-->
-                            <div class="Rtable-contract w-100 d-flex d-md-none align-items-center justify-content-between printAllTd">
+                                <div class="Rtable-contract w-100 d-flex d-md-none align-items-center justify-content-between printAllTd">
 
                                     <div class="d-flex justify-content-center align-items-center justify-content-between">
                                         <div class="checkbox-responsive d-flex justify-content-center align-items-center justify-content-around">
-                                        <input type="checkbox" class="form-check-input foo" name="foo" value="@item.Id">
+                                            <input type="checkbox" class="form-check-input foo" name="foo" value="@item.Id">
                                             <span>@(i)</span>
                                         </div>
 
@@ -396,7 +393,7 @@
                                             @item.ContractEnd
                                         </div>
                                         <div class="Rtable-cell--heading d-block text-center">
-                                        <button class="btn-print" type="button" onclick="printOneMobile(@item.Id)">
+                                            <button class="btn-print" type="button" onclick="printOneMobile(@item.Id)">
                                                 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20" fill="none" stroke="currentColor">
                                                     <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" />
                                                     <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" />
@@ -412,44 +409,44 @@
 
                                 <div class="Rtable-cell d-md-block d-none width8">
                                     <div class="Rtable-cell--content align-items-center d-flex d-md-block text-end">
-                                    @* href="#showmodal=@Url.Page("./Index", "Details", new { Id = item.Id })" *@
+                                        @* href="#showmodal=@Url.Page("./Index", "Details", new { Id = item.Id })" *@
                                         <button type="button" class="btn-print moreThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOne(@item.Id)">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
-                                                <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
-                                                <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
-                                                <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
-                                                <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
+                                                <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" />
+                                                <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" />
+                                                <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round" />
+                                                <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round" />
+                                                <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" />
                                             </svg>
                                         </button>
                                         <button type="button" class="btn-print lessThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOneMobile(@item.Id)">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
-                                                <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
-                                                <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
-                                                <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
-                                                <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
+                                                <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" />
+                                                <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" />
+                                                <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round" />
+                                                <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round" />
+                                                <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" />
                                             </svg>
                                         </button>
                                     </div>
                                 </div>
                             </div>
                         }
-                        </div>
-                    }
-                    else
-                    {
-                        <div class="container-fluid">
-                            <div class="row p-lg-2 p-auto">
-                                <div class="empty 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>
+                }
+                else
+                {
+                    <div class="container-fluid">
+                        <div class="row p-lg-2 p-auto">
+                            <div class="empty 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>
         </div>
@@ -475,10 +472,9 @@
 </div>
 
 
-<div id="MainModal" class="modal fade"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
+<div id="MainModal" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
     <div class="modal-dialog">
-        <div class="modal-content" id="ModalContent">  
-
+        <div class="modal-content" id="ModalContent">
         </div>
     </div>
 </div>
@@ -508,8 +504,8 @@
                                         <option value="0"> انتخاب پرسنل </option>
                                         @foreach (var person in @Model.Employees)
                                         {
-	                                        var black = person.Black ? "blackSelect" : "";
-	                                        <option style="font-family: 'IranSans' !important;" class="@(black)" value="@person.Id"> @person.EmployeeFullName</option>
+                                            var black = person.Black ? "blackSelect" : "";
+                                            <option style="font-family: 'IranSans' !important;" class="@(black)" value="@person.Id"> @person.EmployeeFullName</option>
                                         }
                                     </select>
                                 </div>
@@ -547,11 +543,11 @@
                                                 @{
                                                     if (string.IsNullOrWhiteSpace(Model.SearchModel.Year))
                                                     {
-                                                                                            <span>سال</span>
+                                                        <span>سال</span>
                                                     }
                                                     else
                                                     {
-                                                                                            @Model.SearchModel.Year
+                                                        @Model.SearchModel.Year
                                                     }
                                                 }
                                             </span>
@@ -565,50 +561,50 @@
                                                 @{
                                                     if (string.IsNullOrWhiteSpace(Model.SearchModel.Month))
                                                     {
-                                                                                            <span>ماه</span>
+                                                        <span>ماه</span>
                                                     }
                                                     else
                                                     {
-                                                                                            @switch (@Model.SearchModel.Month)
+                                                        @switch (@Model.SearchModel.Month)
                                                         {
                                                             case "01":
-                                                                                                    <span>فروردین</span>
+                                                                <span>فروردین</span>
                                                                 break;
                                                             case "02":
-                                                                                                    <span>اردیبهشت</span>
+                                                                <span>اردیبهشت</span>
                                                                 break;
                                                             case "03":
-                                                                                                    <span>خرداد</span>
+                                                                <span>خرداد</span>
                                                                 break;
                                                             case "04":
-                                                                                                    <span>تیر</span>
+                                                                <span>تیر</span>
                                                                 break;
                                                             case "05":
-                                                                                                    <span>مرداد</span>
+                                                                <span>مرداد</span>
                                                                 break;
                                                             case "06":
-                                                                                                    <span>شهریور</span>
+                                                                <span>شهریور</span>
                                                                 break;
                                                             case "07":
-                                                                                                    <span>مهر</span>
+                                                                <span>مهر</span>
                                                                 break;
                                                             case "08":
-                                                                                                    <span>آبان</span>
+                                                                <span>آبان</span>
                                                                 break;
                                                             case "09":
-                                                                                                    <span>آذر</span>
+                                                                <span>آذر</span>
                                                                 break;
                                                             case "10":
-                                                                                                    <span>دی</span>
+                                                                <span>دی</span>
                                                                 break;
                                                             case "11":
-                                                                                                    <span>بهمن</span>
+                                                                <span>بهمن</span>
                                                                 break;
                                                             case "12":
-                                                                                                    <span>اسفند</span>
+                                                                <span>اسفند</span>
                                                                 break;
                                                             default:
-                                                                                                    <span>ماه</span>
+                                                                <span>ماه</span>
                                                                 break;
                                                         }
                                                     }
@@ -654,1607 +650,17 @@
     <script src="~/AssetsClient/js/dropdown.js?ver=@Version.StyleVersion"></script>
     <script src="~/assetsclient/js/site.js?ver=@Version.StyleVersion"></script>
     <script src="~/assetsclient/js/smooth-scrollbar.js"></script>
-
     <script>
-        var Scrollbar = window.Scrollbar;
-        Scrollbar.init(document.querySelector('#my-scrollbar'), {
-            alwaysShowTracks: true,
-        });
+        var AntiForgeryToken = '@Html.AntiForgeryToken()';
+        var ContractPrintAllurl = '@Url.Page("/Company/Contracts/ContractPrintAll")';
+    var yearlyList =@Html.Raw(Json.Serialize(Model.YearlyList.OrderBy(x => x)));
+        var LoadAllToPrinturl ='@Url.Page("./Index", "LoadAllToPrint")';
+        var Paginationurl='@Url.Page("./Index", "Pagination")';
+         var PrintOneurl = '@Url.Page("/Company/Contracts/Index", "PrintOne")';
+         var PrintOneMobileurl = '@Url.Page("/Company/Contracts/Index", "PrintOneMobile")';
 
-        const selectedAll = document.querySelectorAll(".wrapper-dropdown");
-        $(document).ready(function() {
-
-            //******************** چسباندن هدر تیبل به صفحه بالا ********************
-            // Get the offset position of the sticky element
-            var stickyDiv = $(".sticky-div");
-            var stickyOffset = stickyDiv.offset().top;
-
-            // Add the sticky class to the element when you reach its scroll position
-            $(window).scroll(function () {
-                if (window.pageYOffset >= stickyOffset) {
-                    stickyDiv.addClass("sticky");
-                } else {
-                    stickyDiv.removeClass("sticky");
-                }
-            });
-            //******************** چسباندن هدر تیبل به صفحه بالا ********************
-
-
-
-            // *************************** مربوط به مرتب سازی  ********************************
-            var wrapperDropdown = $(".wrapper-dropdown");
-
-            wrapperDropdown.on("click", function() {
-                var dropdown = $(this);
-                var optionsContainer = dropdown.children(".dropdown");
-                var optionsList = optionsContainer.find(".item");
-
-                dropdown.toggleClass("active");
-
-                if (dropdown.hasClass("active")) {
-                    wrapperDropdown.not(this).removeClass("active");
-                }
-
-                optionsList.on("click",
-                    function() {
-                        var selectedOption = $(this);
-                        var valueData = selectedOption.data("value");
-
-                        dropdown.removeClass("active");
-                        dropdown.find(".selected-display").text(selectedOption.text());
-                        $("#sendSorting").val(valueData);
-
-                        optionsList.removeClass("active");
-                        selectedOption.addClass("active");
-                    });
-                });
-
-            var defaultValue = $("#sendSorting").val();
-            if (defaultValue) {
-
-                let defaultItem = $(".dropdown").find(".item[value-data='" + defaultValue + "']");
-                defaultItem.addClass("active");
-                var selectedDisplay = wrapperDropdown.find(".selected-display");
-                selectedDisplay.text(defaultItem.text());
-            }
-        });
-
-        // check if anything else ofther than the dropdown is clicked
-        window.addEventListener("click",
-            function(e) {
-                if (e.target.closest(".wrapper-dropdown") === null) {
-                    closeAllDropdowns();
-                }
-            });
-
-        // close all the dropdowns
-        function closeAllDropdowns() {
-            const selectedAll = document.querySelectorAll(".wrapper-dropdown");
-            selectedAll.forEach((selected) => {
-                const optionsContainer = selected.children[2];
-                let arrow = selected.children[1];
-
-                handleDropdown(selected, arrow, false);
-            });
-        }
-
-        // open all the dropdowns
-        function handleDropdown(dropdown, arrow, open) {
-            if (open) {
-                arrow.classList.add("rotated");
-                dropdown.classList.add("active");
-            } else {
-                arrow.classList.remove("rotated");
-                dropdown.classList.remove("active");
-            }
-        }
-        // *************************** مربوط به مرتب سازی  ********************************
-
-
-
-
-
-        //******************** انتخاب همه ی چک باکس ها ********************
-        $(".checkAll").change(function() {
-            let dataValYear = $('#year').val();
-            let dataValMonth = $('#month').val();
-            let dataValPersonel = Number($('#employeeId').val());
-
-            if ((dataValYear == '' || dataValMonth == '') && dataValPersonel == 0) {
-                $('#dropdown-year').addClass("errored");
-                $('#dropdown-month').addClass("errored");
-                
-                $(this).prop('checked', false);
-                $('.alert-msg').show();
-                $('.alert-msg p').text('جهت انتخاب گروهی قراردادها ابتدا میبایست سال و ماه مورد نظر را انتخاب نمائید.');
-                setTimeout(function() {
-                        $('.alert-msg').hide();
-                        $('.alert-msg p').text('');
-                        $('#dropdown-year').removeClass("errored");
-                        $('#dropdown-month').removeClass("errored");
-                    },
-                    3500);
-            } else {
-                loadAllToPrint();
-                $('input:checkbox').not(this).prop('checked', this.checked);
-                
-
-            }
-        });
-        //******************** انتخاب همه ی چک باکس ها ********************
-
-
-
-        //******************** فیلتر کردن برای جستجو ********************
-        $(document).on('click', '.btn-search-click', function() {
-            $('#filterRemove').show();
-        });
-        $(document).on('click', '.btn-clear-filter', function () {
-            $(this).hide();
-            $('.search-box input').val('');
-            $('.search-box .form-select').val(null);
-            $('#yearText').text('سال');
-            $('#monthText').text('ماه');
-            middleYearIndex = 2;
-            selectedMonth = 1;
-        });
-
-        $(document).ready(function () {
-
-            var filterEmployeeId = $('#employeeId').val();
-            var filterYear = $('#year').val();
-            var filterMonth = $('#month').val();
-            var filterStart = $('#start').val();
-            var filterEnd = $('#end').val();
-
-            if (filterEmployeeId != 0 || filterYear != '' || filterMonth != '' || filterStart != '' || filterEnd != '') {
-                $('.btn-clear-filter').removeClass('disable');
-            } else {
-                $('.btn-clear-filter').addClass('disable');
-            }
-        });
-
-
-        // قسمت دکمه حذف فیلتر
-        // $('#filterRemove').filter(function () {
-        //     if ($('.start-date').val() == '' && $('.end-date').val() == '') {
-        //         $(this).hide();
-        //     } else {
-        //         $(this).show();
-        //     }
-        // });
-        //******************** فیلتر کردن برای جستجو ********************
-
-
-        //******************** برای تاریک و محو کردن بکگراند مربوط به انتخاب تاریخ سال و ماه ********************
-        $("#overlaySearchAdvance").click(function() {
-            $('#overlaySearchAdvance').toggleClass("overlaySearchAdvance");
-            $('.datepicker-container-year').remove();
-            $('.datepicker-container-month').remove();
-        });
-        //******************** برای تاریک و محو کردن بکگراند مربوط به انتخاب تاریخ سال و ماه ********************
-
-
-        //******************** نمایش سال و ماه در موبایل ********************
-        if ($(window).width() < 768) {
-
-            var middleYearIndex = 2;
-            var selectedMonth = 2;
-
-            //************* Year *************
-            $('.persianDateInputYear').on('click',
-                function() {
-                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
-
-                    var datepicker = $(this);
-                    if ($(this).parent().find('.datepicker-container-year').length) {
-                        return false;
-                    } else {
-                        $(this).parent().append(`
-                                        <div class="datepicker-container-year">
-                                            <div class="datepicker-container-date-div">
-                                                <div class="date-container">
-                                                    <div id="years" class="scrollable-container"></div>
-                                                </div>
-                                                <div class="d-flex justify-content-around">
-                                                    <button type="button" class="btn-secondary" id="cancelYear" style="width:100px; font-size: 11px;">انصراف</button>
-                                                    <button type="button" class="btn-primary" id="confirmYear" style="width:100px; font-size: 11px;">تائید</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                  `);
-                    }
-
-                    var datepickerContainer = $(this).parent().find('.datepicker-container-year');
-                    var years = datepickerContainer.find('#years');
-                    // datepickerContainer.width(datepicker.outerWidth());
-
-                    var middleYearIndexArray = [];
-                    let yearlyList = [];
-                    yearlyList.push({ year: 1368 });
-                    yearlyList.push({ year: 1369 });
-                    @foreach (var items in Model.YearlyList.OrderBy(x => x))
-                    {
-                        @:yearlyList.push({ year: Number(@items) });
-                    }
-                    var yearIndex = yearlyList.length;
-                    yearIndex = yearIndex - 1;
-                    var no3 = yearlyList[yearIndex].year + 1;
-                    var no4 = yearlyList[yearIndex].year + 2;
-                    yearlyList.push({ year: no3 });
-                    yearlyList.push({ year: no4 });
-                    var i = 0;
-
-                    for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
-                        let y = { index: i, value: j };
-                        middleYearIndexArray.push(j);
-                        i++;
-
-                        var formattedNumber = String(j).padStart(2, '0');
-                        if (j == no3 || j == no4) {
-                            years.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else if (j == 1368 || j == 1369) {
-                            years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
-                        } else {
-                            years.append($('<span>').text(formattedNumber));
-                        }
-
-                        // var middleYearIndex = Math.floor(years.children('span').length / 2) - 2;
-                        years.children('span').eq(middleYearIndex).addClass('chosen-date');
-                        var containerHeightYear = years.height();
-                        var optionHeightYear = years.children('span').outerHeight();
-                        var scrollOffsetYear = optionHeightYear * middleYearIndex;
-                        years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
-                    }
-
-                    // datepickerContainer.addClass("date-container");
-
-                    var selectedYear = yearlyList[yearIndex].year;
-                    var yearsScrollTop;
-                    var scrollTimeout;
-
-                    // Scroll event listener
-                    datepickerContainer.find('.scrollable-container').on('scroll',
-                        function() {
-                            var optionHeightYear = years.children('span').outerHeight();
-                            // var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
-                            var scrollTopYear = Math.round((years.scrollTop() + (optionHeightYear * 2)) / 10) * 10;
-                            var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
-                            years.children('span').removeClass('chosen-date');
-                            years.children('span').eq(selectedIndexYear).addClass('chosen-date');
-                            yearsScrollTop = years.scrollTop();
-                            var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
-
-                            clearTimeout(scrollTimeout);
-                            scrollTimeout = setTimeout(function() {
-                                    var scrollTopYearRounded = customRound(yearsScrollTop);
-
-                                    if (yearsScrollTop !== scrollTopYearRounded) {
-                                        years.scrollTop(scrollTopYearRounded);
-                                    }
-                                },
-                                250);
-
-                            var containerId = $(this).attr('id');
-
-                            if (containerId === 'years') {
-                                selectedYear = selectedValueYear;
-
-                                index = middleYearIndexArray.indexOf(Number(selectedValueYear));
-                                middleYearIndex = index;
-                            }
-
-                            if (selectedYear) {
-                                var formattedDate = selectedYear;
-                                datepicker.val(formattedDate);
-                                $('#yearModal').val(formattedDate);
-                                $('#yearText').text(selectedYear);
-                            }
-                        });
-
-                    $(document).on('click',
-                        '#confirmYear',
-                        function (event) {
-                            $('#yearModal').val(selectedYear);
-                            $('#yearText').text(selectedYear);
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-
-                    $(document).on('click',
-                        '#cancelYear',
-                        function (event) {
-                            $('#yearModal').val('');
-                            $('#yearText').text('سال');
-                            middleYearIndex = 2;
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-
-                    $(document).on('click',
-                        '.chosen-date',
-                        function() {
-                            // if (selectedYear == 0) {
-                            //     $('#yearModal').val($(this).text());
-                            //     console.log(selectedYear)
-                            //     $('#yearText').text($(this).text());
-                            // } else {
-                            $('#yearModal').val(selectedYear);
-                            $('#yearText').text(selectedYear);
-                            // }
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                            datepickerContainer.remove();
-                        });
-                });
-            //************* End Year *************
-
-
-            //************* Month *************
-            $('.persianDateInputMonth').on('click',
-                function() {
-                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
-
-                    var datepicker = $(this);
-                    if ($(this).parent().find('.datepicker-container-month').length) {
-                        return false;
-                    } else {
-                        $(this).parent().append(`
-                                        <div class="datepicker-container-month">
-                                            <div class="datepicker-container-date-div">
-                                                <div class="date-container">
-                                                    <div id="months" class="scrollable-container"></div>
-                                                </div>
-                                                <div class="d-flex justify-content-around">
-                                                    <button type="button" class="btn-secondary" id="cancelMonth" style="width:100px; font-size: 11px;">انصراف</button>
-                                                    <button type="button" class="btn-primary" id="confirmMonth" style="width:100px; font-size: 11px;">تائید</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    `);
-                        if ($(this).val() != '') {
-                            let number = selectedMonth + 1;
-                            var middleMonthIndex = number;
-                        }
-                    }
-
-
-                    var datepickerContainer = $(this).parent().find('.datepicker-container-month');
-                    var months = datepickerContainer.find('#months');
-
-                    // Populate months
-                    var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
-                    for (var j = 0; j < 14; j++) {
-                        var monthIndex = j;
-                        // var monthIndex = (j * 12) % 12;
-                        // var monthIndex = (j + i * 12) % 12;
-                        var monthName = monthNames[j];
-
-                        if (j == 0) {
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else if (j == 13) {
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-
-                        } else {
-                            months.append($('<span>').text(monthName));
-                        }
-
-                        // var middleMonthIndex = selectedMonth;
-                        // var middleMonthIndex = Math.floor(months.children('span').length / 2) - 17;
-                        months.children('span').eq(selectedMonth).addClass('chosen-date');
-
-                        var containerHeightMonth = months.height();
-                        var optionHeightMonth = months.children('span').outerHeight();
-                        var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
-                        months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
-
-                    }
-
-                    var selectedMonthValue = "01";
-                    var selectedNumber = 2;
-                    var selectedMonthText = "فروردین";
-                    var monthScrollTop;
-                    var scrollTimeout;
-
-                    // Scroll event listener
-                    datepickerContainer.find('.scrollable-container').on('scroll',
-                        function() {
-
-                            var optionHeightMonth = months.children('span').outerHeight();
-                            var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
-                            var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
-                            months.children('span').removeClass('chosen-date');
-                            months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
-                            monthScrollTop = months.scrollTop();
-                            var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
-
-                            clearTimeout(scrollTimeout);
-                            scrollTimeout = setTimeout(function() {
-                                    var scrollTopMonthRounded = customRound(monthScrollTop);
-
-                                    if (monthScrollTop !== scrollTopMonthRounded) {
-                                        months.scrollTop(scrollTopMonthRounded);
-                                    }
-                                },
-                                250);
-
-                            var containerId = $(this).attr('id');
-
-                            if (containerId === 'months') {
-                                if (selectedValueMonth === 'فروردین') {
-                                    selectedMonthValue = '01';
-                                    selectedNumber = 1;
-                                    selectedMonthText = "فروردین";
-                                } else if (selectedValueMonth === 'اردیبهشت') {
-                                    selectedMonthValue = '02';
-                                    selectedNumber = 2;
-                                    selectedMonthText = "اردیبهشت";
-                                } else if (selectedValueMonth === 'خرداد') {
-                                    selectedMonthValue = '03';
-                                    selectedNumber = 3;
-                                    selectedMonthText = "خرداد";
-                                } else if (selectedValueMonth === 'تیر') {
-                                    selectedMonthValue = '04';
-                                    selectedNumber = 4;
-                                    selectedMonthText = "تیر";
-                                } else if (selectedValueMonth === 'مرداد') {
-                                    selectedMonthValue = '05';
-                                    selectedNumber = 5;
-                                    selectedMonthText = "مرداد";
-                                } else if (selectedValueMonth === 'شهریور') {
-                                    selectedMonthValue = '06';
-                                    selectedNumber = 6;
-                                    selectedMonthText = "شهریور";
-                                } else if (selectedValueMonth === 'مهر') {
-                                    selectedMonthValue = '07';
-                                    selectedNumber = 7;
-                                    selectedMonthText = "مهر";
-                                } else if (selectedValueMonth === 'آبان') {
-                                    selectedMonthValue = '08';
-                                    selectedNumber = 8;
-                                    selectedMonthText = "آبان";
-                                } else if (selectedValueMonth === 'آذر') {
-                                    selectedMonthValue = '09';
-                                    selectedNumber = 9;
-                                    selectedMonthText = "آذر";
-                                } else if (selectedValueMonth === 'دی') {
-                                    selectedMonthValue = '10';
-                                    selectedNumber = 10;
-                                    selectedMonthText = "دی";
-                                } else if (selectedValueMonth === 'بهمن') {
-                                    selectedMonthValue = '11';
-                                    selectedNumber = 11;
-                                    selectedMonthText = "بهمن";
-                                } else if (selectedValueMonth === 'اسفند') {
-                                    selectedMonthValue = '12';
-                                    selectedNumber = 12;
-                                    selectedMonthText = "اسفند";
-                                }
-                            }
-
-                            if (selectedMonthValue) {
-                                var formattedDate = selectedMonthValue;
-                                datepicker.val(formattedDate);
-                                $('#monthModal').val(formattedDate);
-                                $('#monthText').text(selectedMonthText);
-                                selectedMonth = selectedNumber;
-                            }
-                        });
-
-
-                    $(document).on('click',
-                        '#confirmMonth',
-                        function (event) {
-                            $('#monthModal').val(selectedMonthValue);
-                            $('#monthText').text(selectedMonthText);
-                            selectedMonth = selectedNumber;
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-
-                    $(document).on('click',
-                        '#cancelMonth',
-                        function (event) {
-                            $('#monthModal').val('');
-                            $('#monthText').text('ماه');
-                            selectedMonth = 2;
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-
-                    $(document).on('click',
-                        '.chosen-date',
-                        function() {
-                            $('#monthModal').val(selectedMonthValue);
-                            $('#monthText').text(selectedMonthText);
-                            selectedMonth = selectedNumber;
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                            datepickerContainer.remove();
-                        });
-                });
-            //************* End Month *************
-
-            //Pixel of height for Span in date
-            //For example: datepicker-container-date .years span
-            function customRound(number) {
-                var roundedNumber = Math.round(number);
-                var remainder = roundedNumber % 60; //60px
-                if (remainder <= 10) {
-                    return roundedNumber - remainder;
-                } else {
-                    return roundedNumber + (60 - remainder);
-                }
-            }
-        }
-        //******************** نمایش سال و ماه در موبایل ********************
-
-
-        //******************** نمایش تاریخ در موبایل ********************
-        if ($(window).width() < 768) {
-
-            // Input Start Date
-            var middleYearIndexDateStart = 2;
-            var selectedMonthDateStart = 2;
-            var middleDayIndexStart = 2;
-            $('.persianDateInputStartDate').on('click',
-                function() {
-                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
-
-                    var datepicker = $(this);
-                    if ($(this).parent().find('.datepicker-container-date').length) {
-                        return false;
-                    } else {
-                        $(this).parent().append(`
-                                        <div class="datepicker-container-date">
-                                            <div class="datepicker-container-date-div">
-                                                <div class="date-container">
-                                                    <div id="yearsValue" class="years scrollable-container"></div>
-                                                    <div id="monthsValue" class="months scrollable-container"></div>
-                                                    <div id="daysValue" class="days scrollable-container"></div>
-                                                </div>
-                                                <div class="d-flex justify-content-around">
-                                                    <button type="button" class="btn-secondary" id="cancelDateStart" style="width:100px; font-size: 11px;">انصراف</button>
-                                                    <button type="button" class="btn-primary" id="confirmDateStart" style="width:100px; font-size: 11px;">تائید</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    `);
-
-                        if ($(this).val() != '') {
-                            let number = selectedMonthDateStart + 1;
-                            var middleMonthIndex = number;
-                        }
-                    }
-
-                    var datepickerContainer = $(this).parent().find('.datepicker-container-date');
-                    var years = datepickerContainer.find('.years');
-                    var months = datepickerContainer.find('.months');
-                    var days = datepickerContainer.find('.days');
-                    // datepickerContainer.width(datepicker.outerWidth());
-
-
-                    // Populate years, months, and days
-                    var middleYearIndexArray = [];
-                    let yearlyList = [];
-                    yearlyList.push({ year: 1368 });
-                    yearlyList.push({ year: 1369 });
-                    @foreach (var items in Model.YearlyList.OrderBy(x => x))
-                    {
-                        @:yearlyList.push({ year: Number(@items) });
-                    }
-                    var yearIndex = yearlyList.length;
-                    yearIndex = yearIndex - 1;
-                    var no3 = yearlyList[yearIndex].year + 1;
-                    var no4 = yearlyList[yearIndex].year + 2;
-                    yearlyList.push({ year: no3 });
-                    yearlyList.push({ year: no4 });
-                    var i = 0;
-
-
-                    for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
-                        let y = { index: i, value: j };
-                        middleYearIndexArray.push(j);
-                        i++;
-
-                        var formattedNumber = String(j).padStart(2, '0');
-                        if (j == no3 || j == no4) {
-                            years.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else if (j == 1368 || j == 1369) {
-                            years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
-                        } else {
-                            years.append($('<span>').text(formattedNumber));
-                        }
-
-                        years.children('span').eq(middleYearIndexDateStart).addClass('chosen-date');
-                        var containerHeightYear = years.height();
-                        var optionHeightYear = years.children('span').outerHeight();
-                        var scrollOffsetYear = optionHeightYear * middleYearIndexDateStart;
-                        years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
-                    }
-
-
-                    var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
-                    for (var j = 0; j < 14; j++) {
-                        var monthIndex = j;
-                        // var monthIndex = (j * 12) % 12;
-                        // var monthIndex = (j + i * 12) % 12;
-                        var monthName = monthNames[j];
-
-                        if (j == 0) {
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else if (j == 13) {
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-
-                        } else {
-                            months.append($('<span>').text(monthName));
-                        }
-
-                        var containerHeightMonth = months.height();
-                        var optionHeightMonth = months.children('span').outerHeight();
-                        var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
-                        months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
-                    }
-
-                    for (var d = 1; d <= 31; d++) {
-                        var formattedNumber = String(d).padStart(2, '0');
-
-                        if (d == 1) {
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                            days.append($('<span>').text(formattedNumber));
-                        } else if (d == 31) {
-                            days.append($('<span>').text(formattedNumber));
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else {
-                            days.append($('<span>').text(formattedNumber));
-                        }
-
-                        // var middleDayIndex = Math.floor(days.children('span').length / 2) - 45;
-                        var containerHeightDay = days.height();
-                        var optionHeightDay = days.children('span').outerHeight();
-                        var scrollOffsetDay = optionHeightDay * middleDayIndexStart;
-                        days.scrollTop(scrollOffsetDay - containerHeightDay / 2);
-                    }
-
-                    var selectedYear = yearlyList[yearIndex].year;
-                    var selectedMonth = "01";
-                    var selectedNumberMonth = 1;
-
-                    var selectedDay = "01";
-
-                    var yearsScrollTop;
-                    var monthScrollTop;
-                    var dayScrollTop;
-                    var scrollTimeout;
-
-                    var formattedDate;
-
-                    // Scroll event listener
-                    datepickerContainer.find('.scrollable-container').on('scroll',
-                        function() {
-                            var optionHeightYear = years.children('span').outerHeight();
-
-                            var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
-                            var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
-                            yearsScrollTop = years.scrollTop();
-                            years.children('span').removeClass('chosen-date');
-                            years.children('span').eq(selectedIndexYear).addClass('chosen-date');
-                            var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
-
-
-                            var optionHeightMonth = months.children('span').outerHeight();
-                            var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
-                            var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
-                            months.children('span').removeClass('chosen-date');
-                            months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
-                            monthScrollTop = months.scrollTop();
-                            var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
-                            var optionHeightDay = days.children('span').outerHeight();
-                            var scrollTopDay = days.scrollTop() + (optionHeightDay * 2);
-
-                            var selectedIndexDay = Math.round(scrollTopDay / optionHeightDay);
-                            dayScrollTop = days.scrollTop();
-                            days.children('span').removeClass('chosen-date');
-                            days.children('span').eq(selectedIndexDay).addClass('chosen-date');
-                            var selectedValueDay = days.children('span').eq(selectedIndexDay).text();
-
-                            clearTimeout(scrollTimeout);
-                            scrollTimeout = setTimeout(function() {
-                                    var scrollTopYearRounded = customRound(yearsScrollTop);
-                                    var scrollTopMonthRounded = customRound(monthScrollTop);
-                                    var scrollTopDayRounded = customRound(dayScrollTop);
-
-                                    if (yearsScrollTop !== scrollTopYearRounded) {
-                                        years.scrollTop(scrollTopYearRounded);
-                                    }
-                                    if (monthScrollTop !== scrollTopMonthRounded) {
-                                        months.scrollTop(scrollTopMonthRounded);
-                                    }
-                                    if (dayScrollTop !== scrollTopDayRounded) {
-                                        days.scrollTop(scrollTopDayRounded);
-                                    }
-                                },
-                                250);
-
-                            var containerId = $(this).attr('id');
-
-                            if (containerId === 'yearsValue') {
-                                selectedYear = selectedValueYear;
-                                index = middleYearIndexArray.indexOf(Number(selectedValueYear));
-                                middleYearIndexDateStart = index;
-
-                            } else if (containerId === 'monthsValue') {
-                                if (selectedValueMonth === 'فروردین') {
-                                    selectedMonth = '01';
-                                    selectedNumberMonth = 1;
-                                } else if (selectedValueMonth === 'اردیبهشت') {
-                                    selectedMonth = '02';
-                                    selectedNumberMonth = 2;
-                                } else if (selectedValueMonth === 'خرداد') {
-                                    selectedMonth = '03';
-                                    selectedNumberMonth = 3;
-                                } else if (selectedValueMonth === 'تیر') {
-                                    selectedMonth = '04';
-                                    selectedNumberMonth = 4;
-                                } else if (selectedValueMonth === 'مرداد') {
-                                    selectedMonth = '05';
-                                    selectedNumberMonth = 5;
-                                } else if (selectedValueMonth === 'شهریور') {
-                                    selectedMonth = '06';
-                                    selectedNumberMonth = 6;
-                                } else if (selectedValueMonth === 'مهر') {
-                                    selectedMonth = '07';
-                                    selectedNumberMonth = 7;
-                                } else if (selectedValueMonth === 'آبان') {
-                                    selectedMonth = '08';
-                                    selectedNumberMonth = 8;
-                                } else if (selectedValueMonth === 'آذر') {
-                                    selectedMonth = '09';
-                                    selectedNumberMonth = 9;
-                                } else if (selectedValueMonth === 'دی') {
-                                    selectedMonth = '10';
-                                    selectedNumberMonth = 10;
-                                } else if (selectedValueMonth === 'بهمن') {
-                                    selectedMonth = '11';
-                                    selectedNumberMonth = 11;
-                                } else if (selectedValueMonth === 'اسفند') {
-                                    selectedMonth = '12';
-                                    selectedNumberMonth = 12;
-                                }
-                            } else if (containerId === 'daysValue') {
-                                selectedDay = selectedValueDay;
-                                middleDayIndexStart = parseInt(selectedValueDay) + 1;
-                            }
-
-                            selectedMonthDateStart = selectedNumberMonth;
-
-                            formattedDate = selectedYear + '/' + selectedMonth + '/' + selectedDay;
-                            datepicker.val(formattedDate);
-
-                        });
-
-
-                    $(document).on('click',
-                        '#overlaySearchAdvance',
-                        function() {
-                            datepickerContainer.remove();
-                        });
-
-                    $(document).on('click',
-                        '.chosen-date',
-                        function () {
-                            $('#start-date').text(formattedDate);
-                            $('.start-date').val(formattedDate);
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                            datepickerContainer.remove();
-                        });
-
-                    $(document).on('click',
-                        '#confirmDateStart',
-                        function(event) {
-                            $(this).parents().eq(2).find('.persianDateInput').val(formattedDate);
-                            $('#start-date').text(formattedDate);
-                            $('.start-date').val(formattedDate);
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-
-                    $(document).on('click',
-                        '#cancelDateStart',
-                        function(event) {
-                            // $(this).parents().eq(3).find('.persianDateInputStartDate').val('');
-                            $('#start-date').text('تاریخ شروع');
-                            $('.start-date').val('');
-                            middleYearIndexDateStart = 2;
-                            selectedMonthDateStart = 2;
-                            middleDayIndexStart = 2;
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-                });
-
-
-            // Input End Date
-            var middleYearIndexDateEnd = 2;
-            var selectedMonthDateEnd = 2;
-            var middleDayIndexEnd = 2;
-            $('.persianDateInputEndDate').on('click',
-                function() {
-                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
-
-                    var datepicker = $(this);
-                    if ($(this).parent().find('.datepicker-container-date').length) {
-                        return false;
-                    } else {
-                        $(this).parent().append(`
-                                        <div class="datepicker-container-date">
-                                            <div class="datepicker-container-date-div">
-                                                <div class="date-container">
-                                                    <div id="yearsValue" class="years scrollable-container"></div>
-                                                    <div id="monthsValue" class="months scrollable-container"></div>
-                                                    <div id="daysValue" class="days scrollable-container"></div>
-                                                </div>
-                                                <div class="d-flex justify-content-around">
-                                                    <button type="button" class="btn-secondary" id="cancelDateEnd" style="width:100px; font-size: 11px;">انصراف</button>
-                                                    <button type="button" class="btn-primary" id="confirmDateEnd" style="width:100px; font-size: 11px;">تائید</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    `);
-
-                        if ($(this).val() != '') {
-                            let number = selectedMonthDateEnd + 1;
-                            var middleMonthIndex = number;
-                        }
-                    }
-
-                    var datepickerContainer = $(this).parent().find('.datepicker-container-date');
-                    var years = datepickerContainer.find('.years');
-                    var months = datepickerContainer.find('.months');
-                    var days = datepickerContainer.find('.days');
-                    // datepickerContainer.width(datepicker.outerWidth());
-
-
-                    // Populate years, months, and days
-                    var middleYearIndexArray = [];
-                    let yearlyList = [];
-                    yearlyList.push({ year: 1368 });
-                    yearlyList.push({ year: 1369 });
-                    @foreach (var items in Model.YearlyList.OrderBy(x => x))
-                    {
-                        @:yearlyList.push({ year: Number(@items) });
-                    }
-                    var yearIndex = yearlyList.length;
-                    yearIndex = yearIndex - 1;
-                    var no3 = yearlyList[yearIndex].year + 1;
-                    var no4 = yearlyList[yearIndex].year + 2;
-                    yearlyList.push({ year: no3 });
-                    yearlyList.push({ year: no4 });
-                    var i = 0;
-
-                    for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
-                        let y = { index: i, value: j };
-                        middleYearIndexArray.push(j);
-                        i++;
-
-                        var formattedNumber = String(j).padStart(2, '0');
-                        if (j == no3 || j == no4) {
-                            years.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else if (j == 1368 || j == 1369) {
-                            years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
-                        } else {
-                            years.append($('<span>').text(formattedNumber));
-                        }
-
-                        years.children('span').eq(middleYearIndexDateEnd).addClass('chosen-date');
-                        var containerHeightYear = years.height();
-                        var optionHeightYear = years.children('span').outerHeight();
-                        var scrollOffsetYear = optionHeightYear * middleYearIndexDateEnd;
-                        years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
-                    }
-
-
-                    var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
-                    for (var j = 0; j < 14; j++) {
-                        var monthIndex = j;
-                        // var monthIndex = (j * 12) % 12;
-                        // var monthIndex = (j + i * 12) % 12;
-                        var monthName = monthNames[j];
-
-                        if (j == 0) {
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else if (j == 13) {
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-                            months.append($('<span>').text('-').css('visibility', 'hidden'));
-
-                        } else {
-                            months.append($('<span>').text(monthName));
-                        }
-
-                        var containerHeightMonth = months.height();
-                        var optionHeightMonth = months.children('span').outerHeight();
-                        var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
-                        months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
-                    }
-
-                    for (var d = 1; d <= 31; d++) {
-                        var formattedNumber = String(d).padStart(2, '0');
-
-                        if (d == 1) {
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                            days.append($('<span>').text(formattedNumber));
-                        } else if (d == 31) {
-                            days.append($('<span>').text(formattedNumber));
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                            days.append($('<span>').text('-').css('visibility', 'hidden'));
-                        } else {
-                            days.append($('<span>').text(formattedNumber));
-                        }
-
-                        // var middleDayIndex = Math.floor(days.children('span').length / 2) - 45;
-                        var containerHeightDay = days.height();
-                        var optionHeightDay = days.children('span').outerHeight();
-                        var scrollOffsetDay = optionHeightDay * middleDayIndexEnd;
-                        days.scrollTop(scrollOffsetDay - containerHeightDay / 2);
-                    }
-
-                    var selectedYear = yearlyList[yearIndex].year;
-                    var selectedMonth = "01";
-                    var selectedNumberMonth = 1;
-
-                    var selectedDay = "01";
-
-                    var yearsScrollTop;
-                    var monthScrollTop;
-                    var dayScrollTop;
-                    var scrollTimeout;
-                    
-                    var formattedDate;
-
-                    // Scroll event listener
-                    datepickerContainer.find('.scrollable-container').on('scroll',
-                        function() {
-                            var optionHeightYear = years.children('span').outerHeight();
-
-                            var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
-                            var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
-                            yearsScrollTop = years.scrollTop();
-                            years.children('span').removeClass('chosen-date');
-                            years.children('span').eq(selectedIndexYear).addClass('chosen-date');
-                            var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
-
-
-                            var optionHeightMonth = months.children('span').outerHeight();
-                            var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
-                            var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
-                            months.children('span').removeClass('chosen-date');
-                            months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
-                            monthScrollTop = months.scrollTop();
-                            var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
-                            var optionHeightDay = days.children('span').outerHeight();
-                            var scrollTopDay = days.scrollTop() + (optionHeightDay * 2);
-
-
-                            var selectedIndexDay = Math.round(scrollTopDay / optionHeightDay);
-                            dayScrollTop = days.scrollTop();
-                            days.children('span').removeClass('chosen-date');
-                            days.children('span').eq(selectedIndexDay).addClass('chosen-date');
-                            var selectedValueDay = days.children('span').eq(selectedIndexDay).text();
-
-                            clearTimeout(scrollTimeout);
-                            scrollTimeout = setTimeout(function() {
-                                    var scrollTopYearRounded = customRound(yearsScrollTop);
-                                    var scrollTopMonthRounded = customRound(monthScrollTop);
-                                    var scrollTopDayRounded = customRound(dayScrollTop);
-
-                                    if (yearsScrollTop !== scrollTopYearRounded) {
-                                        years.scrollTop(scrollTopYearRounded);
-                                    }
-                                    if (monthScrollTop !== scrollTopMonthRounded) {
-                                        months.scrollTop(scrollTopMonthRounded);
-                                    }
-                                    if (dayScrollTop !== scrollTopDayRounded) {
-                                        days.scrollTop(scrollTopDayRounded);
-                                    }
-                                },
-                                250);
-
-
-                            var containerId = $(this).attr('id');
-
-                            if (containerId === 'yearsValue') {
-                                selectedYear = selectedValueYear;
-                                index = middleYearIndexArray.indexOf(Number(selectedValueYear));
-                                middleYearIndexDateEnd = index;
-                            } else if (containerId === 'monthsValue') {
-                                if (selectedValueMonth === 'فروردین') {
-                                    selectedMonth = '01';
-                                    selectedNumberMonth = 1;
-                                } else if (selectedValueMonth === 'اردیبهشت') {
-                                    selectedMonth = '02';
-                                    selectedNumberMonth = 2;
-                                } else if (selectedValueMonth === 'خرداد') {
-                                    selectedMonth = '03';
-                                    selectedNumberMonth = 3;
-                                } else if (selectedValueMonth === 'تیر') {
-                                    selectedMonth = '04';
-                                    selectedNumberMonth = 4;
-                                } else if (selectedValueMonth === 'مرداد') {
-                                    selectedMonth = '05';
-                                    selectedNumberMonth = 5;
-                                } else if (selectedValueMonth === 'شهریور') {
-                                    selectedMonth = '06';
-                                    selectedNumberMonth = 6;
-                                } else if (selectedValueMonth === 'مهر') {
-                                    selectedMonth = '07';
-                                    selectedNumberMonth = 7;
-                                } else if (selectedValueMonth === 'آبان') {
-                                    selectedMonth = '08';
-                                    selectedNumberMonth = 8;
-                                } else if (selectedValueMonth === 'آذر') {
-                                    selectedMonth = '09';
-                                    selectedNumberMonth = 9;
-                                } else if (selectedValueMonth === 'دی') {
-                                    selectedMonth = '10';
-                                    selectedNumberMonth = 10;
-                                } else if (selectedValueMonth === 'بهمن') {
-                                    selectedMonth = '11';
-                                    selectedNumberMonth = 11;
-                                } else if (selectedValueMonth === 'اسفند') {
-                                    selectedMonth = '12';
-                                    selectedNumberMonth = 12;
-                                }
-                            } else if (containerId === 'daysValue') {
-                                selectedDay = selectedValueDay;
-                                middleDayIndexEnd = parseInt(selectedValueDay) + 1;
-                            }
-
-                            selectedMonthDateEnd = selectedNumberMonth;
-
-                            formattedDate = selectedYear + '/' + selectedMonth + '/' + selectedDay;
-                            datepicker.val(formattedDate);
-                        });
-
-
-                    $(document).on('click',
-                        '#overlaySearchAdvance',
-                        function() {
-                            datepickerContainer.remove();
-                        });
-
-                    $(document).on('click',
-                        '.chosen-date',
-                        function () {
-                            $('#end-date').text(formattedDate);
-                            $('.end-date').val(formattedDate);
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                            datepickerContainer.remove();
-                        });
-
-                    $(document).on('click',
-                        '#confirmDateEnd',
-                        function(event) {
-                            $('#end-date').text(formattedDate);
-                            $('.end-date').val(formattedDate);
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-
-                    $(document).on('click',
-                        '#cancelDateEnd',
-                        function(event) {
-                            $('#end-date').text('تاریخ پایان');
-                            $('.end-date').val('');
-                            middleYearIndexDateEnd = 2;
-                            selectedMonthDateEnd = 2;
-                            middleDayIndexEnd = 2;
-                            datepickerContainer.remove();
-                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
-                        });
-
-                });
-
-
-            //Pixel of height for Span in date
-            //For example: datepicker-container-date .years span
-            function customRound(number) {
-                let roundedNumber = Math.round(number);
-                var remainder = roundedNumber % 60; // 60px
-                if (remainder <= 10) {
-                    return roundedNumber - remainder;
-                } else {
-                    return roundedNumber + (60 - remainder);
-                }
-            }
-        }
-
-
-        $(document).ready(function() {
-            if ($(window).width() < 768) {
-                $('#search-theme-form1').remove();
-
-            } else {
-                $('#search-theme-form2').remove();
-            }
-            $("#getPersonnel").select2({
-                language: "fa",
-                dir: "rtl",
-                templateResult: function (data, container) {
-	                if (data.element) {
-		                $(container).addClass($(data.element).attr("class"));
-	                }
-	                return data.text;
-                }
-            });
-
-            $("#getPersonneModal").select2({
-                language: "fa",
-                dir: "rtl",
-                dropdownParent: $('#searchModal'),
-                templateResult: function (data, container) {
-	                if (data.element) {
-		                $(container).addClass($(data.element).attr("class"));
-	                }
-	                return data.text;
-                }
-            });
-
-            // $(".date").mask("0000/00/00");
-            $(".date").on('input', function () {
-	            var value = $(this).val();
-	            $(this).val(convertPersianNumbersToEnglish(value));
-            }).mask("0000/00/00");
-            $('.goToTop').hide();
-        });
-        $(".date").keyup(function() {
-            let value = $(this).val();
-            let lengthValue = value.length;
-            if (lengthValue == 10) {
-                if (!dateValidcheck(this)) {
-                    $(this).addClass("errored");
-                } else {
-                    $(this).removeClass("errored");
-
-                }
-            } else if (lengthValue == 0) {
-                $(this).removeClass("errored");
-            }
-        });
-
-        // $('#sorting').on("change",
-        //     function () {
-        //         $('#searchBtn').click();
-        //     });
-        $('.dropdown .item').on("click",
-            function() {
-                let dataVal = $(this).attr("value-data");
-                $('#sendSorting').val(dataVal);
-                $('#searchBtn').click();
-            });
-        $('.dropdown-year .item').on("click",
-            function() {
-                let dataVal = $(this).attr("value-data-year");
-                $('#sendDropdownYear').val(dataVal);
-            });
-        $('.dropdown-month .item').on("click",
-            function() {
-                let dataVal = $(this).attr("value-data-month");
-                $('#sendDropdownMonth').val(dataVal);
-            });
-
-        var sendDropdownYear = $("#sendDropdownYear").val();
-        if (sendDropdownYear) {
-            let itemDropdownYear = $(".dropdown-year").find(".item[value-data-year='" + sendDropdownYear + "']");
-            itemDropdownYear.addClass("active");
-            var selectedYearDisplay = $(".wrapper-dropdown-year").find(".selected-display");
-            selectedYearDisplay.text(itemDropdownYear.text());
-        }
-
-        var sendDropdownMonth = $("#sendDropdownMonth").val();
-        if (sendDropdownMonth) {
-            let itemDropdownMonth = $(".dropdown-month").find(".item[value-data-month='" + sendDropdownMonth + "']");
-            itemDropdownMonth.addClass("active");
-            var selectedMonthDisplay = $(".wrapper-dropdown-month").find(".selected-display");
-            selectedMonthDisplay.text(itemDropdownMonth.text());
-        }
-        function loadAllToPrint() {
-
-           
-            var workshopId = Number($('#workshopIds').val());
-            var employeeId = Number($('#employeeId').val());
-            var year = $('#year').val();
-            var month = $('#month').val();
-
-            // var sorting = $('#sortingList').val();
-            $('.printAllTd').remove();
-
-            $.ajax({
-                async: false,
-                contentType: 'charset=utf-8',
-                dataType: 'json',
-                type: 'GET',
-                url: '@Url.Page("./Index", "LoadAllToPrint")',
-                data: {
-         
-                    workshopId: workshopId,
-                    employeeId: employeeId,
-                    year: year,
-                    month: month,
-                
-                },
-                headers: { "RequestVerificationToken": $('@Html.AntiForgeryToken()').val() },
-
-                success: function (response) {
-                    if (response.pageIndex > 0) {
-                        var n = 1;
-                        $.each(response.contractResultViewModels,
-                            function (i, item) {
-
-
-                                const html = `<div class="Rtable-row align-items-center position-relative printAllTd myTest">
-                                                                                      <div class="Rtable-cell d-md-block d-none width1">
-                                                                                  <div class="Rtable-cell--heading">
-                                                                                      ردیف
-                                                                                  </div>
-                                                                                          <label for="${n}" class="Rtable-cell--content prevent-select">
-                                                                                      <span class="d-flex justify-content-center align-items-center justify-content-between">
-                                                                                          <input id="${n}" type="checkbox" class="form-check-input foo" name="foo" value="${item.id}">
-                                                                                            ${n}
-                                                                                      </span>
-                                                                                  </label>
-                                                                              </div>
-                                                                              <div class="Rtable-cell d-md-block d-none width2">
-                                                                                  <div class="Rtable-cell--heading">شماره پرسنلی</div>
-                                                                                  <div class="Rtable-cell--content">${item.personnelCode}</div>
-                                                                              </div>
-                                                                              <div class="Rtable-cell d-md-block d-none width3">
-                                                                                  <div class="Rtable-cell--heading">شماره قرارداد</div>
-                                                                                  <div class="Rtable-cell--content">${item.contractNo}</div>
-                                                                              </div>
-                                                                              <div class="Rtable-cell d-md-block d-none width4">
-                                                                                  <div class="Rtable-cell--heading">نام پرسنل</div>
-                                                                                  <div class="Rtable-cell--content ">${item.employeeName}</div>
-                                                                              </div>
-                                                                              <div class="Rtable-cell d-md-block d-none width5">
-                                                                                  <div class="Rtable-cell--heading">آغاز قرارداد</div>
-                                                                                  <div class="Rtable-cell--content ">${item.contarctStart}</div>
-                                                                              </div>
-                                                                              <div class="Rtable-cell d-md-block d-none width6">
-                                                                                  <div class="Rtable-cell--heading">پایان قرارداد</div>
-                                                                                  <div class="Rtable-cell--content ">${item.contractEnd}</div>
-                                                                              </div>
-                                                                              <div class="Rtable-cell d-md-flex d-none width7">
-                                                                                  <div class="Rtable-cell--heading">امضاء پرسنل</div>
-                                                                                  <div class="Rtable-cell--content ">
-                                                                                      ${item.signature === "1"
-                                        ? `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                                                                              <rect width="20" height="20" rx="10" fill="#1DC9A0" />
-                                                                                              <path d="M14.6667 6.7915L8.25004 13.2082L5.33337 10.2915" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                                                                                          </svg>`
-                                        : ` <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                                                                              <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="#FFD5D5" stroke="#ED8E8E" />
-                                                                                          </svg>`
-                                    }
-                                                                                  </div>
-                                                                              </div>
-
-                                                                            <div class="Rtable-contract w-100 d-flex d-md-none align-items-center justify-content-between printAllTd">
-                                                                        <div class="d-flex justify-content-center align-items-center justify-content-between">
-                                                                           <div class="checkbox-responsive d-flex justify-content-center align-items-center justify-content-around">
-                                                                               <input type="checkbox" class="form-check-input" name="" id="">
-                                                                                       <span> ${n}</span>
-                                                                           </div>
-
-                                                                           <div class="Rtable-cell--content">
-                                                                               <span class="mx-sm-2">
-                                                                                    ${item.employeeName}
-                                                                               </span>
-                                                                           </div>
-                                                                        </div>
-
-
-                                                                        <div class="Rtable-cell--content d-flex justify-content-end align-items-center">
-                                                                           <div class="Rtable-cell--heading d-block text-center text-nowrap">
-                                                                               <span class="d-block">آغاز قرارداد</span>
-                                                                                ${item.contarctStart}
-                                                                           </div>
-                                                                           <div class="Rtable-cell--heading d-block text-center text-nowrap">
-                                                                               <span class="d-block">پایان قرارداد</span>
-                                                                                ${item.contractEnd}
-                                                                           </div>
-                                                                           <div class="Rtable-cell--heading d-block text-center">
-                                                                                <button class="btn-print" type="button" onclick="printOneMobile(${item.id})">
-                                                                                   <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                                                       <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" />
-                                                                                       <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" />
-                                                                                       <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round" />
-                                                                                       <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round" />
-                                                                                       <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" />
-                                                                                   </svg>
-                                                                               </button>
-                                                                           </div>
-                                                                        </div>
-                                                                    </div>
-
-                                                                              <div class="Rtable-cell d-md-block d-none width8">
-                                                                                  <div class="Rtable-cell--content align-items-center d-flex d-md-block text-end">
-                                                                                    <button type="button" class="btn-print moreThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOne(${item.id})">
-                                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                                                            <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
-                                                                                            <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
-                                                                                            <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
-                                                                                            <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
-                                                                                            <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
-                                                                                        </svg>
-                                                                                    </button>
-                                                                                    <button type="button" class="btn-print lessThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOneMobile(${item.id})">
-                                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                                                            <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
-                                                                                            <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
-                                                                                            <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
-                                                                                            <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
-                                                                                            <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
-                                                                                        </svg>
-                                                                                    </button>
-                                                                                  </div>
-                                                                              </div>
-                                                                      </div>`;
-
-                                $('.tb').append(html);
-                                n += 1;
-                            });
-                        var newPageIndex = pageIndex + response.pageIndex;
-                        $('#pageIndex').val(newPageIndex);
-
-                    }
-
-
-                },
-                failure: function (response) {
-                    console.log(5, response);
-
-                }
-            });
-        }
-        //Scroll Ajax
-        function loadMore() {
-
-            let pageIndex = Number($('#pageIndex').val());
-            var b = pageIndex % 30;
-            var workshopId = Number($('#workshopIds').val());
-            var employeeId = Number($('#employeeId').val());
-            var year = $('#year').val();
-            var month = $('#month').val();
-            var start = $('#start').val();
-            var end = $('#end').val();
-            var sorting = $('#sortingList').val();
-
-            if (b === 0 && pageIndex > 0) {
-
-                $.ajax({
-                    async: false,
-                    contentType: 'charset=utf-8',
-                    dataType: 'json',
-                    type: 'GET',
-                    url: '@Url.Page("./Index", "Pagination")',
-                    data: {
-                        pageIndex: pageIndex,
-                        workshopId: workshopId,
-                        employeeId: employeeId,
-                        year: year,
-                        month: month,
-                        start: start,
-                        end: end,
-                        sorting: sorting
-                    },
-                    headers: { "RequestVerificationToken": $('@Html.AntiForgeryToken()').val() },
-
-                    success: function(response) {
-                        if (response.pageIndex > 0) {
-                            var n = pageIndex + 1;
-                            $.each(response.contractResultViewModels,
-                                function(i, item) {
-
-
-                                    const html = `
-                                                                    <div class="Rtable-row align-items-center position-relative printAllTd">
-                                                                              <div class="Rtable-cell d-md-block d-none width1">
-                                                                          <div class="Rtable-cell--heading">
-                                                                              ردیف
-                                                                          </div>
-                                                                          <label for="${n}" class="Rtable-cell--content prevent-select">
-                                                                              <span class="d-flex justify-content-center align-items-center justify-content-between">
-                                                                                  <input id=${n} type="checkbox" class="form-check-input foo" name="foo" value="${item.id}">
-                                                                                    ${n}
-                                                                              </span>
-                                                                          </label>
-                                                                      </div>
-                                                                      <div class="Rtable-cell d-md-block d-none width2">
-                                                                          <div class="Rtable-cell--heading">شماره پرسنلی</div>
-                                                                          <div class="Rtable-cell--content">${item.personnelCode}</div>
-                                                                      </div>
-                                                                      <div class="Rtable-cell d-md-block d-none width3">
-                                                                          <div class="Rtable-cell--heading">شماره قرارداد</div>
-                                                                          <div class="Rtable-cell--content">${item.contractNo}</div>
-                                                                      </div>
-                                                                      <div class="Rtable-cell d-md-block d-none width4">
-                                                                          <div class="Rtable-cell--heading">نام پرسنل</div>
-                                                                          <div class="Rtable-cell--content ">${item.employeeName}</div>
-                                                                      </div>
-                                                                      <div class="Rtable-cell d-md-block d-none width5">
-                                                                          <div class="Rtable-cell--heading">آغاز قرارداد</div>
-                                                                          <div class="Rtable-cell--content ">${item.contarctStart}</div>
-                                                                      </div>
-                                                                      <div class="Rtable-cell d-md-block d-none width6">
-                                                                          <div class="Rtable-cell--heading">پایان قرارداد</div>
-                                                                          <div class="Rtable-cell--content ">${item.contractEnd}</div>
-                                                                      </div>
-                                                                      <div class="Rtable-cell d-md-flex d-none width7">
-                                                                          <div class="Rtable-cell--heading">امضاء پرسنل</div>
-                                                                          <div class="Rtable-cell--content ">
-                                                                              ${item.signature === "1"
-                                        ? `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                                                                      <rect width="20" height="20" rx="10" fill="#1DC9A0" />
-                                                                                      <path d="M14.6667 6.7915L8.25004 13.2082L5.33337 10.2915" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                                                                                  </svg>`
-                                        : ` <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                                                                      <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="#FFD5D5" stroke="#ED8E8E" />
-                                                                                  </svg>`
-                                        }
-                                                                          </div>
-                                                                      </div>
-
-                                                            <div class="Rtable-contract w-100 d-flex d-md-none align-items-center justify-content-between">
-                                                                <div class="d-flex justify-content-center align-items-center justify-content-between">
-                                                                   <div class="checkbox-responsive d-flex justify-content-center align-items-center justify-content-around">
-                                                                       <input type="checkbox" class="form-check-input foo" name="foo" value="${item.id}" id="">
-                                                                               <span> ${n}</span>
-                                                                   </div>
-
-                                                                   <div class="Rtable-cell--content">
-                                                                       <span class="mx-sm-2">
-                                                                            ${item.employeeName}
-                                                                       </span>
-                                                                   </div>
-                                                                </div>
-
-
-                                                                <div class="Rtable-cell--content d-flex justify-content-end align-items-center">
-                                                                   <div class="Rtable-cell--heading d-block text-center text-nowrap">
-                                                                       <span class="d-block">آغاز قرارداد</span>
-                                                                        ${item.contarctStart}
-                                                                   </div>
-                                                                   <div class="Rtable-cell--heading d-block text-center text-nowrap">
-                                                                       <span class="d-block">پایان قرارداد</span>
-                                                                        ${item.contractEnd}
-                                                                   </div>
-                                                                   <div class="Rtable-cell--heading d-block text-center">
-                                                                                       <button class="btn-print" type="button" onclick="printOneMobile(${item.id})">
-                                                                           <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                                               <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" />
-                                                                               <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" />
-                                                                               <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round" />
-                                                                               <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round" />
-                                                                               <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" />
-                                                                           </svg>
-                                                                       </button>
-                                                                   </div>
-                                                                </div>
-                                                            </div>
-
-                                                                      <div class="Rtable-cell d-md-block d-none width8">
-                                                                            <div class="Rtable-cell--content align-items-center d-flex d-md-block text-end">
-                                                                                <button type="button" class="btn-print moreThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOne(${item.id})">
-                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                                                        <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
-                                                                                        <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
-                                                                                        <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
-                                                                                        <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
-                                                                                        <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
-                                                                                    </svg>
-                                                                                </button>
-                                                                                <button type="button" class="btn-print lessThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOneMobile(${item.id})">
-                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
-                                                                                        <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
-                                                                                        <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
-                                                                                        <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
-                                                                                        <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
-                                                                                        <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
-                                                                                    </svg>
-                                                                                </button>
-                                                                          </div>
-                                                                      </div>
-                                                              </div>
-
-
-
-
-                                                            `;
-
-                                    $('.tb').append(html);
-                                    n += 1;
-                                });
-                            var newPageIndex = pageIndex + response.pageIndex;
-                            $('#pageIndex').val(newPageIndex);
-
-                        }
-
-
-                    },
-                    failure: function(response) {
-                        console.log(5, response);
-
-                    }
-                });
-            }
-
-
-        }
-
-        $('.goToTop').on('click',
-            function() {
-                $('html, body').animate({ scrollTop: 0 }, 360);
-                return false;
-            });
-
-        $(window).scroll(function() {
-            if ($(window).scrollTop() + $(window).height() > $(document).height() - 600) {
-                // goToTop();
-                loadMore();
-            }
-
-            if ($(this).scrollTop() > 100) {
-                $('.goToTop').show().fadeIn();
-            } else {
-                $('.goToTop').fadeOut().hide();
-            }
-        });
     </script>
-    <script>
-        function printOne(id) {
-            var parametr = '&id=' + id;
-            var url = '@Url.Page("/Company/Contracts/Index", "PrintOne")';
-            AjaxUrlContentModal(url + parametr);
-        }
-        function printOneMobile(id) {
-            var parametr = '&id=' + id;
-            var url = '@Url.Page("/Company/Contracts/Index", "PrintOneMobile")';
-            AjaxUrlContentModal(url + parametr);
-        }
+    <script src="~/assetsclient./pages/Contracts/js/index.js?ver=@Version.StyleVersion"></script>
 
-        function printAll() {
-            var idlist = "";
-            
-            if (!($('input:checkbox').is(":checked"))) {
-                $('.alert-msg').show();
-                $('.alert-msg p').text('هیچ موردی انتخاب نشده است.');
-                setTimeout(function () {
-                    $('.alert-msg').hide();
-                    $('.alert-msg p').text('');
-                }, 3500);
-                return 
-            }
 
-            $('.foo').each(function() {
-                if ($(this).is(":checked")) {
-                   
-                    var a = $(this).val();
-                    var b = a + "+";
-                    idlist += b;
-                   
-                }
-            });
-
-            if (idlist != "") {
-                var url = '@Url.Page("/Company/Contracts/ContractPrintAll")';
-                window.location.href = url +'?idlist='+ idlist;
-            }
-        }
-    </script>
     }
\ No newline at end of file
diff --git a/ServiceHost/wwwroot/AssetsClient/pages/Contracts/js/index.js b/ServiceHost/wwwroot/AssetsClient/pages/Contracts/js/index.js
new file mode 100644
index 00000000..5319d191
--- /dev/null
+++ b/ServiceHost/wwwroot/AssetsClient/pages/Contracts/js/index.js
@@ -0,0 +1,1612 @@
+
+
+        var Scrollbar = window.Scrollbar;
+        Scrollbar.init(document.querySelector('#my-scrollbar'), {
+            alwaysShowTracks: true,
+        });
+
+        const selectedAll = document.querySelectorAll(".wrapper-dropdown");
+        $(document).ready(function() {
+
+            //******************** چسباندن هدر تیبل به صفحه بالا ********************
+            // Get the offset position of the sticky element
+            var stickyDiv = $(".sticky-div");
+            var stickyOffset = stickyDiv.offset().top;
+
+            // Add the sticky class to the element when you reach its scroll position
+            $(window).scroll(function () {
+                if (window.pageYOffset >= stickyOffset) {
+                    stickyDiv.addClass("sticky");
+                } else {
+                    stickyDiv.removeClass("sticky");
+                }
+            });
+            //******************** چسباندن هدر تیبل به صفحه بالا ********************
+
+
+
+            // *************************** مربوط به مرتب سازی  ********************************
+            var wrapperDropdown = $(".wrapper-dropdown");
+
+            wrapperDropdown.on("click", function() {
+                var dropdown = $(this);
+                var optionsContainer = dropdown.children(".dropdown");
+                var optionsList = optionsContainer.find(".item");
+
+                dropdown.toggleClass("active");
+
+                if (dropdown.hasClass("active")) {
+                    wrapperDropdown.not(this).removeClass("active");
+                }
+
+                optionsList.on("click",
+                    function() {
+                        var selectedOption = $(this);
+                        var valueData = selectedOption.data("value");
+
+                        dropdown.removeClass("active");
+                        dropdown.find(".selected-display").text(selectedOption.text());
+                        $("#sendSorting").val(valueData);
+
+                        optionsList.removeClass("active");
+                        selectedOption.addClass("active");
+                    });
+                });
+
+            var defaultValue = $("#sendSorting").val();
+            if (defaultValue) {
+
+                let defaultItem = $(".dropdown").find(".item[value-data='" + defaultValue + "']");
+                defaultItem.addClass("active");
+                var selectedDisplay = wrapperDropdown.find(".selected-display");
+                selectedDisplay.text(defaultItem.text());
+            }
+        });
+
+        // check if anything else ofther than the dropdown is clicked
+        window.addEventListener("click",
+            function(e) {
+                if (e.target.closest(".wrapper-dropdown") === null) {
+                    closeAllDropdowns();
+                }
+            });
+
+        // close all the dropdowns
+        function closeAllDropdowns() {
+            const selectedAll = document.querySelectorAll(".wrapper-dropdown");
+            selectedAll.forEach((selected) => {
+                const optionsContainer = selected.children[2];
+                let arrow = selected.children[1];
+
+                handleDropdown(selected, arrow, false);
+            });
+        }
+
+        // open all the dropdowns
+        function handleDropdown(dropdown, arrow, open) {
+            if (open) {
+                arrow.classList.add("rotated");
+                dropdown.classList.add("active");
+            } else {
+                arrow.classList.remove("rotated");
+                dropdown.classList.remove("active");
+            }
+        }
+        // *************************** مربوط به مرتب سازی  ********************************
+
+
+
+
+
+        //******************** انتخاب همه ی چک باکس ها ********************
+        $(".checkAll").change(function() {
+            let dataValYear = $('#year').val();
+            let dataValMonth = $('#month').val();
+            let dataValPersonel = Number($('#employeeId').val());
+
+            if ((dataValYear == '' || dataValMonth == '') && dataValPersonel == 0) {
+                $('#dropdown-year').addClass("errored");
+                $('#dropdown-month').addClass("errored");
+                
+                $(this).prop('checked', false);
+                $('.alert-msg').show();
+                $('.alert-msg p').text('جهت انتخاب گروهی قراردادها ابتدا میبایست سال و ماه مورد نظر را انتخاب نمائید.');
+                setTimeout(function() {
+                        $('.alert-msg').hide();
+                        $('.alert-msg p').text('');
+                        $('#dropdown-year').removeClass("errored");
+                        $('#dropdown-month').removeClass("errored");
+                    },
+                    3500);
+            } else {
+                loadAllToPrint();
+                $('input:checkbox').not(this).prop('checked', this.checked);
+                
+
+            }
+        });
+        //******************** انتخاب همه ی چک باکس ها ********************
+
+
+
+        //******************** فیلتر کردن برای جستجو ********************
+        $(document).on('click', '.btn-search-click', function() {
+            $('#filterRemove').show();
+        });
+        $(document).on('click', '.btn-clear-filter', function () {
+            $(this).hide();
+            $('.search-box input').val('');
+            $('.search-box .form-select').val(null);
+            $('#yearText').text('سال');
+            $('#monthText').text('ماه');
+            middleYearIndex = 2;
+            selectedMonth = 1;
+        });
+
+        $(document).ready(function () {
+
+            var filterEmployeeId = $('#employeeId').val();
+            var filterYear = $('#year').val();
+            var filterMonth = $('#month').val();
+            var filterStart = $('#start').val();
+            var filterEnd = $('#end').val();
+
+            if (filterEmployeeId != 0 || filterYear != '' || filterMonth != '' || filterStart != '' || filterEnd != '') {
+                $('.btn-clear-filter').removeClass('disable');
+            } else {
+                $('.btn-clear-filter').addClass('disable');
+            }
+        });
+
+
+        // قسمت دکمه حذف فیلتر
+        // $('#filterRemove').filter(function () {
+        //     if ($('.start-date').val() == '' && $('.end-date').val() == '') {
+        //         $(this).hide();
+        //     } else {
+        //         $(this).show();
+        //     }
+        // });
+        //******************** فیلتر کردن برای جستجو ********************
+
+
+        //******************** برای تاریک و محو کردن بکگراند مربوط به انتخاب تاریخ سال و ماه ********************
+        $("#overlaySearchAdvance").click(function() {
+            $('#overlaySearchAdvance').toggleClass("overlaySearchAdvance");
+            $('.datepicker-container-year').remove();
+            $('.datepicker-container-month').remove();
+        });
+        //******************** برای تاریک و محو کردن بکگراند مربوط به انتخاب تاریخ سال و ماه ********************
+
+
+        //******************** نمایش سال و ماه در موبایل ********************
+        if ($(window).width() < 768) {
+
+            var middleYearIndex = 2;
+            var selectedMonth = 2;
+
+            //************* Year *************
+            $('.persianDateInputYear').on('click',
+                function() {
+                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
+
+                    var datepicker = $(this);
+                    if ($(this).parent().find('.datepicker-container-year').length) {
+                        return false;
+                    } else {
+                        $(this).parent().append(`
+                                        <div class="datepicker-container-year">
+                                            <div class="datepicker-container-date-div">
+                                                <div class="date-container">
+                                                    <div id="years" class="scrollable-container"></div>
+                                                </div>
+                                                <div class="d-flex justify-content-around">
+                                                    <button type="button" class="btn-secondary" id="cancelYear" style="width:100px; font-size: 11px;">انصراف</button>
+                                                    <button type="button" class="btn-primary" id="confirmYear" style="width:100px; font-size: 11px;">تائید</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                  `);
+                    }
+
+                    var datepickerContainer = $(this).parent().find('.datepicker-container-year');
+                    var years = datepickerContainer.find('#years');
+                    // datepickerContainer.width(datepicker.outerWidth());
+
+                    var middleYearIndexArray = [];
+                    let yearlyList = [];
+                    yearlyList.push({ year: 1368 });
+                    yearlyList.push({ year: 1369 });
+
+                    yearlyList.foreach(function (items) {
+                        yearlyList.push({ year: Number(items) });
+                    })
+                    //@foreach (var items in Model.YearlyList.OrderBy(x => x))
+                    //{
+                    //    @:yearlyList.push({ year: Number(@items) });
+                    //}
+                    var yearIndex = yearlyList.length;
+                    yearIndex = yearIndex - 1;
+                    var no3 = yearlyList[yearIndex].year + 1;
+                    var no4 = yearlyList[yearIndex].year + 2;
+                    yearlyList.push({ year: no3 });
+                    yearlyList.push({ year: no4 });
+                    var i = 0;
+
+                    for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
+                        let y = { index: i, value: j };
+                        middleYearIndexArray.push(j);
+                        i++;
+
+                        var formattedNumber = String(j).padStart(2, '0');
+                        if (j == no3 || j == no4) {
+                            years.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else if (j == 1368 || j == 1369) {
+                            years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
+                        } else {
+                            years.append($('<span>').text(formattedNumber));
+                        }
+
+                        // var middleYearIndex = Math.floor(years.children('span').length / 2) - 2;
+                        years.children('span').eq(middleYearIndex).addClass('chosen-date');
+                        var containerHeightYear = years.height();
+                        var optionHeightYear = years.children('span').outerHeight();
+                        var scrollOffsetYear = optionHeightYear * middleYearIndex;
+                        years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
+                    }
+
+                    // datepickerContainer.addClass("date-container");
+
+                    var selectedYear = yearlyList[yearIndex].year;
+                    var yearsScrollTop;
+                    var scrollTimeout;
+
+                    // Scroll event listener
+                    datepickerContainer.find('.scrollable-container').on('scroll',
+                        function() {
+                            var optionHeightYear = years.children('span').outerHeight();
+                            // var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
+                            var scrollTopYear = Math.round((years.scrollTop() + (optionHeightYear * 2)) / 10) * 10;
+                            var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
+                            years.children('span').removeClass('chosen-date');
+                            years.children('span').eq(selectedIndexYear).addClass('chosen-date');
+                            yearsScrollTop = years.scrollTop();
+                            var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
+
+                            clearTimeout(scrollTimeout);
+                            scrollTimeout = setTimeout(function() {
+                                    var scrollTopYearRounded = customRound(yearsScrollTop);
+
+                                    if (yearsScrollTop !== scrollTopYearRounded) {
+                                        years.scrollTop(scrollTopYearRounded);
+                                    }
+                                },
+                                250);
+
+                            var containerId = $(this).attr('id');
+
+                            if (containerId === 'years') {
+                                selectedYear = selectedValueYear;
+
+                                index = middleYearIndexArray.indexOf(Number(selectedValueYear));
+                                middleYearIndex = index;
+                            }
+
+                            if (selectedYear) {
+                                var formattedDate = selectedYear;
+                                datepicker.val(formattedDate);
+                                $('#yearModal').val(formattedDate);
+                                $('#yearText').text(selectedYear);
+                            }
+                        });
+
+                    $(document).on('click',
+                        '#confirmYear',
+                        function (event) {
+                            $('#yearModal').val(selectedYear);
+                            $('#yearText').text(selectedYear);
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+
+                    $(document).on('click',
+                        '#cancelYear',
+                        function (event) {
+                            $('#yearModal').val('');
+                            $('#yearText').text('سال');
+                            middleYearIndex = 2;
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+
+                    $(document).on('click',
+                        '.chosen-date',
+                        function() {
+                            // if (selectedYear == 0) {
+                            //     $('#yearModal').val($(this).text());
+                            //     console.log(selectedYear)
+                            //     $('#yearText').text($(this).text());
+                            // } else {
+                            $('#yearModal').val(selectedYear);
+                            $('#yearText').text(selectedYear);
+                            // }
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                            datepickerContainer.remove();
+                        });
+                });
+            //************* End Year *************
+
+
+            //************* Month *************
+            $('.persianDateInputMonth').on('click',
+                function() {
+                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
+
+                    var datepicker = $(this);
+                    if ($(this).parent().find('.datepicker-container-month').length) {
+                        return false;
+                    } else {
+                        $(this).parent().append(`
+                                        <div class="datepicker-container-month">
+                                            <div class="datepicker-container-date-div">
+                                                <div class="date-container">
+                                                    <div id="months" class="scrollable-container"></div>
+                                                </div>
+                                                <div class="d-flex justify-content-around">
+                                                    <button type="button" class="btn-secondary" id="cancelMonth" style="width:100px; font-size: 11px;">انصراف</button>
+                                                    <button type="button" class="btn-primary" id="confirmMonth" style="width:100px; font-size: 11px;">تائید</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    `);
+                        if ($(this).val() != '') {
+                            let number = selectedMonth + 1;
+                            var middleMonthIndex = number;
+                        }
+                    }
+
+
+                    var datepickerContainer = $(this).parent().find('.datepicker-container-month');
+                    var months = datepickerContainer.find('#months');
+
+                    // Populate months
+                    var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
+                    for (var j = 0; j < 14; j++) {
+                        var monthIndex = j;
+                        // var monthIndex = (j * 12) % 12;
+                        // var monthIndex = (j + i * 12) % 12;
+                        var monthName = monthNames[j];
+
+                        if (j == 0) {
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else if (j == 13) {
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+
+                        } else {
+                            months.append($('<span>').text(monthName));
+                        }
+
+                        // var middleMonthIndex = selectedMonth;
+                        // var middleMonthIndex = Math.floor(months.children('span').length / 2) - 17;
+                        months.children('span').eq(selectedMonth).addClass('chosen-date');
+
+                        var containerHeightMonth = months.height();
+                        var optionHeightMonth = months.children('span').outerHeight();
+                        var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
+                        months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
+
+                    }
+
+                    var selectedMonthValue = "01";
+                    var selectedNumber = 2;
+                    var selectedMonthText = "فروردین";
+                    var monthScrollTop;
+                    var scrollTimeout;
+
+                    // Scroll event listener
+                    datepickerContainer.find('.scrollable-container').on('scroll',
+                        function() {
+
+                            var optionHeightMonth = months.children('span').outerHeight();
+                            var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
+                            var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
+                            months.children('span').removeClass('chosen-date');
+                            months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
+                            monthScrollTop = months.scrollTop();
+                            var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
+
+                            clearTimeout(scrollTimeout);
+                            scrollTimeout = setTimeout(function() {
+                                    var scrollTopMonthRounded = customRound(monthScrollTop);
+
+                                    if (monthScrollTop !== scrollTopMonthRounded) {
+                                        months.scrollTop(scrollTopMonthRounded);
+                                    }
+                                },
+                                250);
+
+                            var containerId = $(this).attr('id');
+
+                            if (containerId === 'months') {
+                                if (selectedValueMonth === 'فروردین') {
+                                    selectedMonthValue = '01';
+                                    selectedNumber = 1;
+                                    selectedMonthText = "فروردین";
+                                } else if (selectedValueMonth === 'اردیبهشت') {
+                                    selectedMonthValue = '02';
+                                    selectedNumber = 2;
+                                    selectedMonthText = "اردیبهشت";
+                                } else if (selectedValueMonth === 'خرداد') {
+                                    selectedMonthValue = '03';
+                                    selectedNumber = 3;
+                                    selectedMonthText = "خرداد";
+                                } else if (selectedValueMonth === 'تیر') {
+                                    selectedMonthValue = '04';
+                                    selectedNumber = 4;
+                                    selectedMonthText = "تیر";
+                                } else if (selectedValueMonth === 'مرداد') {
+                                    selectedMonthValue = '05';
+                                    selectedNumber = 5;
+                                    selectedMonthText = "مرداد";
+                                } else if (selectedValueMonth === 'شهریور') {
+                                    selectedMonthValue = '06';
+                                    selectedNumber = 6;
+                                    selectedMonthText = "شهریور";
+                                } else if (selectedValueMonth === 'مهر') {
+                                    selectedMonthValue = '07';
+                                    selectedNumber = 7;
+                                    selectedMonthText = "مهر";
+                                } else if (selectedValueMonth === 'آبان') {
+                                    selectedMonthValue = '08';
+                                    selectedNumber = 8;
+                                    selectedMonthText = "آبان";
+                                } else if (selectedValueMonth === 'آذر') {
+                                    selectedMonthValue = '09';
+                                    selectedNumber = 9;
+                                    selectedMonthText = "آذر";
+                                } else if (selectedValueMonth === 'دی') {
+                                    selectedMonthValue = '10';
+                                    selectedNumber = 10;
+                                    selectedMonthText = "دی";
+                                } else if (selectedValueMonth === 'بهمن') {
+                                    selectedMonthValue = '11';
+                                    selectedNumber = 11;
+                                    selectedMonthText = "بهمن";
+                                } else if (selectedValueMonth === 'اسفند') {
+                                    selectedMonthValue = '12';
+                                    selectedNumber = 12;
+                                    selectedMonthText = "اسفند";
+                                }
+                            }
+
+                            if (selectedMonthValue) {
+                                var formattedDate = selectedMonthValue;
+                                datepicker.val(formattedDate);
+                                $('#monthModal').val(formattedDate);
+                                $('#monthText').text(selectedMonthText);
+                                selectedMonth = selectedNumber;
+                            }
+                        });
+
+
+                    $(document).on('click',
+                        '#confirmMonth',
+                        function (event) {
+                            $('#monthModal').val(selectedMonthValue);
+                            $('#monthText').text(selectedMonthText);
+                            selectedMonth = selectedNumber;
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+
+                    $(document).on('click',
+                        '#cancelMonth',
+                        function (event) {
+                            $('#monthModal').val('');
+                            $('#monthText').text('ماه');
+                            selectedMonth = 2;
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+
+                    $(document).on('click',
+                        '.chosen-date',
+                        function() {
+                            $('#monthModal').val(selectedMonthValue);
+                            $('#monthText').text(selectedMonthText);
+                            selectedMonth = selectedNumber;
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                            datepickerContainer.remove();
+                        });
+                });
+            //************* End Month *************
+
+            //Pixel of height for Span in date
+            //For example: datepicker-container-date .years span
+            function customRound(number) {
+                var roundedNumber = Math.round(number);
+                var remainder = roundedNumber % 60; //60px
+                if (remainder <= 10) {
+                    return roundedNumber - remainder;
+                } else {
+                    return roundedNumber + (60 - remainder);
+                }
+            }
+        }
+        //******************** نمایش سال و ماه در موبایل ********************
+
+
+        //******************** نمایش تاریخ در موبایل ********************
+        if ($(window).width() < 768) {
+
+            // Input Start Date
+            var middleYearIndexDateStart = 2;
+            var selectedMonthDateStart = 2;
+            var middleDayIndexStart = 2;
+            $('.persianDateInputStartDate').on('click',
+                function() {
+                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
+
+                    var datepicker = $(this);
+                    if ($(this).parent().find('.datepicker-container-date').length) {
+                        return false;
+                    } else {
+                        $(this).parent().append(`
+                                        <div class="datepicker-container-date">
+                                            <div class="datepicker-container-date-div">
+                                                <div class="date-container">
+                                                    <div id="yearsValue" class="years scrollable-container"></div>
+                                                    <div id="monthsValue" class="months scrollable-container"></div>
+                                                    <div id="daysValue" class="days scrollable-container"></div>
+                                                </div>
+                                                <div class="d-flex justify-content-around">
+                                                    <button type="button" class="btn-secondary" id="cancelDateStart" style="width:100px; font-size: 11px;">انصراف</button>
+                                                    <button type="button" class="btn-primary" id="confirmDateStart" style="width:100px; font-size: 11px;">تائید</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    `);
+
+                        if ($(this).val() != '') {
+                            let number = selectedMonthDateStart + 1;
+                            var middleMonthIndex = number;
+                        }
+                    }
+
+                    var datepickerContainer = $(this).parent().find('.datepicker-container-date');
+                    var years = datepickerContainer.find('.years');
+                    var months = datepickerContainer.find('.months');
+                    var days = datepickerContainer.find('.days');
+                    // datepickerContainer.width(datepicker.outerWidth());
+
+
+                    // Populate years, months, and days
+                    var middleYearIndexArray = [];
+                    let yearlyList = [];
+                    yearlyList.push({ year: 1368 });
+                    yearlyList.push({ year: 1369 });
+
+                    yearlyList.foreach(function (items) {
+                        yearlyList.push({ year: Number(items) });
+                    })
+                    //@foreach (var items in Model.YearlyList.OrderBy(x => x))
+                    //{
+                    //    @:yearlyList.push({ year: Number(@items) });
+                    //}
+                    var yearIndex = yearlyList.length;
+                    yearIndex = yearIndex - 1;
+                    var no3 = yearlyList[yearIndex].year + 1;
+                    var no4 = yearlyList[yearIndex].year + 2;
+                    yearlyList.push({ year: no3 });
+                    yearlyList.push({ year: no4 });
+                    var i = 0;
+
+
+                    for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
+                        let y = { index: i, value: j };
+                        middleYearIndexArray.push(j);
+                        i++;
+
+                        var formattedNumber = String(j).padStart(2, '0');
+                        if (j == no3 || j == no4) {
+                            years.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else if (j == 1368 || j == 1369) {
+                            years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
+                        } else {
+                            years.append($('<span>').text(formattedNumber));
+                        }
+
+                        years.children('span').eq(middleYearIndexDateStart).addClass('chosen-date');
+                        var containerHeightYear = years.height();
+                        var optionHeightYear = years.children('span').outerHeight();
+                        var scrollOffsetYear = optionHeightYear * middleYearIndexDateStart;
+                        years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
+                    }
+
+
+                    var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
+                    for (var j = 0; j < 14; j++) {
+                        var monthIndex = j;
+                        // var monthIndex = (j * 12) % 12;
+                        // var monthIndex = (j + i * 12) % 12;
+                        var monthName = monthNames[j];
+
+                        if (j == 0) {
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else if (j == 13) {
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+
+                        } else {
+                            months.append($('<span>').text(monthName));
+                        }
+
+                        var containerHeightMonth = months.height();
+                        var optionHeightMonth = months.children('span').outerHeight();
+                        var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
+                        months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
+                    }
+
+                    for (var d = 1; d <= 31; d++) {
+                        var formattedNumber = String(d).padStart(2, '0');
+
+                        if (d == 1) {
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                            days.append($('<span>').text(formattedNumber));
+                        } else if (d == 31) {
+                            days.append($('<span>').text(formattedNumber));
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else {
+                            days.append($('<span>').text(formattedNumber));
+                        }
+
+                        // var middleDayIndex = Math.floor(days.children('span').length / 2) - 45;
+                        var containerHeightDay = days.height();
+                        var optionHeightDay = days.children('span').outerHeight();
+                        var scrollOffsetDay = optionHeightDay * middleDayIndexStart;
+                        days.scrollTop(scrollOffsetDay - containerHeightDay / 2);
+                    }
+
+                    var selectedYear = yearlyList[yearIndex].year;
+                    var selectedMonth = "01";
+                    var selectedNumberMonth = 1;
+
+                    var selectedDay = "01";
+
+                    var yearsScrollTop;
+                    var monthScrollTop;
+                    var dayScrollTop;
+                    var scrollTimeout;
+
+                    var formattedDate;
+
+                    // Scroll event listener
+                    datepickerContainer.find('.scrollable-container').on('scroll',
+                        function() {
+                            var optionHeightYear = years.children('span').outerHeight();
+
+                            var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
+                            var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
+                            yearsScrollTop = years.scrollTop();
+                            years.children('span').removeClass('chosen-date');
+                            years.children('span').eq(selectedIndexYear).addClass('chosen-date');
+                            var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
+
+
+                            var optionHeightMonth = months.children('span').outerHeight();
+                            var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
+                            var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
+                            months.children('span').removeClass('chosen-date');
+                            months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
+                            monthScrollTop = months.scrollTop();
+                            var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
+                            var optionHeightDay = days.children('span').outerHeight();
+                            var scrollTopDay = days.scrollTop() + (optionHeightDay * 2);
+
+                            var selectedIndexDay = Math.round(scrollTopDay / optionHeightDay);
+                            dayScrollTop = days.scrollTop();
+                            days.children('span').removeClass('chosen-date');
+                            days.children('span').eq(selectedIndexDay).addClass('chosen-date');
+                            var selectedValueDay = days.children('span').eq(selectedIndexDay).text();
+
+                            clearTimeout(scrollTimeout);
+                            scrollTimeout = setTimeout(function() {
+                                    var scrollTopYearRounded = customRound(yearsScrollTop);
+                                    var scrollTopMonthRounded = customRound(monthScrollTop);
+                                    var scrollTopDayRounded = customRound(dayScrollTop);
+
+                                    if (yearsScrollTop !== scrollTopYearRounded) {
+                                        years.scrollTop(scrollTopYearRounded);
+                                    }
+                                    if (monthScrollTop !== scrollTopMonthRounded) {
+                                        months.scrollTop(scrollTopMonthRounded);
+                                    }
+                                    if (dayScrollTop !== scrollTopDayRounded) {
+                                        days.scrollTop(scrollTopDayRounded);
+                                    }
+                                },
+                                250);
+
+                            var containerId = $(this).attr('id');
+
+                            if (containerId === 'yearsValue') {
+                                selectedYear = selectedValueYear;
+                                index = middleYearIndexArray.indexOf(Number(selectedValueYear));
+                                middleYearIndexDateStart = index;
+
+                            } else if (containerId === 'monthsValue') {
+                                if (selectedValueMonth === 'فروردین') {
+                                    selectedMonth = '01';
+                                    selectedNumberMonth = 1;
+                                } else if (selectedValueMonth === 'اردیبهشت') {
+                                    selectedMonth = '02';
+                                    selectedNumberMonth = 2;
+                                } else if (selectedValueMonth === 'خرداد') {
+                                    selectedMonth = '03';
+                                    selectedNumberMonth = 3;
+                                } else if (selectedValueMonth === 'تیر') {
+                                    selectedMonth = '04';
+                                    selectedNumberMonth = 4;
+                                } else if (selectedValueMonth === 'مرداد') {
+                                    selectedMonth = '05';
+                                    selectedNumberMonth = 5;
+                                } else if (selectedValueMonth === 'شهریور') {
+                                    selectedMonth = '06';
+                                    selectedNumberMonth = 6;
+                                } else if (selectedValueMonth === 'مهر') {
+                                    selectedMonth = '07';
+                                    selectedNumberMonth = 7;
+                                } else if (selectedValueMonth === 'آبان') {
+                                    selectedMonth = '08';
+                                    selectedNumberMonth = 8;
+                                } else if (selectedValueMonth === 'آذر') {
+                                    selectedMonth = '09';
+                                    selectedNumberMonth = 9;
+                                } else if (selectedValueMonth === 'دی') {
+                                    selectedMonth = '10';
+                                    selectedNumberMonth = 10;
+                                } else if (selectedValueMonth === 'بهمن') {
+                                    selectedMonth = '11';
+                                    selectedNumberMonth = 11;
+                                } else if (selectedValueMonth === 'اسفند') {
+                                    selectedMonth = '12';
+                                    selectedNumberMonth = 12;
+                                }
+                            } else if (containerId === 'daysValue') {
+                                selectedDay = selectedValueDay;
+                                middleDayIndexStart = parseInt(selectedValueDay) + 1;
+                            }
+
+                            selectedMonthDateStart = selectedNumberMonth;
+
+                            formattedDate = selectedYear + '/' + selectedMonth + '/' + selectedDay;
+                            datepicker.val(formattedDate);
+
+                        });
+
+
+                    $(document).on('click',
+                        '#overlaySearchAdvance',
+                        function() {
+                            datepickerContainer.remove();
+                        });
+
+                    $(document).on('click',
+                        '.chosen-date',
+                        function () {
+                            $('#start-date').text(formattedDate);
+                            $('.start-date').val(formattedDate);
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                            datepickerContainer.remove();
+                        });
+
+                    $(document).on('click',
+                        '#confirmDateStart',
+                        function(event) {
+                            $(this).parents().eq(2).find('.persianDateInput').val(formattedDate);
+                            $('#start-date').text(formattedDate);
+                            $('.start-date').val(formattedDate);
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+
+                    $(document).on('click',
+                        '#cancelDateStart',
+                        function(event) {
+                            // $(this).parents().eq(3).find('.persianDateInputStartDate').val('');
+                            $('#start-date').text('تاریخ شروع');
+                            $('.start-date').val('');
+                            middleYearIndexDateStart = 2;
+                            selectedMonthDateStart = 2;
+                            middleDayIndexStart = 2;
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+                });
+
+
+            // Input End Date
+            var middleYearIndexDateEnd = 2;
+            var selectedMonthDateEnd = 2;
+            var middleDayIndexEnd = 2;
+            $('.persianDateInputEndDate').on('click',
+                function() {
+                    $('#overlaySearchAdvance').addClass("overlaySearchAdvance");
+
+                    var datepicker = $(this);
+                    if ($(this).parent().find('.datepicker-container-date').length) {
+                        return false;
+                    } else {
+                        $(this).parent().append(`
+                                        <div class="datepicker-container-date">
+                                            <div class="datepicker-container-date-div">
+                                                <div class="date-container">
+                                                    <div id="yearsValue" class="years scrollable-container"></div>
+                                                    <div id="monthsValue" class="months scrollable-container"></div>
+                                                    <div id="daysValue" class="days scrollable-container"></div>
+                                                </div>
+                                                <div class="d-flex justify-content-around">
+                                                    <button type="button" class="btn-secondary" id="cancelDateEnd" style="width:100px; font-size: 11px;">انصراف</button>
+                                                    <button type="button" class="btn-primary" id="confirmDateEnd" style="width:100px; font-size: 11px;">تائید</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    `);
+
+                        if ($(this).val() != '') {
+                            let number = selectedMonthDateEnd + 1;
+                            var middleMonthIndex = number;
+                        }
+                    }
+
+                    var datepickerContainer = $(this).parent().find('.datepicker-container-date');
+                    var years = datepickerContainer.find('.years');
+                    var months = datepickerContainer.find('.months');
+                    var days = datepickerContainer.find('.days');
+                    // datepickerContainer.width(datepicker.outerWidth());
+
+
+                    // Populate years, months, and days
+                    var middleYearIndexArray = [];
+                    let yearlyList = [];
+                    yearlyList.push({ year: 1368 });
+                    yearlyList.push({ year: 1369 });
+                    yearlyList.foreach(function (items) {
+                        yearlyList.push({ year: Number(items) });
+                    })
+                    //@foreach (var items in Model.YearlyList.OrderBy(x => x))
+                    //{
+                    //    @:yearlyList.push({ year: Number(@items) });
+                    //}
+                    var yearIndex = yearlyList.length;
+                    yearIndex = yearIndex - 1;
+                    var no3 = yearlyList[yearIndex].year + 1;
+                    var no4 = yearlyList[yearIndex].year + 2;
+                    yearlyList.push({ year: no3 });
+                    yearlyList.push({ year: no4 });
+                    var i = 0;
+
+                    for (var j = yearlyList[yearIndex + 2].year; j >= 1368; j--) {
+                        let y = { index: i, value: j };
+                        middleYearIndexArray.push(j);
+                        i++;
+
+                        var formattedNumber = String(j).padStart(2, '0');
+                        if (j == no3 || j == no4) {
+                            years.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else if (j == 1368 || j == 1369) {
+                            years.append($('<span>').text(formattedNumber).css('visibility', 'hidden'));
+                        } else {
+                            years.append($('<span>').text(formattedNumber));
+                        }
+
+                        years.children('span').eq(middleYearIndexDateEnd).addClass('chosen-date');
+                        var containerHeightYear = years.height();
+                        var optionHeightYear = years.children('span').outerHeight();
+                        var scrollOffsetYear = optionHeightYear * middleYearIndexDateEnd;
+                        years.scrollTop(scrollOffsetYear - containerHeightYear / 2);
+                    }
+
+
+                    var monthNames = ['-', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند', '-'];
+                    for (var j = 0; j < 14; j++) {
+                        var monthIndex = j;
+                        // var monthIndex = (j * 12) % 12;
+                        // var monthIndex = (j + i * 12) % 12;
+                        var monthName = monthNames[j];
+
+                        if (j == 0) {
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else if (j == 13) {
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+                            months.append($('<span>').text('-').css('visibility', 'hidden'));
+
+                        } else {
+                            months.append($('<span>').text(monthName));
+                        }
+
+                        var containerHeightMonth = months.height();
+                        var optionHeightMonth = months.children('span').outerHeight();
+                        var scrollOffsetMonth = optionHeightMonth * middleMonthIndex;
+                        months.scrollTop(scrollOffsetMonth - containerHeightMonth / 2);
+                    }
+
+                    for (var d = 1; d <= 31; d++) {
+                        var formattedNumber = String(d).padStart(2, '0');
+
+                        if (d == 1) {
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                            days.append($('<span>').text(formattedNumber));
+                        } else if (d == 31) {
+                            days.append($('<span>').text(formattedNumber));
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                            days.append($('<span>').text('-').css('visibility', 'hidden'));
+                        } else {
+                            days.append($('<span>').text(formattedNumber));
+                        }
+
+                        // var middleDayIndex = Math.floor(days.children('span').length / 2) - 45;
+                        var containerHeightDay = days.height();
+                        var optionHeightDay = days.children('span').outerHeight();
+                        var scrollOffsetDay = optionHeightDay * middleDayIndexEnd;
+                        days.scrollTop(scrollOffsetDay - containerHeightDay / 2);
+                    }
+
+                    var selectedYear = yearlyList[yearIndex].year;
+                    var selectedMonth = "01";
+                    var selectedNumberMonth = 1;
+
+                    var selectedDay = "01";
+
+                    var yearsScrollTop;
+                    var monthScrollTop;
+                    var dayScrollTop;
+                    var scrollTimeout;
+                    
+                    var formattedDate;
+
+                    // Scroll event listener
+                    datepickerContainer.find('.scrollable-container').on('scroll',
+                        function() {
+                            var optionHeightYear = years.children('span').outerHeight();
+
+                            var scrollTopYear = years.scrollTop() + (optionHeightYear * 2);
+                            var selectedIndexYear = Math.round(scrollTopYear / optionHeightYear);
+                            yearsScrollTop = years.scrollTop();
+                            years.children('span').removeClass('chosen-date');
+                            years.children('span').eq(selectedIndexYear).addClass('chosen-date');
+                            var selectedValueYear = years.children('span').eq(selectedIndexYear).text();
+
+
+                            var optionHeightMonth = months.children('span').outerHeight();
+                            var scrollTopMonth = Math.round((months.scrollTop() + (optionHeightMonth * 2)) / 10) * 10;
+                            var selectedIndexMonth = Math.round(scrollTopMonth / optionHeightMonth);
+                            months.children('span').removeClass('chosen-date');
+                            months.children('span').eq(selectedIndexMonth).addClass('chosen-date');
+                            monthScrollTop = months.scrollTop();
+                            var selectedValueMonth = months.children('span').eq(selectedIndexMonth).text();
+                            var optionHeightDay = days.children('span').outerHeight();
+                            var scrollTopDay = days.scrollTop() + (optionHeightDay * 2);
+
+
+                            var selectedIndexDay = Math.round(scrollTopDay / optionHeightDay);
+                            dayScrollTop = days.scrollTop();
+                            days.children('span').removeClass('chosen-date');
+                            days.children('span').eq(selectedIndexDay).addClass('chosen-date');
+                            var selectedValueDay = days.children('span').eq(selectedIndexDay).text();
+
+                            clearTimeout(scrollTimeout);
+                            scrollTimeout = setTimeout(function() {
+                                    var scrollTopYearRounded = customRound(yearsScrollTop);
+                                    var scrollTopMonthRounded = customRound(monthScrollTop);
+                                    var scrollTopDayRounded = customRound(dayScrollTop);
+
+                                    if (yearsScrollTop !== scrollTopYearRounded) {
+                                        years.scrollTop(scrollTopYearRounded);
+                                    }
+                                    if (monthScrollTop !== scrollTopMonthRounded) {
+                                        months.scrollTop(scrollTopMonthRounded);
+                                    }
+                                    if (dayScrollTop !== scrollTopDayRounded) {
+                                        days.scrollTop(scrollTopDayRounded);
+                                    }
+                                },
+                                250);
+
+
+                            var containerId = $(this).attr('id');
+
+                            if (containerId === 'yearsValue') {
+                                selectedYear = selectedValueYear;
+                                index = middleYearIndexArray.indexOf(Number(selectedValueYear));
+                                middleYearIndexDateEnd = index;
+                            } else if (containerId === 'monthsValue') {
+                                if (selectedValueMonth === 'فروردین') {
+                                    selectedMonth = '01';
+                                    selectedNumberMonth = 1;
+                                } else if (selectedValueMonth === 'اردیبهشت') {
+                                    selectedMonth = '02';
+                                    selectedNumberMonth = 2;
+                                } else if (selectedValueMonth === 'خرداد') {
+                                    selectedMonth = '03';
+                                    selectedNumberMonth = 3;
+                                } else if (selectedValueMonth === 'تیر') {
+                                    selectedMonth = '04';
+                                    selectedNumberMonth = 4;
+                                } else if (selectedValueMonth === 'مرداد') {
+                                    selectedMonth = '05';
+                                    selectedNumberMonth = 5;
+                                } else if (selectedValueMonth === 'شهریور') {
+                                    selectedMonth = '06';
+                                    selectedNumberMonth = 6;
+                                } else if (selectedValueMonth === 'مهر') {
+                                    selectedMonth = '07';
+                                    selectedNumberMonth = 7;
+                                } else if (selectedValueMonth === 'آبان') {
+                                    selectedMonth = '08';
+                                    selectedNumberMonth = 8;
+                                } else if (selectedValueMonth === 'آذر') {
+                                    selectedMonth = '09';
+                                    selectedNumberMonth = 9;
+                                } else if (selectedValueMonth === 'دی') {
+                                    selectedMonth = '10';
+                                    selectedNumberMonth = 10;
+                                } else if (selectedValueMonth === 'بهمن') {
+                                    selectedMonth = '11';
+                                    selectedNumberMonth = 11;
+                                } else if (selectedValueMonth === 'اسفند') {
+                                    selectedMonth = '12';
+                                    selectedNumberMonth = 12;
+                                }
+                            } else if (containerId === 'daysValue') {
+                                selectedDay = selectedValueDay;
+                                middleDayIndexEnd = parseInt(selectedValueDay) + 1;
+                            }
+
+                            selectedMonthDateEnd = selectedNumberMonth;
+
+                            formattedDate = selectedYear + '/' + selectedMonth + '/' + selectedDay;
+                            datepicker.val(formattedDate);
+                        });
+
+
+                    $(document).on('click',
+                        '#overlaySearchAdvance',
+                        function() {
+                            datepickerContainer.remove();
+                        });
+
+                    $(document).on('click',
+                        '.chosen-date',
+                        function () {
+                            $('#end-date').text(formattedDate);
+                            $('.end-date').val(formattedDate);
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                            datepickerContainer.remove();
+                        });
+
+                    $(document).on('click',
+                        '#confirmDateEnd',
+                        function(event) {
+                            $('#end-date').text(formattedDate);
+                            $('.end-date').val(formattedDate);
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+
+                    $(document).on('click',
+                        '#cancelDateEnd',
+                        function(event) {
+                            $('#end-date').text('تاریخ پایان');
+                            $('.end-date').val('');
+                            middleYearIndexDateEnd = 2;
+                            selectedMonthDateEnd = 2;
+                            middleDayIndexEnd = 2;
+                            datepickerContainer.remove();
+                            $('#overlaySearchAdvance').removeClass("overlaySearchAdvance");
+                        });
+
+                });
+
+
+            //Pixel of height for Span in date
+            //For example: datepicker-container-date .years span
+            function customRound(number) {
+                let roundedNumber = Math.round(number);
+                var remainder = roundedNumber % 60; // 60px
+                if (remainder <= 10) {
+                    return roundedNumber - remainder;
+                } else {
+                    return roundedNumber + (60 - remainder);
+                }
+            }
+        }
+
+
+        $(document).ready(function() {
+            if ($(window).width() < 768) {
+                $('#search-theme-form1').remove();
+
+            } else {
+                $('#search-theme-form2').remove();
+            }
+            $("#getPersonnel").select2({
+                language: "fa",
+                dir: "rtl",
+                templateResult: function (data, container) {
+	                if (data.element) {
+		                $(container).addClass($(data.element).attr("class"));
+	                }
+	                return data.text;
+                }
+            });
+
+            $("#getPersonneModal").select2({
+                language: "fa",
+                dir: "rtl",
+                dropdownParent: $('#searchModal'),
+                templateResult: function (data, container) {
+	                if (data.element) {
+		                $(container).addClass($(data.element).attr("class"));
+	                }
+	                return data.text;
+                }
+            });
+
+            // $(".date").mask("0000/00/00");
+            $(".date").on('input', function () {
+	            var value = $(this).val();
+	            $(this).val(convertPersianNumbersToEnglish(value));
+            }).mask("0000/00/00");
+            $('.goToTop').hide();
+        });
+        $(".date").keyup(function() {
+            let value = $(this).val();
+            let lengthValue = value.length;
+            if (lengthValue == 10) {
+                if (!dateValidcheck(this)) {
+                    $(this).addClass("errored");
+                } else {
+                    $(this).removeClass("errored");
+
+                }
+            } else if (lengthValue == 0) {
+                $(this).removeClass("errored");
+            }
+        });
+
+        // $('#sorting').on("change",
+        //     function () {
+        //         $('#searchBtn').click();
+        //     });
+        $('.dropdown .item').on("click",
+            function() {
+                let dataVal = $(this).attr("value-data");
+                $('#sendSorting').val(dataVal);
+                $('#searchBtn').click();
+            });
+        $('.dropdown-year .item').on("click",
+            function() {
+                let dataVal = $(this).attr("value-data-year");
+                $('#sendDropdownYear').val(dataVal);
+            });
+        $('.dropdown-month .item').on("click",
+            function() {
+                let dataVal = $(this).attr("value-data-month");
+                $('#sendDropdownMonth').val(dataVal);
+            });
+
+        var sendDropdownYear = $("#sendDropdownYear").val();
+        if (sendDropdownYear) {
+            let itemDropdownYear = $(".dropdown-year").find(".item[value-data-year='" + sendDropdownYear + "']");
+            itemDropdownYear.addClass("active");
+            var selectedYearDisplay = $(".wrapper-dropdown-year").find(".selected-display");
+            selectedYearDisplay.text(itemDropdownYear.text());
+        }
+
+        var sendDropdownMonth = $("#sendDropdownMonth").val();
+        if (sendDropdownMonth) {
+            let itemDropdownMonth = $(".dropdown-month").find(".item[value-data-month='" + sendDropdownMonth + "']");
+            itemDropdownMonth.addClass("active");
+            var selectedMonthDisplay = $(".wrapper-dropdown-month").find(".selected-display");
+            selectedMonthDisplay.text(itemDropdownMonth.text());
+        }
+        function loadAllToPrint() {
+
+           
+            var workshopId = Number($('#workshopIds').val());
+            var employeeId = Number($('#employeeId').val());
+            var year = $('#year').val();
+            var month = $('#month').val();
+
+            // var sorting = $('#sortingList').val();
+            $('.printAllTd').remove();
+
+            $.ajax({
+                async: false,
+                contentType: 'charset=utf-8',
+                dataType: 'json',
+                type: 'GET',
+                url: LoadAllToPrinturl,
+                data: {
+         
+                    workshopId: workshopId,
+                    employeeId: employeeId,
+                    year: year,
+                    month: month,
+                
+                },
+                headers: { "RequestVerificationToken": $(AntiForgeryToken).val() },
+
+                success: function (response) {
+                    if (response.pageIndex > 0) {
+                        var n = 1;
+                        $.each(response.contractResultViewModels,
+                            function (i, item) {
+
+
+                                const html = `<div class="Rtable-row align-items-center position-relative printAllTd myTest">
+                                                                                      <div class="Rtable-cell d-md-block d-none width1">
+                                                                                  <div class="Rtable-cell--heading">
+                                                                                      ردیف
+                                                                                  </div>
+                                                                                          <label for="${n}" class="Rtable-cell--content prevent-select">
+                                                                                      <span class="d-flex justify-content-center align-items-center justify-content-between">
+                                                                                          <input id="${n}" type="checkbox" class="form-check-input foo" name="foo" value="${item.id}">
+                                                                                            ${n}
+                                                                                      </span>
+                                                                                  </label>
+                                                                              </div>
+                                                                              <div class="Rtable-cell d-md-block d-none width2">
+                                                                                  <div class="Rtable-cell--heading">شماره پرسنلی</div>
+                                                                                  <div class="Rtable-cell--content">${item.personnelCode}</div>
+                                                                              </div>
+                                                                              <div class="Rtable-cell d-md-block d-none width3">
+                                                                                  <div class="Rtable-cell--heading">شماره قرارداد</div>
+                                                                                  <div class="Rtable-cell--content">${item.contractNo}</div>
+                                                                              </div>
+                                                                              <div class="Rtable-cell d-md-block d-none width4">
+                                                                                  <div class="Rtable-cell--heading">نام پرسنل</div>
+                                                                                  <div class="Rtable-cell--content ">${item.employeeName}</div>
+                                                                              </div>
+                                                                              <div class="Rtable-cell d-md-block d-none width5">
+                                                                                  <div class="Rtable-cell--heading">آغاز قرارداد</div>
+                                                                                  <div class="Rtable-cell--content ">${item.contarctStart}</div>
+                                                                              </div>
+                                                                              <div class="Rtable-cell d-md-block d-none width6">
+                                                                                  <div class="Rtable-cell--heading">پایان قرارداد</div>
+                                                                                  <div class="Rtable-cell--content ">${item.contractEnd}</div>
+                                                                              </div>
+                                                                              <div class="Rtable-cell d-md-flex d-none width7">
+                                                                                  <div class="Rtable-cell--heading">امضاء پرسنل</div>
+                                                                                  <div class="Rtable-cell--content ">
+                                                                                      ${item.signature === "1"
+                                        ? `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                                                                              <rect width="20" height="20" rx="10" fill="#1DC9A0" />
+                                                                                              <path d="M14.6667 6.7915L8.25004 13.2082L5.33337 10.2915" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                                                                          </svg>`
+                                        : ` <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                                                                              <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="#FFD5D5" stroke="#ED8E8E" />
+                                                                                          </svg>`
+                                    }
+                                                                                  </div>
+                                                                              </div>
+
+                                                                            <div class="Rtable-contract w-100 d-flex d-md-none align-items-center justify-content-between printAllTd">
+                                                                        <div class="d-flex justify-content-center align-items-center justify-content-between">
+                                                                           <div class="checkbox-responsive d-flex justify-content-center align-items-center justify-content-around">
+                                                                               <input type="checkbox" class="form-check-input" name="" id="">
+                                                                                       <span> ${n}</span>
+                                                                           </div>
+
+                                                                           <div class="Rtable-cell--content">
+                                                                               <span class="mx-sm-2">
+                                                                                    ${item.employeeName}
+                                                                               </span>
+                                                                           </div>
+                                                                        </div>
+
+
+                                                                        <div class="Rtable-cell--content d-flex justify-content-end align-items-center">
+                                                                           <div class="Rtable-cell--heading d-block text-center text-nowrap">
+                                                                               <span class="d-block">آغاز قرارداد</span>
+                                                                                ${item.contarctStart}
+                                                                           </div>
+                                                                           <div class="Rtable-cell--heading d-block text-center text-nowrap">
+                                                                               <span class="d-block">پایان قرارداد</span>
+                                                                                ${item.contractEnd}
+                                                                           </div>
+                                                                           <div class="Rtable-cell--heading d-block text-center">
+                                                                                <button class="btn-print" type="button" onclick="printOneMobile(${item.id})">
+                                                                                   <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20" fill="none" stroke="currentColor">
+                                                                                       <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" />
+                                                                                       <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" />
+                                                                                       <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round" />
+                                                                                       <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round" />
+                                                                                       <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" />
+                                                                                   </svg>
+                                                                               </button>
+                                                                           </div>
+                                                                        </div>
+                                                                    </div>
+
+                                                                              <div class="Rtable-cell d-md-block d-none width8">
+                                                                                  <div class="Rtable-cell--content align-items-center d-flex d-md-block text-end">
+                                                                                    <button type="button" class="btn-print moreThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOne(${item.id})">
+                                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
+                                                                                            <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
+                                                                                            <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
+                                                                                            <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
+                                                                                            <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
+                                                                                            <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
+                                                                                        </svg>
+                                                                                    </button>
+                                                                                    <button type="button" class="btn-print lessThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOneMobile(${item.id})">
+                                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
+                                                                                            <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
+                                                                                            <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
+                                                                                            <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
+                                                                                            <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
+                                                                                            <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
+                                                                                        </svg>
+                                                                                    </button>
+                                                                                  </div>
+                                                                              </div>
+                                                                      </div>`;
+
+                                $('.tb').append(html);
+                                n += 1;
+                            });
+                        var newPageIndex = pageIndex + response.pageIndex;
+                        $('#pageIndex').val(newPageIndex);
+
+                    }
+
+
+                },
+                failure: function (response) {
+                    console.log(5, response);
+
+                }
+            });
+        }
+        //Scroll Ajax
+        function loadMore() {
+
+            let pageIndex = Number($('#pageIndex').val());
+            var b = pageIndex % 30;
+            var workshopId = Number($('#workshopIds').val());
+            var employeeId = Number($('#employeeId').val());
+            var year = $('#year').val();
+            var month = $('#month').val();
+            var start = $('#start').val();
+            var end = $('#end').val();
+            var sorting = $('#sortingList').val();
+
+            if (b === 0 && pageIndex > 0) {
+
+                $.ajax({
+                    async: false,
+                    contentType: 'charset=utf-8',
+                    dataType: 'json',
+                    type: 'GET',
+                    url: Paginationurl,
+                    data: {
+                        pageIndex: pageIndex,
+                        workshopId: workshopId,
+                        employeeId: employeeId,
+                        year: year,
+                        month: month,
+                        start: start,
+                        end: end,
+                        sorting: sorting
+                    },
+                    headers: { "RequestVerificationToken": $(AntiForgeryToken).val() },
+
+                    success: function(response) {
+                        if (response.pageIndex > 0) {
+                            var n = pageIndex + 1;
+                            $.each(response.contractResultViewModels,
+                                function(i, item) {
+
+
+                                    const html = `
+                                                                    <div class="Rtable-row align-items-center position-relative printAllTd">
+                                                                              <div class="Rtable-cell d-md-block d-none width1">
+                                                                          <div class="Rtable-cell--heading">
+                                                                              ردیف
+                                                                          </div>
+                                                                          <label for="${n}" class="Rtable-cell--content prevent-select">
+                                                                              <span class="d-flex justify-content-center align-items-center justify-content-between">
+                                                                                  <input id=${n} type="checkbox" class="form-check-input foo" name="foo" value="${item.id}">
+                                                                                    ${n}
+                                                                              </span>
+                                                                          </label>
+                                                                      </div>
+                                                                      <div class="Rtable-cell d-md-block d-none width2">
+                                                                          <div class="Rtable-cell--heading">شماره پرسنلی</div>
+                                                                          <div class="Rtable-cell--content">${item.personnelCode}</div>
+                                                                      </div>
+                                                                      <div class="Rtable-cell d-md-block d-none width3">
+                                                                          <div class="Rtable-cell--heading">شماره قرارداد</div>
+                                                                          <div class="Rtable-cell--content">${item.contractNo}</div>
+                                                                      </div>
+                                                                      <div class="Rtable-cell d-md-block d-none width4">
+                                                                          <div class="Rtable-cell--heading">نام پرسنل</div>
+                                                                          <div class="Rtable-cell--content ">${item.employeeName}</div>
+                                                                      </div>
+                                                                      <div class="Rtable-cell d-md-block d-none width5">
+                                                                          <div class="Rtable-cell--heading">آغاز قرارداد</div>
+                                                                          <div class="Rtable-cell--content ">${item.contarctStart}</div>
+                                                                      </div>
+                                                                      <div class="Rtable-cell d-md-block d-none width6">
+                                                                          <div class="Rtable-cell--heading">پایان قرارداد</div>
+                                                                          <div class="Rtable-cell--content ">${item.contractEnd}</div>
+                                                                      </div>
+                                                                      <div class="Rtable-cell d-md-flex d-none width7">
+                                                                          <div class="Rtable-cell--heading">امضاء پرسنل</div>
+                                                                          <div class="Rtable-cell--content ">
+                                                                              ${item.signature === "1"
+                                        ? `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                                                                      <rect width="20" height="20" rx="10" fill="#1DC9A0" />
+                                                                                      <path d="M14.6667 6.7915L8.25004 13.2082L5.33337 10.2915" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                                                                  </svg>`
+                                        : ` <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                                                                      <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="#FFD5D5" stroke="#ED8E8E" />
+                                                                                  </svg>`
+                                        }
+                                                                          </div>
+                                                                      </div>
+
+                                                            <div class="Rtable-contract w-100 d-flex d-md-none align-items-center justify-content-between">
+                                                                <div class="d-flex justify-content-center align-items-center justify-content-between">
+                                                                   <div class="checkbox-responsive d-flex justify-content-center align-items-center justify-content-around">
+                                                                       <input type="checkbox" class="form-check-input foo" name="foo" value="${item.id}" id="">
+                                                                               <span> ${n}</span>
+                                                                   </div>
+
+                                                                   <div class="Rtable-cell--content">
+                                                                       <span class="mx-sm-2">
+                                                                            ${item.employeeName}
+                                                                       </span>
+                                                                   </div>
+                                                                </div>
+
+
+                                                                <div class="Rtable-cell--content d-flex justify-content-end align-items-center">
+                                                                   <div class="Rtable-cell--heading d-block text-center text-nowrap">
+                                                                       <span class="d-block">آغاز قرارداد</span>
+                                                                        ${item.contarctStart}
+                                                                   </div>
+                                                                   <div class="Rtable-cell--heading d-block text-center text-nowrap">
+                                                                       <span class="d-block">پایان قرارداد</span>
+                                                                        ${item.contractEnd}
+                                                                   </div>
+                                                                   <div class="Rtable-cell--heading d-block text-center">
+                                                                                       <button class="btn-print" type="button" onclick="printOneMobile(${item.id})">
+                                                                           <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20" fill="none" stroke="currentColor">
+                                                                               <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008" />
+                                                                               <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z" />
+                                                                               <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round" />
+                                                                               <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round" />
+                                                                               <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732" />
+                                                                           </svg>
+                                                                       </button>
+                                                                   </div>
+                                                                </div>
+                                                            </div>
+
+                                                                      <div class="Rtable-cell d-md-block d-none width8">
+                                                                            <div class="Rtable-cell--content align-items-center d-flex d-md-block text-end">
+                                                                                <button type="button" class="btn-print moreThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOne(${item.id})">
+                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
+                                                                                        <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
+                                                                                        <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
+                                                                                        <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
+                                                                                        <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
+                                                                                        <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
+                                                                                    </svg>
+                                                                                </button>
+                                                                                <button type="button" class="btn-print lessThan992" data-intro="یا میتوانید به صورت جداگانه لیست قرارداد را پرینت بگیرید" onclick="printOneMobile(${item.id})">
+                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor">
+                                                                                        <path d="M15.0001 11.2493H15.139C16.0279 11.2493 16.4723 11.2493 16.759 10.9866C16.7805 10.967 16.801 10.9464 16.8207 10.9249C17.0834 10.6382 17.0834 10.1938 17.0834 9.3049V9.3049C17.0834 7.52714 17.0834 6.63826 16.558 6.06484C16.5187 6.02194 16.4775 5.98077 16.4346 5.94146C15.8612 5.41602 14.9723 5.41602 13.1945 5.41602H6.91675C5.03113 5.41602 4.08832 5.41602 3.50253 6.0018C2.91675 6.58759 2.91675 7.5304 2.91675 9.41602V10.2493C2.91675 10.7208 2.91675 10.9565 3.06319 11.1029C3.20964 11.2493 3.44534 11.2493 3.91675 11.2493H5.00008"/>
+                                                                                        <path d="M5.41675 16.3903L5.41675 9.91732C5.41675 8.97451 5.41675 8.5031 5.70964 8.21021C6.00253 7.91732 6.47394 7.91732 7.41675 7.91732L12.5834 7.91732C13.5262 7.91732 13.9976 7.91732 14.2905 8.21021C14.5834 8.5031 14.5834 8.97451 14.5834 9.91732L14.5834 16.3903C14.5834 16.7068 14.5834 16.8651 14.4796 16.9399C14.3758 17.0148 14.2256 16.9647 13.9253 16.8646L12.2572 16.3086C12.1712 16.2799 12.1282 16.2656 12.0839 16.2669C12.0396 16.2682 11.9975 16.285 11.9134 16.3187L10.1858 17.0097C10.0941 17.0464 10.0482 17.0647 10.0001 17.0647C9.95194 17.0647 9.90609 17.0464 9.81439 17.0097L8.0868 16.3187C8.00267 16.285 7.9606 16.2682 7.91627 16.2669C7.87194 16.2656 7.82896 16.2799 7.74299 16.3086L6.07486 16.8646C5.77455 16.9647 5.62439 17.0148 5.52057 16.9399C5.41675 16.8651 5.41675 16.7068 5.41675 16.3903Z"/>
+                                                                                        <path d="M7.91675 11.25L11.2501 11.25" stroke-linecap="round"/>
+                                                                                        <path d="M7.91675 13.75L12.0834 13.75" stroke-linecap="round"/>
+                                                                                        <path d="M14.5834 5.41732V5.41732C14.5834 3.97799 14.5834 3.25833 14.1954 2.76756C14.1087 2.65791 14.0095 2.55874 13.8998 2.47204C13.4091 2.08398 12.6894 2.08398 11.2501 2.08398H8.75008C7.31076 2.08398 6.5911 2.08398 6.10032 2.47204C5.99068 2.55874 5.8915 2.65791 5.8048 2.76756C5.41675 3.25833 5.41675 3.97799 5.41675 5.41732V5.41732"/>
+                                                                                    </svg>
+                                                                                </button>
+                                                                          </div>
+                                                                      </div>
+                                                              </div>
+
+
+
+
+                                                            `;
+
+                                    $('.tb').append(html);
+                                    n += 1;
+                                });
+                            var newPageIndex = pageIndex + response.pageIndex;
+                            $('#pageIndex').val(newPageIndex);
+
+                        }
+
+
+                    },
+                    failure: function(response) {
+                        console.log(5, response);
+
+                    }
+                });
+            }
+
+
+        }
+
+        $('.goToTop').on('click',
+            function() {
+                $('html, body').animate({ scrollTop: 0 }, 360);
+                return false;
+            });
+
+        $(window).scroll(function() {
+            if ($(window).scrollTop() + $(window).height() > $(document).height() - 600) {
+                // goToTop();
+                loadMore();
+            }
+
+            if ($(this).scrollTop() > 100) {
+                $('.goToTop').show().fadeIn();
+            } else {
+                $('.goToTop').fadeOut().hide();
+            }
+        });
+
+        function printOne(id) {
+            var parametr = '&id=' + id;
+            var url = PrintOneurl;
+            AjaxUrlContentModal(url + parametr);
+        }
+        function printOneMobile(id) {
+            var parametr = '&id=' + id;
+            var url = PrintOneMobileurl;
+            AjaxUrlContentModal(url + parametr);
+        }
+
+        function printAll() {
+            var idlist = "";
+            
+            if (!($('input:checkbox').is(":checked"))) {
+                $('.alert-msg').show();
+                $('.alert-msg p').text('هیچ موردی انتخاب نشده است.');
+                setTimeout(function () {
+                    $('.alert-msg').hide();
+                    $('.alert-msg p').text('');
+                }, 3500);
+                return 
+            }
+
+            $('.foo').each(function() {
+                if ($(this).is(":checked")) {
+                   
+                    var a = $(this).val();
+                    var b = a + "+";
+                    idlist += b;
+                   
+                }
+            });
+
+            if (idlist != "") {
+                var url = ContractPrintAllurl;
+                window.location.href = url +'?idlist='+ idlist;
+            }
+        }