203 lines
16 KiB
Plaintext
203 lines
16 KiB
Plaintext
@model CompanyManagment.App.Contracts.RollCallService.CreateRollCallService
|
|
|
|
@{
|
|
<style>
|
|
.disable {
|
|
pointer-events: none;
|
|
filter: grayscale(100%);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.service-invoice-section {
|
|
height: 320px;
|
|
}
|
|
|
|
@@media (min-width: 1366px) {
|
|
.modal-dialog {
|
|
max-width: 880px;
|
|
}
|
|
|
|
.service-invoice-section {
|
|
height: 250px;
|
|
}
|
|
}
|
|
</style>
|
|
}
|
|
|
|
<form role="form" method="post" name="create-form" id="create-form" autocomplete="off">
|
|
|
|
<div class="modal-content">
|
|
<div class="modal-header d-block text-center mb-2">
|
|
<button type="button" class="btn-close position-absolute text-start" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
<h5 class="modal-title mb-4" id="startBuyLabel">ثبت سرویس</h5>
|
|
<div class="d-flex justify-content-center align-items-center">
|
|
<div class="step-progress">
|
|
<h5 class="d-flex justify-content-center align-items-center" id="step-1">1</h5>
|
|
<p>پیش فاکتور</p>
|
|
</div>
|
|
|
|
<div class="line"></div>
|
|
|
|
<div class="step-progress">
|
|
<h5 class="d-flex justify-content-center align-items-center not-step" id="step-2">2</h5>
|
|
<p>احراز هویت</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-body wizard-content tab-wizard wizard-circle wizard clearfix" id="steps">
|
|
<section class="card" id="step-form1" style="display:block">
|
|
<div class="container-fluid service-invoice-table">
|
|
<div class="container border border-bottom-0 border-2 border-secondary rounded-top">
|
|
<div class="row d-flex align-items-baseline">
|
|
<div class="col-12 col-lg-8">
|
|
<p class="m-0 p-2">نام مشتری: @Model.FullName</p>
|
|
</div>
|
|
<div class="col-2 d-none d-lg-block border-start border-secondary p-2">
|
|
<p class="m-0 text-center">مبلغ</p>
|
|
</div>
|
|
@* <div class="col-2 d-none d-xl-block border-start border-secondary p-2">
|
|
<p class="m-0 text-center">تخفیف</p>
|
|
</div> *@
|
|
<div class="col-2 d-none d-lg-block border-start border-secondary p-2">
|
|
<p class="m-0 text-center">جمع کل</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container border border-2 border-secondary rounded-bottom">
|
|
<div class="row service-invoice-section">
|
|
<div class="col-12 col-lg-8 p-2">
|
|
<div class="row">
|
|
<div class="col-12 col-lg-6 col-xl-8 order-2 order-lg-1 my-2">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<div>
|
|
<p class="text-muted m-0">سرویس @Model.MaxPersonValid نفره</p>
|
|
<input type="hidden" id="MaxPersonValid" asp-for="@Model.MaxPersonValid"/>
|
|
</div>
|
|
<div class="d-flex d-lg-none align-items-center justify-content-evenly">
|
|
<p class="text-muted m-0" id="AmountFaWith">@Model.AmountFa </p>
|
|
<p class="text-muted m-0">تومان </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-6 col-xl-4 order-1 order-lg-2">
|
|
@if (Model.MaxPersonValid != 0)
|
|
{
|
|
<select class="form-select" id="changeDuration" style="">
|
|
<option value="1Mount" selected>یک ماهه</option>
|
|
<option value="3Mount">سه ماهه</option>
|
|
<option value="6Mount">شش ماهه</option>
|
|
<option value="12Mount">یک ساله</option>
|
|
</select>
|
|
}
|
|
<input type="hidden" asp-for="@Model.Duration" id="Duration" value="یک ماهه" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-2 d-none d-lg-block border-start border-secondary p-2">
|
|
<div class="d-flex align-items-center justify-content-evenly">
|
|
<p class="text-muted m-0" id="AmountFaWith">@Model.AmountFa</p>
|
|
<p class="text-muted m-0">تومان</p>
|
|
</div>
|
|
</div>
|
|
@* <div class="col-xl-2 border-start border-secondary p-2">
|
|
<div class="d-flex align-items-center justify-content-evenly">
|
|
<p class="text-muted m-0" id="AmountFaDiscount">0</p>
|
|
<p class="text-muted m-0">تومان</p>
|
|
</div>
|
|
</div> *@
|
|
<div class="col-12 col-lg-2 d-none d-lg-block border-start border-secondary p-2">
|
|
<div class="d-flex align-items-center justify-content-evenly">
|
|
<p class="text-muted m-0" id="AmountFaWithout">@Model.AmountFa </p>
|
|
<p class="text-muted m-0">تومان</p>
|
|
</div>
|
|
<input type="hidden" id="AmountFaReal" value="@Model.AmountFa" />
|
|
</div>
|
|
</div>
|
|
<div class="row border-top border-secondary align-items-center">
|
|
<div class="col-8 d-none d-lg-block p-2"></div>
|
|
<div class="col-6 col-lg-2 border-start-custom border-secondary p-2">
|
|
<p class="m-0 text-center">مبلغ قابل پرداخت</p>
|
|
</div>
|
|
<div class="col-6 col-lg-2 border-start border-secondary p-2">
|
|
<div class="d-flex align-items-center justify-content-evenly">
|
|
<p class="text-muted m-0" id="AmountFaTotal">@Model.AmountFa</p>
|
|
<p class="text-muted m-0">تومان</p>
|
|
</div>
|
|
<input type="hidden" id="AmountFa" asp-for="@Model.AmountFa" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container-fluid" id="step-form2" style="display:none">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="rule-content">
|
|
<p>
|
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
|
</p>
|
|
<p>
|
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
|
</p>
|
|
<p>
|
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
|
</p>
|
|
<p>
|
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 mt-2">
|
|
<div class="form-group d-flex align-items-center">
|
|
<input class="form-check me-2" type="checkbox" id="rule" />
|
|
<label for="rule" class="rule-label">قوانین و مقرارات را مطالعه نمونده ام.</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-2 mt-2"></div>
|
|
|
|
<div class="col-12 col-md-4 mt-2">
|
|
<div class="d-flex align-items-center two-inputs-dir">
|
|
<button type="button" class="btn-send-code me-2 disable" id="btnSmsReciver" disabled>ارسال کد</button>
|
|
|
|
<div class="input-group time-group disable" id="CodeDiv">
|
|
<span class="input-group-text countdown" id="timer">00:00</span>
|
|
<input type="text" class="form-control text-center" id="time-code">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
|
|
|
|
<div class="modal-footer justify-content-center align-items-center">
|
|
<div class="row">
|
|
<div class="col-6 text-end">
|
|
<button type="button" class="btn-cancel2 d-flex justify-content-center align-items-center" id="prev-step">انصراف</button>
|
|
</div>
|
|
<div class="col-6 text-start">
|
|
<button type="button" class="btn-register" id="next-step">مرحله بعد</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
<script>
|
|
var antiForgeryToken = $('@Html.AntiForgeryToken()').val();
|
|
var checkCodeAjax = `@Url.Page("./Plans", "CheckCode")`;
|
|
var saveServiceAjax = `@Url.Page("./Plans", "SaveService")`;
|
|
var saveCameraAccountUrl = `#showmodal=@Url.Page("./ Index", "SaveCameraAccount")`;
|
|
var computeMoneyByMountAjax = `@Url.Page("Plans", "ComputeMoneyByMount")`;
|
|
var sendSmsAjax = `@Url.Page("./Plans", "SendSms")`;
|
|
</script>
|
|
<script src="~/assetsclient/pages/rollcall/js/modalotpaction.js?ver=4415"></script> |