@using Microsoft.AspNetCore.Mvc.TagHelpers
@model CompanyManagment.App.Contracts.EmployeeDocuments.EmployeeDocumentsViewModel

@{
	string adminVersion = _0_Framework.Application.Version.AdminVersion;
	<link href="~/AssetsAdminNew/employeesdocument/css/ModalPrintSelectionUploadDocument.css?ver=@adminVersion" rel="stylesheet" />
}

<form role="form" method="post" name="create-form" id="create-form" autocomplete="off">
	
<div class="modal-content">
<div class="modal-header pb-0 d-flex align-items-center justify-content-center text-center">
	<button type="button" class="btn-close position-absolute text-start" data-bs-dismiss="modal" aria-label="Close"></button>
    <div>
        <p class="m-0 pdHeaderTitle1"><span class="">انتخاب مدارک پرسنل </span> @Model.EmployeeFullName</p>
    </div>
</div>

<div class="modal-body">
	<div class="pdBoxGrid">
		<input type="hidden" id="employeeIdForList" value="@Model.EmployeeId" asp-for="@Model.EmployeeId"/>
		<div class="pdBox selectable-document disable"
		     data-id="@Model.EmployeePicture.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="EmployeePicture">
			
			<input type="checkbox" class="hidden-checkbox" />

			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (Model.EmployeePicture.PicturePath != null && !string.IsNullOrWhiteSpace(Model.EmployeePicture.PicturePath))
					{
						<img id="EmployeePicture" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.EmployeePicture.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="EmployeePicture" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>
				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>عکس پرسنل </div>
					</div>
				</div>
			</div>

			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>

		<div class="pdBox selectable-document @(string.IsNullOrWhiteSpace(Model.NationalCardFront.PicturePath) ? "disable" : "")"
		     data-id="@Model.NationalCardFront.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="NationalCardFront">
			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (!string.IsNullOrWhiteSpace(Model.NationalCardFront.PicturePath))
					{
						<img id="NationalCardFront" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.NationalCardFront.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="NationalCardFront" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>
				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>کارت ملی رو </div>
					</div>
				</div>
			</div>

			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>
		
		<div class="pdBox selectable-document @(string.IsNullOrWhiteSpace(Model.NationalCardRear.PicturePath) ? "disable" : "")"
		     data-id="@Model.NationalCardRear.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="NationalCardRear">
			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (!string.IsNullOrWhiteSpace(Model.NationalCardRear.PicturePath))
					{
						<img id="NationalCardRear" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.NationalCardRear.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="NationalCardRear" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>
				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>کارت ملی پشت </div>
					</div>
				</div>
			</div>
			
			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>

		<div class="pdBox selectable-document @(string.IsNullOrWhiteSpace(Model.MilitaryServiceCard.PicturePath) || Model.Gender == "زن" ? "disable" : "")"
		     data-id="@Model.MilitaryServiceCard.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="MilitaryServiceCard">
			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (!string.IsNullOrWhiteSpace(Model.MilitaryServiceCard.PicturePath))
					{
						<img id="militaryServiceCardModal" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.MilitaryServiceCard.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="militaryServiceCardModal" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>
				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>کارت پایان خدمت </div>
					</div>
				</div>
			</div>
			
			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>

		<div class="pdBox selectable-document @(string.IsNullOrWhiteSpace(Model.IdCardPage1.PicturePath) ? "disable" : "")"
		     data-id="@Model.IdCardPage1.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="IdCardPage1">
			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (!string.IsNullOrWhiteSpace(Model.IdCardPage1.PicturePath))
					{
						<img id="IdCardPage1" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.IdCardPage1.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="IdCardPage1" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>

				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>شناسنامه صفحه اول </div>
					</div>
				</div>
			</div>

			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>

		<div class="pdBox selectable-document @(string.IsNullOrWhiteSpace(Model.IdCardPage2.PicturePath) ? "disable" : "")"
		     data-id="@Model.IdCardPage2.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="IdCardPage2">
			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (!string.IsNullOrWhiteSpace(Model.IdCardPage2.PicturePath))
					{
						<img id="IdCardPage2" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.IdCardPage2.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="IdCardPage2" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>
				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>شناسنامه صفحه دوم </div>
					</div>
				</div>
			</div>

			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>

		<div class="pdBox selectable-document @(string.IsNullOrWhiteSpace(Model.IdCardPage3.PicturePath) ? "disable" : "")"
		     data-id="@Model.IdCardPage3.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="IdCardPage3">
			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (!string.IsNullOrWhiteSpace(Model.IdCardPage3.PicturePath))
					{
						<img id="IdCardPage3" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.IdCardPage3.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="IdCardPage3" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>
				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>شناسنامه صفحه سوم </div>
					</div>
				</div>
			</div>

			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>

		<div class="pdBox selectable-document @(string.IsNullOrWhiteSpace(Model.IdCardPage4.PicturePath) ? "disable" : "")"
		     data-id="@Model.IdCardPage4.MediaId"
		     onclick="toggleDocumentBox(this)"
		     data-name="IdCardPage4">
			<div class="d-flex align-items-center justify-content-start w90">
				<div class="pdImageBox">
					@if (!string.IsNullOrWhiteSpace(Model.IdCardPage4.PicturePath))
					{
						<img id="IdCardPage4" src="@Url.Page("./EmployeeList", "ShowPicture", new { filePath = @Model.IdCardPage4.PicturePath })" class="preview-image isTrue"/>
					}
					else
					{
						<img id="IdCardPage4" src="~/assetsclient/images/pd-image.png" class="preview-image"/>
					}
				</div>
				<div class="text-start mx-1 pdTitle">
					<div class="d-flex align-items-center justify-content-between">
						<div>شناسنامه صفحه چهارم </div>
					</div>
				</div>
			</div>

			<div class="d-flex">
				<div class="custom-checkmark"></div>
			</div>
		</div>
	</div>
</div>

<div class="modal-footer d-block">
    <div class="container m-auto">
        <div class="row width-btn">
            <div class="col-6 text-end">
	            <button type="button" class="btn-cancel2 d-flex justify-content-center w-100" data-bs-dismiss="modal">انصراف</button>
            </div>
            <div class="col-6 text-start">
                <button type="button" class="btn-register d-flex justify-content-center w-100 position-relative" onclick="openModalPrint()">
                    پرینت
                    <div class="spinner-loading loading" style="display: none">
                        <span class="spinner-border spinner-border-sm loading text-white" role="status" aria-hidden="true"></span>
                    </div>
                </button>
            </div>
        </div>
    </div>
</div>

</div>
</form>

<script src="~/assetsclient/js/site.js?ver=@adminVersion"></script>
<script>
	var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
	var employeeId = Number(@Model.EmployeeId);
	var workshopId = Number(@Model.WorkshopId);
</script>
<script src="~/AssetsAdminNew/employeesdocument/js/modalprintselectionuploaddocument.js?ver=@adminVersion"></script>