Backend-Api/ServiceHost/Pages/services/workflow.cshtml

@page
@model ServiceHost.Pages.services.workflowModel
@{
	Layout = "Shared/_LayoutHome";
}

<!-- Start Header -->
<div class="py-3 relative overflow-hidden">
    <img src="~/assetsmain/images/headerSingle.png" class="absolute inset-0 object-cover object-center dark:opacity-15 h-full w-full" alt="" srcset="">
    <div class="flex items-center justify-between gap-3 py-1 z-10">
        <div class="flex flex-col gap-2 lg:gap-4 px-6 w-full md:w-6/12 text-[#3F3F3F] dark:text-white opacity-100 z-10">
            <h4 class="text-[1.6rem] font-bold">کارپوشه، حضور و غیاب</h4>
            <p class="text-[0.8rem] md:text-[0.9rem] font-bold md:font-medium text-justify">
	            این بخش، مرکز مدیریت و تعیین تکلیف وضعیت‌های ناقص یا مشکوک حضور و غیاب پرسنل است. اطلاعاتی که در این قسمت نمایش داده می‌شود، معمولاً شامل مواردی است که نیاز به بررسی و تأیید کارفرما یا مدیر مجموعه دارند.
	        </p>
            <div class="flex items-center justify-start gap-3 my-4">
                <button class="py-[0.54rem] w-full md:w-[8rem] px-3 text-[0.8rem] font-[500] text-center bg-white hover:bg-[#2DBCBC] border-2 border-[#2DBCBC] text-[#138F8F] hover:text-white rounded-md duration-500 ease-in-out">
                    <span>تماس با فروش</span>
                </button>
                @* <a asp-page="/register/Index" class="py-[0.54rem] w-full md:w-[8rem] px-3 text-[0.8rem] font-[500] text-center bg-white hover:bg-[#2DBCBC] border-2 border-[#2DBCBC] text-[#138F8F] hover:text-white rounded-md duration-500 ease-in-out cursor-pointer"> *@
                @*     <span>ثبت نام</span> *@
                @* </a> *@
            </div>
        </div>
        <div class="hidden md:flex justify-end gap-6 w-6/12 opacity-100 z-1">
            <img src="~/assetsmain/images/line-wave.svg" class="absolute left-0 -top-20 " alt="">
        </div>
    </div>
</div>
<!-- End Header -->
<!-- Start Contents -->

<div class="px-6 md:px-9 lg:px-12 mx-auto max-w-[1320px]">
    <div class="mb-9 max-w-screen-xl">
	    <div class="w-full md:w-10/12 lg:w-9/12 mx-auto">
		    <div>
			    <div class="text-[#178B8B] dark:text-white text-[0.85rem] font-medium text-center">کاربرد اصلی این بخش</div>
			    <div class="text-[#3F3F3F] dark:text-white text-[1.2rem] font-semibold text-start my-3">غیبت‌های بدون ثبت درخواست</div>
			    <p class="text-[#3F3F3F] dark:text-white text-[0.9rem] font-medium">
				    اگر پرسنلی در یک روز مشخص اصلاً حضور نداشته و هیچ مرخصی‌ای هم برای آن روز ثبت نکرده، سیستم به‌صورت خودکار این مورد را در کارپوشه مدیر ثبت می‌کند.مدیر باید تعیین کند که این مورد:
			    </p>

			    <ul class="text-[#2B2B2B] font-medium text-[0.9rem] dark:text-white px-6 relative mr-3 my-2">
				    <li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">غیبت تلقی شود</li>
				    <li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">یا برگه مرخصی برای آن صادر گردد</li>
				    <li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">یا به هر دلیلی (مثلاً مأموریت یا اشتباه سیستمی) اصلاح شود</li>
			    </ul>

		    </div>
            
            
		    <div class="my-3">
				<div class="text-[#3F3F3F] dark:text-white text-[1.2rem] font-semibold text-start my-3">ورود ثبت شده، اما خروج ثبت نشده</div>
				<p class="text-[#3F3F3F] dark:text-white text-[0.9rem] font-medium">
					اگر پرسنلی هنگام ورود ثبت انجام دهد ولی فراموش کند خروج را بزند، سیستم در پایان ساعات کاری به‌طور خودکار خروج ثبت می‌کند.
				</p>
				<p class="text-[#3F3F3F] dark:text-white text-[0.9rem] font-medium">
					فردای آن روز، این مورد به مدیر اطلاع داده می‌شود و منتظر تایید یا اصلاح است. مدیر می‌تواند:
				</p>

				<ul class="text-[#2B2B2B] font-medium text-[0.9rem] dark:text-white px-6 relative mr-3 my-2">
					<li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">خروج ثبت ‌شده توسط سیستم را تأیید کند</li>
					<li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">یا آن را حذف کرده و زمان دقیق دیگری ثبت کند</li>
				</ul>



                <div class="text-[#178B8B] font-semibold dark:text-white">مزایای این بخش</div>
				<ul class="text-[#2B2B2B] font-medium text-[0.9rem] dark:text-white px-6 relative mr-3 my-2">
					<li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">جلوگیری از خطای انسانی در ثبت حضور و غیاب</li>
					<li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">کاهش اختلافات بین کارفرما و کارمند در مورد ساعت کاری</li>
					<li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">مستندسازی کامل تمامی اصلاحات و تأییدیه‌ها</li>
					<li class="before:content-[''] before:absolute before:h-2 before:w-2 before:rounded-full before:bg-[#27ACAC] before:right-0 before:transition-all flex items-center before:mr-2 mr-3">کمک به محاسبه دقیق حقوق، پاداش، اضافه‌کاری و کسورات</li>
				</ul>


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



<div class="py-3 px-6 mx-auto max-w-[1320px]">
    <div class="relative flex flex-col md:flex-row gap-6 items-center w-full mx-auto bg-gradient-to-l to-[#2EBEBE] 1E9D9D from-[#035757] overflow-hidden rounded-2xl my-1 p-3 md:p-6 lg:p-9">
	    
	    <div class="absolute bottom-0 left-0">
		    <img src="~/assetsmain/images/lineSupportLeft.svg" class="" alt="">
	    </div>
	    <div class="absolute top-0 -right-6">
		    <img src="~/assetsmain/images/lineSupportRight.svg" class="" alt="">
	    </div>

        <div class="w-full md:w-8/12 text-center md:text-start">
            <div class="text-white font-extrabold text-[1.6rem] mb-4">مدیریت یکپارچه منابع انسانی و هوشمند</div>
            <p class="text-white font-medium text-[0.8rem] p-0 text-justify">
                با استفاده از خدمات سامانه کارگاه، به اطلاعات پرسنلی، صورت‌حساب‌های مالی، گزارشات، حضور و غیاب، کارپوشه، مدیریت کاربران و پشتیبانی دسترسی داشته باشید و فرآیندهای سازمانی خود را بهینه کنید.
            </p>
        </div>
        <div class="w-full md:w-4/12 text-center md:text-left z-10">
            <a asp-page="/contact-us/Index" class="px-9 py-2 w-full md:w-auto text-[#138F8F] text-[0.8rem] font-semibold rounded-lg cursor-pointer bg-white hover:bg-[#DDDDDD] duration-500 ease-in-out">درخواست مشاوره</a>
        </div>
    </div>
</div>