105 lines
8.3 KiB
Plaintext
105 lines
8.3 KiB
Plaintext
@page
|
|
@model ServiceHost.Pages.complaints.IndexModel
|
|
@{
|
|
Layout = "Shared/_LayoutHome";
|
|
string version = _0_Framework.Application.Version.StyleVersion;
|
|
|
|
<style>
|
|
.sendBtn {
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
.sendBtn:hover {
|
|
background: rgb(32 141 141);
|
|
}
|
|
</style>
|
|
}
|
|
|
|
<div class="py-3 relative bg-gradient-to-t from-[#E8E8E8]/30 to-[#F3F8FC] dark:to-[#444C53]">
|
|
<div class="max-w-screen-xl mx-auto text-center gap-6 p-9 z-10">
|
|
<div class="text-[#178B8B] text-[0.9rem] font-medium dark:text-white">
|
|
ارتباط مستقیم با پشتیبانی گزارشگیر
|
|
</div>
|
|
<div class="text-[#3F3F3F] text-[1rem] font-[900] dark:text-white md:text-[1.2rem]">
|
|
ارسال سوالات، درخواستها، گزارشهای فنی و شکایات از طریق فرم
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="py-3 px-6 max-w-screen-xl mx-auto">
|
|
<div class="my-6">
|
|
<div class="flex items-center gap-2 my-3">
|
|
<svg class="min-w-9" width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M49.4325 41.2425C49.4325 42.0525 49.2525 42.885 48.87 43.695C48.4875 44.505 47.9925 45.27 47.34 45.99C46.2375 47.205 45.0225 48.0825 43.65 48.645C42.3 49.2075 40.8375 49.5 39.2625 49.5C36.9675 49.5 34.515 48.96 31.9275 47.8575C29.34 46.755 26.7525 45.27 24.1875 43.4025C21.6 41.5125 19.1475 39.42 16.8075 37.1025C14.49 34.7625 12.3975 32.31 10.53 29.745C8.685 27.18 7.2 24.615 6.12 22.0725C5.04 19.5075 4.5 17.055 4.5 14.715C4.5 13.185 4.77 11.7225 5.31 10.3725C5.85 9 6.705 7.74 7.8975 6.615C9.3375 5.1975 10.9125 4.5 12.5775 4.5C13.2075 4.5 13.8375 4.635 14.4 4.905C14.985 5.175 15.5025 5.58 15.9075 6.165L21.1275 13.5225C21.5325 14.085 21.825 14.6025 22.0275 15.0975C22.23 15.57 22.3425 16.0425 22.3425 16.47C22.3425 17.01 22.185 17.55 21.87 18.0675C21.5775 18.585 21.15 19.125 20.61 19.665L18.9 21.4425C18.6525 21.69 18.54 21.9825 18.54 22.3425C18.54 22.5225 18.5625 22.68 18.6075 22.86C18.675 23.04 18.7425 23.175 18.7875 23.31C19.1925 24.0525 19.89 25.02 20.88 26.19C21.8925 27.36 22.9725 28.5525 24.1425 29.745C25.3575 30.9375 26.5275 32.04 27.72 33.0525C28.89 34.0425 29.8575 34.7175 30.6225 35.1225C30.735 35.1675 30.87 35.235 31.0275 35.3025C31.2075 35.37 31.3875 35.3925 31.59 35.3925C31.9725 35.3925 32.265 35.2575 32.5125 35.01L34.2225 33.3225C34.785 32.76 35.325 32.3325 35.8425 32.0625C36.36 31.7475 36.8775 31.59 37.44 31.59C37.8675 31.59 38.3175 31.68 38.8125 31.8825C39.3075 32.085 39.825 32.3775 40.3875 32.76L47.835 38.0475C48.42 38.4525 48.825 38.925 49.0725 39.4875C49.2975 40.05 49.4325 40.6125 49.4325 41.2425Z" stroke="#9DDBDB" stroke-width="2.5" stroke-miterlimit="10" />
|
|
<path d="M41.625 20.25C41.625 18.9 40.5675 16.83 38.9925 15.1425C37.5525 13.59 35.64 12.375 33.75 12.375" stroke="#23A8A8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M49.5 20.25C49.5 11.5425 42.4575 4.5 33.75 4.5" stroke="#23A8A8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
|
|
<div>
|
|
<div class="text-[#4F4F4F] text-[0.9rem] font-semibold dark:text-white">ثبت شکایات</div>
|
|
<p class="text-[#4F4F4F] text-[0.8rem] dark:text-white">
|
|
در صورتی که نسبت به عملکرد سامانه، خدمات ارائهشده یا نحوه پاسخگویی کارشناسان شکایتی دارید، میتوانید از طریق این بخش موضوع را ثبت و پیگیری نمایید. شکایات ثبتشده توسط تیم نظارت و پشتیبانی بررسی شده و نتیجه از طریق ایمیل یا پنل کاربری به اطلاع شما خواهد رسید.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<form class="rounded-2xl shadow-lg w-full mx-auto bg-white p-4 border dark:bg-[#212330] dark:border-[#44475A] md:w-8/12 lg:w-6/12" id="formContact">
|
|
<div class="grid grid-cols-1 gap-3 my-2 md:grid-cols-2">
|
|
<div class="w-full">
|
|
<label for="fname" class="text-[#52525B] text-[0.7rem] dark:text-white">نام<span class="text-[#F31260]">*</span></label>
|
|
<input type="text" style="font-size: 13px;" id="fname" name="Command.FirstName" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
|
|
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">نام را وارد کنید.</div>
|
|
</div>
|
|
<div class="w-full">
|
|
<label for="lname" class="text-[#52525B] text-[0.7rem] dark:text-white">نام خانوداگی<span class="text-[#F31260]">*</span></label>
|
|
<input type="text" style="font-size: 13px;" id="lname" name="Command.LastName" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
|
|
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">نام خانوادگی را وارد کنید.</div>
|
|
</div>
|
|
<div class="w-full">
|
|
<label for="email" class="text-[#52525B] text-[0.7rem] dark:text-white">ایمیل<span class="text-[#F31260]">*</span></label>
|
|
<input type="text" style="font-size: 13px; direction: ltr" id="email" name="Command.Email" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
|
|
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">ایمیل را وارد کنید.</div>
|
|
</div>
|
|
<div class="w-full">
|
|
<label for="phone" class="text-[#52525B] text-[0.7rem] dark:text-white">شماره همراه<span class="text-[#F31260]">*</span></label>
|
|
<input type="text" style="font-size: 13px; direction: ltr" id="phone" maxlength="11" name="Command.PhoneNumber" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
|
|
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">شماره همراه را وارد کنید.</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-full">
|
|
<label for="subject" class="text-[#52525B] text-[0.7rem] dark:text-white">موضوع<span class="text-[#F31260]">*</span></label>
|
|
<input type="text" style="font-size: 13px;" id="subject" name="Command.Title" class="w-full rounded-xl p-2 text-[#11181C] border-2 outline-[#E4E4E7] focus:outline-[#B3B3B3]">
|
|
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">موضوع را وارد کنید.</div>
|
|
</div>
|
|
<div class="w-full my-2" style="position: relative;">
|
|
<textarea style="font-size: 12px;" placeholder="توضیحات ..." type="text" maxlength="500" id="description" name="Command.Message" rows="6" class="resize-none w-full rounded-xl p-2 text-[#11181C] border-2 border-[#E4E4E7] focus-visible:outline focus-visible:outline-[#B3B3B3]"></textarea>
|
|
<span style="position: absolute;bottom: -15px;width: 53px;left: 0; " class="text-[#52525B] text-[0.7rem] dark:text-white"><span id="characterLeft">500</span> کاراکتر</span>
|
|
<div class="flex justify-between text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]">
|
|
<!-- <label for="description" class="text-[#52525B] text-[0.7rem] dark:text-white">پیام <span class="text-[#F31260]">*</span></label> -->
|
|
<div class="text-[#F31260] text-[0.8rem] font-bold dark:text-[#F695B7]" style="display: none">توضیحات را وارد کنید.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-col justify-center items-center mt-6 space-y-3 md:flex-row md:justify-between">
|
|
<div class="text-[#393939] text-[0.8rem] font-bold dark:text-white">
|
|
<span class="text-[#F31260]">*</span> پر کردن قسمتهای ستارهدار ضروری است.
|
|
</div>
|
|
<button type="button" class="sendBtn bg-[#2DBCBC] py-2 px-1 w-28 text-white text-[0.75rem] rounded-lg flex items-center justify-center gap-2" onclick="saveContactUs()">
|
|
<span>ارسال پیام</span>
|
|
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M5 3L2 6M2 6L5 9M2 6H9.5" stroke="white" stroke-linecap="round" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
@section Script {
|
|
<script>
|
|
var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
|
|
var ajax = new AjaxService(antiForgeryToken);
|
|
var createAjaxUrl = `@Url.Page("./Index", "CreateAjax")`;
|
|
</script>
|
|
<script src="~/assetsmain/pages/complaints/js/index.js?ver=@version"></script>
|
|
} |