@model CompanyManagment.App.Contracts.SalaryAid.CreateSalaryAidViewModel

@{
	string clientVersion = _0_Framework.Application.Version.StyleVersion;
	<link href="~/AssetsClient/css/select2.css?ver=@clientVersion" rel="stylesheet" />
	<link href="~/assetsclient/pages/SalaryAid/css/ModalCreateNewSalaryAid.css?ver=@clientVersion" 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">ایجاد مساعده</p>
			</div>
		</div>

		<div class="modal-body">
			<div class="container-fluid">
				<div class="row">
					<div class="col-12 my-1">
						<span class="spanTitleText">اسامی پرسنل</span>
						<div class="select-alert">
							<select class="form-select select2Option" aria-label="انتخاب پرسنل ..." asp-for="@Model.EmployeeIds" id="employeeSelect" multiple>
							</select>
						</div>
					</div>
					<div class="col-12 my-1 position-relative">
						<span class="spanTitleText">مبلغ مساعده</span>
						<input class="form-control form-control-currency text-center" asp-for="@Model.Amount" placeholder="مبلغ را وارد نمائید" style="direction: ltr" />
						<span style="top: 30px;position: absolute;left: 20px;font-size: 14px;color: #868686;">ریال</span>
					</div>
					<div class="col-12 my-1" style="height: 30px;">
						<div class="d-block">
							<div id="amountRials" style="font-size: 12px;color: #4f4f4f;"></div>
							<div id="amountTomans" style="font-size: 12px;color: #4f4f4f;"></div>
						</div>
					</div>
					<div class="col-12 my-1">
						<span class="spanTitleText">تاریخ</span>
						<input class="form-control form-control-date text-center dateTime" asp-for="@Model.SalaryDateTime" placeholder="تاریخ را وارد نمائید" style="direction: ltr" />
					</div>
				</div>
			</div>
		</div>

		<div class="modal-footer d-block">
			<div class="container p-0 m-0">
				<div class="row">
					<div class="col-6 text-end">
						<button type="button" class="btn-cancel2 justify-content-center" data-bs-dismiss="modal" aria-label="Close">انصراف</button>
					</div>
					<div class="col-6 text-start">
						<button type="button" class="btnCreateNew position-relative" id="createData">
							<span class="text-nowrap">ثبت</span>
							<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=@clientVersion"></script>
<script src="~/assetsclient/libs/jalaali-js/jalaali.js"></script>
<script src="~/admintheme/js/jquery.mask_1.14.16.min.js"></script>
<script src="~/assetsclient/libs/cleave/cleave.min.js"></script>
<script src="~/assetsclient/libs/wordifyfa/wordifyfa.min.js"></script>
<script>
	var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
	var saveNewSalaryAidAjax = `@Url.Page("./Index", "Create")`;
	var employeeListAjax = `@Url.Page("./Index", "EmployeeList")`;
</script>
<script src="~/assetsclient/pages/SalaryAid/js/ModalCreateNewSalaryAid.js?ver=@clientVersion"></script>