@extends('layouts.default1400-page', ['title' => 'تماس با ما'])

@section('meta')
<link rel="stylesheet" href="/css/jquery.fancybox.min.css" />
@endsection

@section('content')


<section class="m-4 lg:flex rounded-lg shadow-lg">


	<div class="p-4 lg:w-1/2 rounded-tr-lg bg-gray-100 text-sm text-justify">

		<strong> شرکت کاسپین طب تریتا </strong>
		<br>
		<br>

		<strong class="flex"> <span><img class="h-4 pl-2" src="/svgs-new1400/location-dot.svg"></span>
			دفتر مرکزی:
		</strong>
		<p class="pr-5">
			تهران، میدان المپیک، بلوار جهاد شمالی، شهرک صدرا، مجتمع تجاری اداری صدف، طبقه همکف، واحد ۱۹

			کدپستی:۱۴۸۵۸۹۹۸۹۶
		</p>
		<br>


		<p class="flex"> <strong class="flex w-32"> <img class="h-4 pl-2" src="/svgs-new1400/store.svg">فروشگاه :  
			</strong> DentOnline.ir </p>


		<br>

		<div class="md:flex items-center">

			<strong class="flex w-32"> <span><img class="h-4 pl-2" src="/svgs-new1400/phone.svg"></span>تلفن :</strong>

			<div class="md:text-left">
				<p>  ۰۲۱۹۱۳۰۳۶۳۶ </p>
			</div>

			( ۱۰ خط ویژه | روزهای کاری ۹ الی ۱۸ )
		</div>
		<br>

		<p class="flex"> <strong class="flex w-32"> <img class="h-4 pl-2" src="/svgs-new1400/whatsapp.svg">واتس
				آپ:     </strong> ۰۲۱۹۱۳۰۳۶۳۶ ( ۷ روز هفته، ۲۴ ساعته ) </p>
		<br>

		<p class="flex"> <strong class="flex w-32"> <img class="h-4 pl-2" src="/svgs-new1400/circle-envelope.svg">ایمیل:
				        </strong>dentonline.ir<span><img class="h-4 px-1" src="/svgs-new1400/at.svg"></span>info</p>
		<br>

		<p class="flex"> <strong class="flex w-32"> <img class="h-4 pl-2" src="/svgs-new1400/telegram.svg">
				تلگرام:     </strong> <a href="http://telegram.me/DentOnline">@DentOnline</a> </p>
		<br>
		<p class="flex"> <strong class="flex w-32"> <img class="h-4 pl-2" src="/svgs-new1400/instagram.svg">
				اینستاگرام:     </strong> <a href="http://www.instagram.com/dent_online/">@dent_online</a> </p>
		<br>

		<iframe class="w-full h-72"
			src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3238.3222681480197!2d51.256845!3d35.742883!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzXCsDQ0JzM0LjQiTiA1McKwMTUnMjQuNiJF!5e0!3m2!1sen!2sde!4v1691926665484!5m2!1sen!2sde"
			style="border:0;" allowfullscreen="" loading="lazy"></iframe>

	</div>
	<div class="p-4 lg:w-1/2 rounded-bl-lg border border-r-0 border-gray-100 text-sm">

		<strong>با ما در ارتباط باشید
		</strong>
		<br>

		@if (session('message'))
		<div class="alert alert-success">
			{{ session('message') }}
		</div>
		@endif

		<form class="w-full max-w-lg mt-4" method="post" id="form_contactus" action="{{ url('/contactus') }}"
			onsubmit="return check();">

			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			@if(isset($id) && isset($code) )
			<input type="hidden" name="id" value="{{  $id }}">
			<input type="hidden" name="code" value="{{ $code }}">
			{!! $errors->first('id', '<span class="error">:message</span>') !!}
			{!! $errors->first('code', '<span class="error">:message</span>') !!}
			@endif

			<div class="flex flex-wrap -mx-3 mb-6">
				<div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
					<label class="block tracking-wide text-gray-700 text-xs font-bold mb-2" for="name">
						نام و نام خانوادگی
					</label>

					<input
						class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white"
						id="name" name="flname" type="text" placeholder="نام و نام خانوادگی">

					@error('flname')
					<span class="text-red-500 text-xs italic">{{ $message }}</span>
					@enderror

				</div>
				<div class="w-full md:w-1/2 px-3">
					<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="phone">
						شماره همراه </label>
					<input
						class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
						id="phone" name="cmobile" type="tel" placeholder="--------091">

					@error('cmobile')
					<span class="text-red-500 text-xs italic">{{ $message }}</span>
					@enderror
				</div>
			</div>

			<div class="flex flex-wrap -mx-3 mb-6">
				<div class="w-full px-3">
					<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="email">
						ایمیل
					</label>
					<input
						class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
						id="email" name="cemail" type="email">

					@error('cemail')
					<span class="text-red-500 text-xs italic">{{ $message }}</span>
					@enderror
				</div>
			</div>

			<div class="flex flex-wrap -mx-3 mb-6">
				<div class="w-full px-3">
					<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="titel">
						عنوان
					</label>
					<input
						class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
						id="titel" name="title" type="text">

					@error('title')
					<span class="text-red-500 text-xs italic">{{ $message }}</span>
					@enderror
				</div>
			</div>



			<div class="flex flex-wrap -mx-3 mb-6">
				<div class="w-full px-3">
					<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="message">
						متن پیام
					</label>
					<textarea
						class="no-resize appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 h-48 resize-none"
						id="message" name="content"></textarea>
					@error('content')
					<span class="text-red-500 text-xs italic">{{ $message }}</span>
					@enderror
				</div>
			</div>

			@error('span_recaptcha')
			<span class="text-red-500 text-xs italic" id="span_recaptcha">{{ $message }}</span>
			@enderror

			<div class="flex justify-end items-center">

				<div class="g-recaptcha" data-sitekey="{{ env('RECAPTCHA_SITE','') }}"></div>



				<button type="submit" class="btn btn-success mx-4"> <span><img class="h-4 pl-2"
							src="/svgs-new1400/paper-plane-white.svg"></span> ارسال پیام </button>


			</div>

			@if(isset($contactus_message))
			<div class="alert {{ $class }}">{{ $contactus_message }}</div>
			@endif

			@if(session('contactus_message'))
			@if(session('contactus_message')!="error")
			<div class="alert {{ session('class') }}">{!!
				session('contactus_message') !!}</div>
			@endif
			@endif

		</form>


	</div>


</section>

@stop

@section('scripts')
<script src='https://www.google.com/recaptcha/api.js'></script>
<script src='/js/contactus.js?v=0.2'></script>

@stop