125 lines
5.7 KiB
Plaintext
125 lines
5.7 KiB
Plaintext
@{
|
|
string clientVersion = _0_Framework.Application.Version.StyleVersion;
|
|
}
|
|
|
|
<link href="~/assetsclient/pages/register/css/_partials/_step4.css?ver=@clientVersion" rel="stylesheet" />
|
|
|
|
<div class="row p-0 step4Container">
|
|
<div class="cardHeight p-0">
|
|
<div class="cardContainer p-2" id="cardSelected">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-100 p-0" id="footerTap">
|
|
<div style="display: flex; margin: auto 20px 0 0;">
|
|
<button type="button" class="btnStep4Tab active" id="priceStatic">
|
|
پرداخت یکجا
|
|
</button>
|
|
<button type="button" class="btnStep4Tab" id="priceStep">
|
|
پرداخت ماهانه
|
|
</button>
|
|
</div>
|
|
|
|
<div class="footerStep4Container">
|
|
<div>
|
|
<div class="titleFooter">مدت قرارداد</div>
|
|
<div class="d-flex align-items-center gap-3 justify-content-between">
|
|
<div class="radioBtnFooterContainer">
|
|
<input type="radio" id="contractStartCurrentMonthFa" value="contractStartCurrentMonthFa" name="radFinanceContract" class="radioOption" checked="checked" />
|
|
<label for="contractStartCurrentMonthFa" class="radioLabelListOption">ابتدای ماه جاری</label>
|
|
|
|
<input type="radio" id="contractStartNextMonthFa" value="contractStartNextMonthFa" name="radFinanceContract" class="radioOption" />
|
|
<label for="contractStartNextMonthFa" class="radioLabelListOption">ابتدای ماه بعد</label>
|
|
</div>
|
|
|
|
<div class="radioBtnFooterContainer">
|
|
<input type="radio" id="oneMonth" value="oneMonth" name="radMonth" class="radioOption" disabled="disabled"/>
|
|
<label for="oneMonth" class="radioLabelListOption disable">1 ماهه</label>
|
|
|
|
<input type="radio" id="threeMonth" value="threeMonth" name="radMonth" class="radioOption" disabled="disabled" />
|
|
<label for="threeMonth" class="radioLabelListOption disable">3 ماهه</label>
|
|
|
|
<input type="radio" id="sixMonth" value="sixMonth" name="radMonth" class="radioOption" disabled="disabled" />
|
|
<label for="sixMonth" class="radioLabelListOption disable">6 ماهه</label>
|
|
|
|
<input type="radio" id="twelveMonth" value="twelveMonth" name="radMonth" class="radioOption" checked="checked"/>
|
|
<label for="twelveMonth" class="radioLabelListOption">12 ماهه</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="infoPricesContainerDiv mt-3" id="priceStepContainer" style="display: none">
|
|
<div class="infoPricesContainer" id="priceStepContainerHtml">
|
|
<div class="item">
|
|
<div class="col-4 text-start">سررسید : اول</div>
|
|
<div class="col-4 text-start">-</div>
|
|
<div class="col-4 text-end">- ریال</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-4 text-start">سررسید : دوم</div>
|
|
<div class="col-4 text-start">-</div>
|
|
<div class="col-4 text-end">- ریال</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-4 text-start">سررسید : سوم</div>
|
|
<div class="col-4 text-start">-</div>
|
|
<div class="col-4 text-end">- ریال</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-4 text-start">سررسید : چهارم</div>
|
|
<div class="col-4 text-start">-</div>
|
|
<div class="col-4 text-end">- ریال</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-4 text-start">سررسید : پنجم</div>
|
|
<div class="col-4 text-start">-</div>
|
|
<div class="col-4 text-end">- ریال</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-4 text-start">سررسید : ششم</div>
|
|
<div class="col-4 text-start">-</div>
|
|
<div class="col-4 text-end">- ریال</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="">
|
|
<div class="lineRegisterStep4 px-2 my-2"></div>
|
|
<div class="d-block text-center d-md-flex justify-content-between align-items-center gap-5">
|
|
<div class="d-block text-start gap-2">
|
|
<div class="d-flex align-items-center" style="margin: 3px auto; font-size: 12px; color: #0B5959;"><div style="width:100px;">شروع قرارداد: </div> <span id="ContractStartMonthView"></span></div>
|
|
<div class="d-flex align-items-center" style="margin: 3px auto; font-size: 12px; color: #0B5959;"><div style="width:100px;">پایان قرارداد: </div> <span id="contractEndFa"></span></div>
|
|
<input type="hidden" id="ContractStartMonthGr" value="" />
|
|
</div>
|
|
<div>
|
|
<div class="d-flex align-items-center justify-content-between px-1 px-lg-4 gap-5">
|
|
<div class="titlePriceStep4">مجموع مبالغ:</div>
|
|
<div class="totalPriceStep4" style="color: #6b6b6b" id="sumOfWorkshopsPaymentPayment">-</div>
|
|
</div>
|
|
<div class="d-flex align-items-center justify-content-between px-1 px-lg-4 gap-5">
|
|
<div class="titlePriceStep4">ارزش افزوده:</div>
|
|
<div class="totalPriceStep4" style="color: #6b6b6b" id="valueAddedTaxSt">-</div>
|
|
<input type="hidden" id="valueAddedTaxDoubleInput"/>
|
|
</div>
|
|
<div class="d-flex align-items-center justify-content-between mt-1 px-1 px-lg-4 gap-5">
|
|
<div class="titlePriceStep4">مبلغ قابل پرداخت:</div>
|
|
<div class="totalPriceStep4" id="totalPaymentStr">-</div>
|
|
<input type="hidden" id="totalPaymentDoubleInput"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
var receivedCodeFromServerUrl = `@Url.Page("./Index", "ReceivedCodeFromServer")`;
|
|
var totalPaymentAndWorkshopListUrl = `@Url.Page("./Index", "TotalPaymentAndWorkshopList")`;
|
|
var createOrUpdateInstitutionContractTemp = `@Url.Page("./Index", "CreateOrUpdateInstitutionContractTemp")`;
|
|
var CreateOrUpdatePeriodTemp = `@Url.Page("./Index", "CreateOrUpdatePeriodTemp")`;
|
|
</script>
|
|
|
|
<script src="~/assetsclient/pages/Register/js/_Partials/_Step4.js?ver=@clientVersion"></script> |