Files
Backend-Api/ServiceHost/Areas/Client/Pages/Company/Checkouts/Index.cshtml
2025-04-16 20:04:57 +03:30

672 lines
49 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@page
@using Version = _0_Framework.Application.Version
@model ServiceHost.Areas.Client.Pages.Company.Checkouts.IndexModel
@{
string clientVersion = _0_Framework.Application.Version.StyleVersion;
Layout = "Shared/_ClientLayout";
ViewData["Title"] = " - " + "فیش حقوقی";
int i = 0;
}
@section Styles {
<link href="~/AssetsClient/css/table-style.css?ver=@clientVersion" rel="stylesheet" />
<link href="~/AssetsClient/css/table-responsive.css?ver=@clientVersion" rel="stylesheet" />
<link href="~/AssetsClient/css/select2.css?ver=@clientVersion" rel="stylesheet" />
<link href="~/AssetsClient/css/datetimepicker.css?ver=@clientVersion" rel="stylesheet" />
<link href="~/AssetsClient/css/dropdown.css?ver=@clientVersion" rel="stylesheet" />
<link href="~/AssetsClient/css/filter-search.css?ver=@clientVersion" rel="stylesheet" />
<style>
#my-scrollbar {
height: auto;
max-height: 200px;
overflow-x: hidden;
}
.errored {
animation: shake 300ms;
color: #eb3434 !important;
background-color: #fef2f2 !important;
border: 1px solid #eb3434 !important;
}
.goToTop {
position: fixed;
bottom: -10px;
margin-right: 100px;
z-index: 100;
color: #fff;
background-color: #25acacd6;
}
.goToTop:hover {
color: #fff;
background-color: #2ca4a4;
}
@@media screen and (max-width: 767px) {
.goToTop {
position: fixed;
bottom: 54px;
margin-right: 39%;
z-index: 100;
color: #fff;
background-color: #25acac70;
}
}
@@media screen and (min-width: 992px) {
.lessThan992 {
display: none;
}
#MainModal{
visibility :visible !important;
}
}
@@media screen and (max-width: 991px) {
.moreThan992 {
display: none;
}
}
</style>
}
<input type="hidden" name="pageIndex" id="pageIndex" value="@Model.PageIndex" />
<input type="hidden" name="workshopIds" id="workshopIds" value="@Model.WorkshopId" />
<input type="hidden" name="employeeId" id="employeeId" value="@Model.EmployeeId" />
<input type="hidden" name="year" id="year" value="@Model.Year" />
<input type="hidden" name="month" id="month" value="@Model.Month" />
<input type="hidden" name="start" id="start" value="@Model.ContarctStart" />
<input type="hidden" name="end" id="end" value="@Model.ContarctEnd" />
<input type="hidden" name="Sorting" id="sortingList" value="@Model.Sorting" />
<div class="content-container">
<div class="container-fluid">
<div class="row p-2">
<div class="col p-0 m-0 d-flex align-items-center justify-content-between">
<div class="col d-flex align-items-center justify-content-start">
<img src="~/AssetsClient/images/checkoutList.png" alt="" class="img-fluid me-2" style="width: 45px;" />
<div>
<h4 class="title d-flex align-items-center">اطلاعات فیش حقوقی</h4>
<div>@Model.WorkshopName</div>
</div>
</div>
<div>
<a asp-page="/Index" class="back-btn" type="button">
<span>بازگشت</span>
</a>
</div>
</div>
</div>
</div>
<button class="btn btn-rounded mb-5 goToTop">
<div class="d-flex align-items-center">
<span>برو بالا</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20px" class="ms-1">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 18.75 7.5-7.5 7.5 7.5" />
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 7.5-7.5 7.5 7.5" />
</svg>
</div>
</button>
<form role="form" method="get" name="search-theme-form1" id="search-theme-form1" autocomplete="off">
<input type="hidden" value="@Model.WorkshopId" asp-for="SearchModel.WorkshopId" />
<div class="container-fluid d-none d-md-block">
<div class="row px-2">
<div class="search-box card border-0">
<div class="row">
<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="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">
<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-year boxes" id="my-scrollbar">
@* <div class="scroll">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="226" viewBox="0 0 26 226">
<g id="container_line" transform="translate(3 3)">
<rect id="rectangle" width="26" height="226" transform="translate(-3 -3)" fill="none" opacity="0" />
<path id="line" class="line" d="M0,0H0A20.059,20.059,0,0,1,20,20V200A20.059,20.059,0,0,1,0,220H0" fill="none" stroke="#2fc0c0" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1" />
</g>
</svg>
</div> *@
<li class="item" value-data-year=" ">سال</li>
@foreach (string year in @Model.YearlyList)
{
<li class="item" value-data-year="@year">@year</li>
}
</ul>
<input type="hidden" id="sendDropdownYear" asp-for="SearchModel.Year" />
</div>
<div class="wrapper-dropdown-month btn-dropdown" id="dropdown-month">
<span class="selected-display" id="destination-month">ماه</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">
<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-month boxes">
@* <div class="scroll">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="226" viewBox="0 0 26 226">
<g id="container_line" transform="translate(3 3)">
<rect id="rectangle" width="26" height="226" transform="translate(-3 -3)" fill="none" opacity="0" />
<path id="line" class="line" d="M0,0H0A20.059,20.059,0,0,1,20,20V200A20.059,20.059,0,0,1,0,220H0" fill="none" stroke="#2fc0c0" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1" />
</g>
</svg>
</div> *@
<li class="item" value-data-month=" ">ماه</li>
<li class="item" value-data-month="01">فروردین</li>
<li class="item" value-data-month="02">اردیبهشت</li>
<li class="item" value-data-month="03">خرداد</li>
<li class="item" value-data-month="04">تیر</li>
<li class="item" value-data-month="05">مرداد</li>
<li class="item" value-data-month="06">شهریور</li>
<li class="item" value-data-month="07">مهر</li>
<li class="item" value-data-month="08">آبان</li>
<li class="item" value-data-month="09">آذر</li>
<li class="item" value-data-month="10">دی</li>
<li class="item" value-data-month="11">بهمن</li>
<li class="item" value-data-month="12">اسفند</li>
</ul>
<input type="hidden" id="sendDropdownMonth" asp-for="SearchModel.Month" />
</div>
</div>
<div class="col-span-2"><input type="text" class="form-control date start-date" asp-for="SearchModel.ContractStart" 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">
<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" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20" class="ms-1">
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
</svg>
</button>
<a href="/Client/Company/Checkouts" class="btn-clear-filter btn-w-size text-nowrap d-flex align-items-center justify-content-center disable" id="filterRemove">
<span>حذف جستجو</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- Search Box -->
<!-- End Search Box -->
<!-- List Items -->
<div class="container-fluid">
<div class="row px-lg-2 p-auto">
<div class="wrapper bg-white my-2 list-box table-contracts">
<!-- Advance Search Box -->
<div class="container-fluid d-block d-md-none">
<div class="row d-flex align-items-center justify-content-between">
<div class="search-box bg-white">
<div class="col text-center">
<button class="btn-search w-100" type="button" data-bs-toggle="modal" data-bs-target="#searchModal">
<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>
</div>
</div>
</div>
</div>
<!-- End Advance Search Box -->
@if (@Model.Checkouts.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>
<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="checkout-list Rtable Rtable--5cols Rtable--collapse tb">
<div class="Rtable-row Rtable-row--head align-items-center sticky-div">
<div class="Rtable-cell column-heading width1">
<span class="d-flex justify-content-center text-white align-items-center justify-content-between">
<input type="checkbox" class="form-check-input checkAll" name="" id="checkAll2">
<label for="checkAll2" class="prevent-select">ردیف</label>
</span>
</div>
<div class="Rtable-cell column-heading width2">شماره پرسنلی</div>
<div class="Rtable-cell column-heading width3">سال</div>
<div class="Rtable-cell column-heading width4">ماه</div>
<div class="Rtable-cell column-heading width5">شماره قرارداد</div>
<div class="Rtable-cell column-heading width6">نام پرسنل</div>
<div class="Rtable-cell column-heading width7">آغاز قرارداد</div>
<div class="Rtable-cell column-heading width8">پایان قرارداد</div>
<div class="Rtable-cell column-heading width9">امضاء پرسنل</div>
<div class="Rtable-cell column-heading width10 text-end">عملیات</div>
</div>
@foreach (var item in @Model.Checkouts)
{
<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="@i" class="Rtable-cell--content prevent-select">
<span class="d-flex justify-content-center align-items-center justify-content-between">
<input id="@i" type="checkbox" class="form-check-input foo" name="foo" value="@item.Id">
@(i = i + 1)
</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.Year</div>
</div>
<div class="Rtable-cell d-md-block d-none width4">
<div class="Rtable-cell--heading">ماه</div>
<div class="Rtable-cell--content">@item.Month</div>
</div>
<div class="Rtable-cell d-md-block d-none width5">
<div class="Rtable-cell--heading">شماره قرارداد</div>
<div class="Rtable-cell--content">@item.ContractNo</div>
</div>
<div class="Rtable-cell d-md-block d-none width6">
<div class="Rtable-cell--heading">نام پرسنل</div>
<div class="Rtable-cell--content ">@item.EmployeeFullName</div>
</div>
<div class="Rtable-cell d-md-block d-none width7">
<div class="Rtable-cell--heading">آغاز قرارداد</div>
<div class="Rtable-cell--content ">@item.ContractStart</div>
</div>
<div class="Rtable-cell d-md-block d-none width8">
<div class="Rtable-cell--heading">پایان قرارداد</div>
<div class="Rtable-cell--content ">@item.ContractEnd</div>
</div>
<div class="Rtable-cell d-md-flex d-none width9">
<div class="Rtable-cell--heading">امضاء پرسنل</div>
<div class="Rtable-cell--content ">
@if (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>
}
else
{
<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-cell d-md-block d-none width10">
<div class="Rtable-cell--content align-items-center d-flex d-md-block text-end">
<button class="btn-print moreThan992" type="button" 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 class="btn-print lessThan992" type="button" 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>
<!--Mobile Table-->
<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" id="">
<span>@(i)</span>
</div>
<div class="Rtable-cell--content">
<span class="mx-sm-2">
@item.EmployeeFullName
</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.ContractStart
</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>
<!--Mobile Table-->
</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>
</div>
<!-- End List Items -->
</div>
<!--Start Print Modal Main -->
<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>
</div>
</div>
<!--End Of Print Modal Main -->
<!-- Modal From Bottom For Advance Search -->
<div class="modal fade" id="searchModal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="searchModalModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<form role="form" method="get" name="search-theme-form2" id="search-theme-form2" autocomplete="off">
<div class="modal-header d-block text-center pb-0">
<div class="iphone-line mx-auto mb-3"></div>
<h5 class="modal-title mb-4 text-start" id="searchModalLabel">جستجوی پیشرفته</h5>
</div>
<input type="hidden" value="@Model.WorkshopId" asp-for="SearchModel.WorkshopId" />
<div class="modal-body pt-0 mb-3">
<div class="container-fluid search-box">
<div id="overlaySearchAdvance" class=""></div>
<div class="row">
<div class="col-12 text-start mb-4">
<div class="mb-2">
<select id="getPersonneModal" 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>
<span class="form-control text-center persianDateInputStartDate" id="start-date">تاریخ شروع</span>
<input type="hidden" class="form-control date start-date" asp-for="SearchModel.ContractStart" placeholder="تاریخ شروع">
</div>
<div>
<span class="form-control text-center persianDateInputEndDate" id="end-date">تاریخ پایان</span>
<input type="hidden" class="form-control date end-date" asp-for="SearchModel.ContractEnd" placeholder="تاریخ پایان">
</div>
<div>
<label class="text-nowrap">مرتب سازی</label>
<select class="form-select" id="sorting" asp-for="SearchModel.Sorting">
<option value="PersonelCode-Min"> شماره پرسنلی - کوچک به بزرگ </option>
<option value="PersonelCode-Max"> شماره پرسنلی - بزرگ به کوچک </option>
<option value="ContractStart-Min"> تاریخ آغاز قراداد - کوچک به بزرگ </option>
<option value="ContractStart-Max"> تاریخ آغاز قراداد - بزرگ به کوچک </option>
<option value="Signature-Min"> امضاء - کوچک به بزرگ </option>
<option value="Signature-Max"> امضاء - بزرگ به کوچک </option>
<option value="CreationDate-Min"> تاریخ ایجاد قراداد - کوچک به بزرگ </option>
<option value="CreationDate-Max"> تاریخ ایجاد قراداد - بزرگ به کوچک </option>
</select>
</div>
</div>
<div class="col-12 text-start">
<p class="mb-3">جستجو بر اساس سال و ماه</p>
<div class="row">
<div class="col-6">
<div class="form-group">
<span class="form-control text-center persianDateInputYear" id="yearText">
@{
if (string.IsNullOrWhiteSpace(Model.SearchModel.Year))
{
<span>سال</span>
}
else
{
@Model.SearchModel.Year
}
}
</span>
<input type="hidden" class="form-control" asp-for="SearchModel.Year" value="@Model.SearchModel.Year" id="yearModal" maxlength="4" />
@* <span asp-validation-for="DateOfYear" class="error"></span> *@
</div>
</div>
<div class="col-6">
<div class="form-group">
<span class="form-control text-center persianDateInputMonth" id="monthText">
@{
if (string.IsNullOrWhiteSpace(Model.SearchModel.Month))
{
<span>ماه</span>
}
else
{
@switch (@Model.SearchModel.Month)
{
case "01":
<span>فروردین</span>
break;
case "02":
<span>اردیبهشت</span>
break;
case "03":
<span>خرداد</span>
break;
case "04":
<span>تیر</span>
break;
case "05":
<span>مرداد</span>
break;
case "06":
<span>شهریور</span>
break;
case "07":
<span>مهر</span>
break;
case "08":
<span>آبان</span>
break;
case "09":
<span>آذر</span>
break;
case "10":
<span>دی</span>
break;
case "11":
<span>بهمن</span>
break;
case "12":
<span>اسفند</span>
break;
default:
<span>ماه</span>
break;
}
}
}
</span>
<input type="hidden" class="form-control" asp-for="SearchModel.Month" value="@Model.SearchModel.Month" id="monthModal" />
@* <span asp-validation-for="DateOfMonth" class="error"></span> *@
</div>
</div>
<div class="col-12">
<a href="/Client/Company/Checkouts" class="btn-clear-filter py-2 text-center d-block w-100 mt-2 disable" id="filterRemove">
<span class="w-100">حذف جستجو</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer justify-content-center align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-6 text-end">
<button type="button" class="btn-cancel w-100" data-bs-dismiss="modal">بستن</button>
</div>
<div class="col-6 text-start">
<button type="submit" class="btn-search btn-search-click w-100">جستجو</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- End Modal From Bottom For Advance Search -->
@section Script {
<script src="~/AssetsClient/js/dropdown.js?ver=@clientVersion"></script>
<script src="~/assetsclient/js/site.js?ver=clientVersion"></script>
<script src="~/assetsclient/js/smooth-scrollbar.js"></script>
<script>
var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
var urlLoadAllToPrintUrlAjax = `@Url.Page("./Index", "LoadAllToPrint")`;
var PaginationUrlAjax = `@Url.Page("./Index", "Pagination")`;
var PrintOneUrl = `@Url.Page("/Company/Checkouts/Index", "PrintOne")`;
var PrintOneMobileUrl = `@Url.Page("/Company/Checkouts/Index", "PrintOneMobile")`;
var CheckoutPrintAllUrl = `@Url.Page("/Company/Checkouts/CheckoutPrintAll")`;
console.log(urlLoadAllToPrintUrlAjax);
var itemsYearList = @Html.Raw(Json.Serialize(Model.YearlyList.OrderBy(x => x)));
</script>
<script src="~/assetsclient/pages/checkouts/js/index.js?ver=@clientVersion"></script>
}