321 lines
19 KiB
PHP
321 lines
19 KiB
PHP
<div>
|
||
<!-- Consulting -->
|
||
<div x-data="formCons" class="px-6 py-20 sm:px-8 lg:py-24" id="consulting">
|
||
<div class="pb-12 text-center">
|
||
<h2 class="pb-4 text-2xl font-bold text-slate-900 md:text-3xl">
|
||
درخواست مشاوره
|
||
</h2>
|
||
<p class="text-slate-900">
|
||
اگر برای سرمایه‌گذاری نیاز به مشاوره دارید کافیست فرم زیر را تکمیل کنید.
|
||
</p>
|
||
</div>
|
||
<div class="mx-auto flex flex-col-reverse lg:grid max-w-5xl grid-cols-12 gap-4 lg:gap-6">
|
||
<div
|
||
class="col-span-12 flex flex-col justify-between space-y-16 rounded-2xl bg-gray-100 p-6 shadow sm:col-span-6 sm:space-y-0 lg:col-span-4">
|
||
<div>
|
||
<h3 class="pb-2 text-2xl font-semibold text-slate-800">
|
||
اطلاعات تماس
|
||
</h3>
|
||
<p class="text-slate-900">
|
||
از روش‌های زیر می‌توانید با ما در ارتباط باشید.
|
||
</p>
|
||
<p class="text-slate-900 mt-2">
|
||
همه روزه از ساعت ۹ الی ۱۷ پاسخگوی شما هستیم.
|
||
</p>
|
||
</div>
|
||
<div class="space-y-4 font-sans">
|
||
<div class="flex items-center gap-4">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6">
|
||
<rect x="5" y="2" width="14" height="20" rx="2" ry="2">
|
||
</rect>
|
||
<line x1="12" y1="18" x2="12.01" y2="18"></line>
|
||
</svg>
|
||
<a href="tel:02191558184">
|
||
<span class="rtl inline-block align-middle font-vazir-vf text-slate-900">
|
||
۰۲۱-۹۱۵۵۸۱۸۴
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center gap-4">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6">
|
||
<circle cx="12" cy="12" r="4"></circle>
|
||
<path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
|
||
</svg>
|
||
<a href="mailto:info@ahrominvest.net">
|
||
<span class="inline-block align-middle font-vazir-vf text-slate-900">
|
||
info@ahrominvest.ir
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center gap-4">
|
||
<div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black"
|
||
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6">
|
||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||
<circle cx="12" cy="10" r="3"></circle>
|
||
</svg>
|
||
|
||
</div>
|
||
<span class="rtl inline-block align-middle font-vazir-vf text-slate-900">
|
||
البرز، کرج، بلوار بلال، ساختمان پارسیان، طبقه ۴، واحد ۲۲
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="consultationForm"
|
||
class="mt-4 lg:mt-0 col-span-12 grid grid-cols-12 gap-4 sm:col-span-6 lg:col-span-8">
|
||
<input type="hidden" name="_token" value="ZnRTSHIl27iRnnZvNyonWa1QaZQ4xlfrxLPmhhis"> <input
|
||
type="hidden" id="FTF_input" name="FTF" value="1">
|
||
<div class="col-span-12">
|
||
<label for="full_name"
|
||
class="block pb-2 text-sm font-medium text-slate-900 after:text-red-600 after:content-['*']">
|
||
نام و نام خانوادگی
|
||
</label>
|
||
<input wire:model="full_name" x-ref="full_name" id="full_name" type="text" name="full_name"
|
||
class="block w-full rounded-xl border border-slate-300 bg-white p-3 text-sm placeholder-slate-400 shadow-sm focus:border-ahrom focus:outline-none focus:ring-1 focus:ring-ahrom"
|
||
placeholder="نام و نام خانوادگی خود را وارد کنید.">
|
||
</div>
|
||
<div class="col-span-12">
|
||
<label for="phone_number"
|
||
class="block pb-2 text-sm font-medium text-slate-900 after:text-red-600 after:content-['*']">
|
||
شماره تماس
|
||
</label>
|
||
<input wire:model="phone_number" dir="rtl" x-ref="phone_number" id="phone_number"
|
||
type="tel" name="phone_number"
|
||
class="block w-full rounded-xl border border-slate-300 bg-white p-3 text-sm placeholder-slate-400 shadow-sm focus:border-ahrom focus:outline-none focus:ring-1 focus:ring-ahrom"
|
||
placeholder="شماره تماس خود را وارد کنید. "
|
||
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
|
||
min="1" maxlength="11">
|
||
</div>
|
||
<div class="col-span-12">
|
||
<label for="description"
|
||
class="block pb-2 text-sm font-medium text-slate-900 after:text-red-600 after:content-['*']">متن
|
||
پیام
|
||
</label>
|
||
<textarea wire:model="description" x-ref="description" id="description" style="resize: none" name="description"
|
||
placeholder="توضیحات خود را وارد کنید."
|
||
class="block min-h-[10rem] w-full rounded-xl border border-slate-300 bg-white p-3 text-sm placeholder-slate-400 shadow-sm focus:border-ahrom focus:outline-none focus:ring-1 focus:ring-ahrom"></textarea>
|
||
</div>
|
||
<div id="errorCheck" class="text-red-400 p-4 h-7 invisible">
|
||
خطایی پیش آمده
|
||
</div>
|
||
<div class="col-span-12">
|
||
<button @click="checkFormRequest()" id="confirm_opt_button" type="button"
|
||
class="btn w-full bg-ahrom text-white hover:bg-opacity-90 flex justify-center items-center">ارسال</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class=" lg:block hidden relative mx-auto max-w-5xl px-8 lg:px-0 pt-12 pb-24 bg-white">
|
||
<div id="advertise_section" class="px-8">
|
||
<div class="absolute z-10 left-5 bottom-10">
|
||
<img class="w-96" src="https://ahrominvest.ir/page/advertise-2.png" alt="">
|
||
</div>
|
||
<div class="border rounded-xl border-slate-300 w-full h-full ps-16 pe-10 flex justify-between">
|
||
<div class="py-10 flex space-x-reverse space-x-12">
|
||
<div class="border rounded-xl border-slate-300 pt-2 pb-1 px-2 space-y-1">
|
||
<div>
|
||
<img src="https://ahrominvest.ir/page/qr.svg" class="w-28 h-28" alt=""
|
||
srcset="">
|
||
</div>
|
||
<div>
|
||
<p class="text-xs font-black flex justify-center">برای دانلود اسکن کنید!</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col justify-between">
|
||
<div>
|
||
<p class="text-xl font-extrabold">سرمایه‌گذاری اهرم</p>
|
||
<p class="text-lg font-medium">سریع و مطمئن سرمایه‌گذاری کنید.</p>
|
||
</div>
|
||
|
||
<a href="#" class="flex space-x-1 space-x-reverse">
|
||
<div>
|
||
<p class="text-blue-500 text-lg">مشاهده لینک‌های دانلود</p>
|
||
</div>
|
||
<div class="flex items-center justify-center mt-1.5">
|
||
<svg class="w-5 h-5 fill-blue-500" xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 576 512" style="rotate: 90deg">
|
||
<path
|
||
d="M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z">
|
||
</path>
|
||
</svg>
|
||
</div>
|
||
</a>
|
||
|
||
<div class="flex space-x-2 space-x-reverse">
|
||
<div class="flex space-x-1 space-x-reverse">
|
||
<div>
|
||
<svg class="w-4 h-4 fill-slate-300" xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 22.773 22.773">
|
||
<g xmlns="http://www.w3.org/2000/svg">
|
||
<g>
|
||
<path
|
||
d="M15.769,0c0.053,0,0.106,0,0.162,0c0.13,1.606-0.483,2.806-1.228,3.675c-0.731,0.863-1.732,1.7-3.351,1.573 c-0.108-1.583,0.506-2.694,1.25-3.561C13.292,0.879,14.557,0.16,15.769,0z">
|
||
</path>
|
||
<path
|
||
d="M20.67,16.716c0,0.016,0,0.03,0,0.045c-0.455,1.378-1.104,2.559-1.896,3.655c-0.723,0.995-1.609,2.334-3.191,2.334 c-1.367,0-2.275-0.879-3.676-0.903c-1.482-0.024-2.297,0.735-3.652,0.926c-0.155,0-0.31,0-0.462,0 c-0.995-0.144-1.798-0.932-2.383-1.642c-1.725-2.098-3.058-4.808-3.306-8.276c0-0.34,0-0.679,0-1.019 c0.105-2.482,1.311-4.5,2.914-5.478c0.846-0.52,2.009-0.963,3.304-0.765c0.555,0.086,1.122,0.276,1.619,0.464 c0.471,0.181,1.06,0.502,1.618,0.485c0.378-0.011,0.754-0.208,1.135-0.347c1.116-0.403,2.21-0.865,3.652-0.648 c1.733,0.262,2.963,1.032,3.723,2.22c-1.466,0.933-2.625,2.339-2.427,4.74C17.818,14.688,19.086,15.964,20.67,16.716z">
|
||
</path>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
<g>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<svg class="w-5 h-5 fill-slate-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
||
<path
|
||
d="M32 25.333h-32c0.318-2.896 1.328-5.672 2.948-8.094 1.245-1.922 2.911-3.531 4.88-4.708l0.547-0.302-2.693-4.547c-0.198-0.323-0.094-0.74 0.224-0.938 0.318-0.188 0.734-0.083 0.922 0.24l2.771 4.667c2.052-0.818 4.245-1.224 6.453-1.198 2.172-0.026 4.323 0.38 6.333 1.198l2.76-4.667c0.193-0.323 0.615-0.427 0.932-0.224 0.318 0.198 0.411 0.615 0.214 0.932l-2.693 4.562 0.667 0.37c1.958 1.224 3.615 2.87 4.839 4.828 1.531 2.385 2.521 5.073 2.896 7.88zM22 19.359c0 0.74 0.599 1.333 1.333 1.333s1.333-0.594 1.333-1.333c0-0.734-0.599-1.333-1.333-1.333s-1.333 0.599-1.333 1.333zM7.333 19.359c0 0.74 0.599 1.333 1.333 1.333s1.333-0.594 1.333-1.333c0-0.734-0.599-1.333-1.333-1.333s-1.333 0.599-1.333 1.333z">
|
||
</path>"
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<p class=" text-slate-400 text-xs flex items-end">قابلیت نصب روی Android و IOS</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section id="recommend_download_app_section"
|
||
class="fixed bottom-0 z-50 w-full bg-ahrom hidden rounded-t-xl items-center px-4">
|
||
<div class="flex justify-between w-full py-2">
|
||
<a href="#" class="flex space-x-2 space-x-reverse">
|
||
<div>
|
||
<svg class="w-10 h-10 fill-white" xmlns="http://www.w3.org/2000/svg" version="1.0"
|
||
viewBox="0 0 720.000000 720.000000" preserveAspectRatio="xMidYMid meet">
|
||
<g transform="translate(0.000000,720.000000) scale(0.100000,-0.100000)" stroke="none">
|
||
<path
|
||
d="M2790 7139 c-162 -8 -424 -38 -605 -69 -370 -63 -685 -166 -950 -311 -524 -285 -894 -805 -1060 -1489 -42 -174 -87 -508 -116 -865 -17 -206 -23 -1114 -10 -1390 21 -425 72 -851 130 -1090 136 -554 429 -1028 816 -1320 414 -311 1056 -496 1860 -535 271 -13 1209 -13 1480 0 858 41 1511 242 1934 595 378 315 652 805 766 1370 45 223 87 595 105 930 13 241 13 1043 0 1280 -20 368 -66 757 -115 982 -151 687 -529 1232 -1054 1525 -395 219 -950 354 -1596 388 -216 11 -1365 11 -1585 -1z m1023 -3701 l-1448 -1448 -405 0 -405 0 1850 1850 1850 1850 3 -402 2 -403 -1447 -1447z m965 -949 c271 -272 489 -498 486 -502 -10 -9 -1994 -9 -1994 0 0 14 995 1003 1005 1001 6 -2 232 -226 503 -499z">
|
||
</path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<p class="text-white font-extrabold">دانلود اپلیکیشن سرمایه‌گذاری اهرم</p>
|
||
</div>
|
||
</a>
|
||
<div id="recommend_download_app_close_btn" class="flex items-center justify-center">
|
||
<svg class="w-4 h-4 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
||
<path
|
||
d="M378.4 71.4c8.5-10.1 7.2-25.3-2.9-33.8s-25.3-7.2-33.8 2.9L192 218.7 42.4 40.6C33.9 30.4 18.7 29.1 8.6 37.6S-2.9 61.3 5.6 71.4L160.7 256 5.6 440.6c-8.5 10.2-7.2 25.3 2.9 33.8s25.3 7.2 33.8-2.9L192 293.3 341.6 471.4c8.5 10.1 23.7 11.5 33.8 2.9s11.5-23.7 2.9-33.8L223.3 256l155-184.6z">
|
||
</path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
@script
|
||
<script>
|
||
Alpine.data('formCons', () => ({
|
||
status: false,
|
||
status1: false,
|
||
status2: false,
|
||
|
||
init() {
|
||
this.$wire.on('ticket_ok', () => {
|
||
let confirmOtpBtn = document.getElementById('confirm_opt_button');
|
||
confirmOtpBtn.innerHTML = 'ارسال';
|
||
confirmOtpBtn.setAttribute('disabled', false);
|
||
alert(this.$wire.textSuccess);
|
||
});
|
||
},
|
||
|
||
checkFormRequest() {
|
||
if (this.$refs.full_name.value.length <= 0) {
|
||
this.$refs.full_name.classList.add('border', 'border-red-500');
|
||
setTimeout(() => {
|
||
this.$refs.full_name.classList.remove('border', 'border-red-500');
|
||
}, 2000);
|
||
} else {
|
||
this.status = true;
|
||
}
|
||
|
||
if (this.$refs.phone_number.value.length <= 0) {
|
||
this.$refs.phone_number.classList.add('border', 'border-red-500');
|
||
setTimeout(() => {
|
||
this.$refs.phone_number.classList.remove('border', 'border-red-500');
|
||
}, 2000);
|
||
} else {
|
||
this.status1 = true;
|
||
}
|
||
|
||
if (this.$refs.description.value.length <= 0) {
|
||
this.$refs.description.classList.add('border', 'border-red-500');
|
||
setTimeout(() => {
|
||
this.$refs.description.classList.remove('border', 'border-red-500');
|
||
}, 2000);
|
||
} else {
|
||
this.status2 = true;
|
||
}
|
||
|
||
|
||
|
||
if (this.status == true && this.status1 == true && this.status2 == true) {
|
||
let confirmOtpBtn = document.getElementById('confirm_opt_button');
|
||
confirmOtpBtn.innerHTML =
|
||
'<div class="spinner h-6 w-6 animate-spin rounded-full border-[3px] border-white border-r-transparent dark:border-navy-300 dark:border-r-transparent"></div>';
|
||
confirmOtpBtn.setAttribute('disabled', true);
|
||
this.$wire.counselingRequest().then((er) => {
|
||
let confirmOtpBtn = document.getElementById('confirm_opt_button');
|
||
confirmOtpBtn.innerHTML = 'ارسال';
|
||
confirmOtpBtn.setAttribute('disabled', false);
|
||
if (er.status === 'error') {
|
||
var errorCheck = document.getElementById('errorCheck');
|
||
errorCheck.innerHTML = er.message;
|
||
errorCheck.classList.remove('invisible');
|
||
errorCheck.classList.add('text-red-500');
|
||
|
||
setTimeout(() => {
|
||
errorCheck.classList.remove('text-red-500');
|
||
errorCheck.classList.add('invisible');
|
||
errorCheck.innerHTML = '';
|
||
}, 2000);
|
||
|
||
confirmOtpBtn.innerHTML = 'ارسال';
|
||
confirmOtpBtn.removeAttribute('disabled');
|
||
confirmOtpBtn.setAttribute('disabled', false);
|
||
|
||
}
|
||
});
|
||
}
|
||
},
|
||
|
||
}));
|
||
</script>
|
||
@endscript |