@extends('layouts.main')
@section('title') Contact Us @endsection
@section('content')
<br>
<!--
		=====================================================
			Contact Us
		=====================================================
		-->
		<div class="contact-us border-top mt-130 xl-mt-100 pt-80 lg-pt-60">
			<div class="container">
                <div class="row">
                    <div class="col-xxl-9 col-xl-8 col-lg-10 m-auto">
                        <div class="title-one text-center wow fadeInUp">
                            <h3>Questions? Feel Free to Reach Out Via Message.</h3>
                        </div>
                        <!-- /.title-one -->
                    </div>
                </div>
			</div>
            <div class="address-banner wow fadeInUp mt-60 lg-mt-40">
                <div class="container">
                    <div class="d-flex flex-wrap justify-content-center justify-content-lg-between">
						<div class="block position-relative z-1 mt-25">
							<div class="d-xl-flex align-items-center">
								<div class="icon rounded-circle d-flex align-items-center justify-content-center"><img src="{{ asset('main/images/icon/gmail.svg') }}" alt=""></div>
								<div class="text">
									<p class="fs-22">Gmail</p>
									<a href="https://mail.google.com/mail/?view=cm&fs=1&to=danenakvy@gmail.com" class="tran3s" target="_blank" rel="noopener noreferrer">danenakvy@gmail.com</a>
								</div>
								<!-- /.text -->
							</div>
						</div>
						<!-- /.block -->
						<div class="block position-relative skew-line z-1 mt-25">
							<div class="d-xl-flex align-items-center">
								<div class="icon rounded-circle d-flex align-items-center justify-content-center"><img src="{{ asset('main/images/icon/phone.svg') }}" alt="" ></div>
								<div class="text">
									<p class="fs-22">Phone Number</p>
									<a href="tel:+85516705118" class="tran3s" target="_blank" rel="noopener noreferrer">+855 16 705 118</a>
									{{-- <a href="tel:+85577987711" class="tran3s">&nbsp; +855 77 987 711</a> --}}
								</div>
								<!-- /.text -->
							</div>
						</div>
						<!-- /.block -->
						<div class="block position-relative z-1 mt-25">
							<div class="d-xl-flex align-items-center">
								<div class="icon rounded-circle d-flex align-items-center justify-content-center"><img src="{{ asset('main/images/icon/telegram.svg') }}" alt=""></div>
								<div class="text">
									<p class="fs-22">Telegram</p>
									<a href="https://t.me/danenakvy" class="tran3s" target="_blank" rel="noopener noreferrer">Dane So</a>
								</div>
								<!-- /.text -->
							</div>
						</div>
						<!-- /.block -->
					</div>
                </div>
            </div>
            <!-- /.address-banner -->

            <div class="bg-blue mt-150 xl-mt-120 md-mt-80">
                <div class="row">
                    <div class="col-xl-7 col-lg-6">
                        <div class="form-style-one wow fadeInUp">
                            <form method="post" action="{{ route('main.submit-contact') }}" >
                            	@csrf
                                <h3>Send Message</h3>
                                <div class="messages"></div>
                                <div class="row controls">
                                    <div class="col-12">
                                        <div class="input-group-meta form-group mb-30">
                                            <label for="">Name*</label>
                                            <input type="text" placeholder="Your Name*" name="name" required="required" data-error="Name is required.">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="input-group-meta form-group mb-40">
                                            <label for="">Email*</label>
                                            <input type="email" placeholder="Email Address*" name="email" required="required" data-error="Valid email is required.">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="input-group-meta form-group mb-35">
                                            <textarea placeholder="Your message*" name="message" required="required" data-error="Please,leave us a message."></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-12"><button class="btn-nine text-uppercase rounded-3 fw-normal w-100">Send Message</button></div>
                                </div>
                            </form>
                        </div> <!-- /.form-style-one -->
                    </div>
                    <div class="col-xl-5 col-lg-6 d-flex order-lg-first">
                        <div class="contact-map-banner w-100">
                            <div class="gmap_canvas h-100 w-100">
                                <iframe class="gmap_iframe h-100 w-100" src="https://maps.google.com/maps?width=600&amp;height=400&amp;hl=en&amp;q=Phnom Penh&amp;t=&amp;z=12&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
		<!-- /.contact-us -->

@endsection