174 lines
13 KiB
Plaintext
174 lines
13 KiB
Plaintext
@model CompanyManagment.App.Contracts.RollCallService.RollCallServiceViewModel
|
|
|
|
@{
|
|
<style>
|
|
.disable {
|
|
pointer-events: none;
|
|
filter: grayscale(100%);
|
|
opacity: 0.6;
|
|
}
|
|
</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" style="height: 320px;">
|
|
<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>
|
|
</div>
|
|
<div class="d-flex d-lg-none align-items-center justify-content-evenly">
|
|
<p class="text-muted m-0">0</p>
|
|
<p class="text-muted m-0">تومان </p>
|
|
</div>
|
|
</div>
|
|
</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">0</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">0</p>
|
|
<p class="text-muted m-0">تومان</p>
|
|
</div>
|
|
</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">0</p>
|
|
<p class="text-muted m-0">تومان</p>
|
|
</div>
|
|
</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" 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" 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 saveServiceFreeAjax = `@Url.Page("./Plans", "SaveServiceFree")`;
|
|
var sendSmsAjax = `@Url.Page("./Plans", "SendSms")`;
|
|
</script>
|
|
<script src="~/assetsclient/pages/rollcall/js/modalotpactionfree.js"></script> |