@extends('layouts.user-inner')


  @section('content')  

    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
   <!-- Ec breadcrumb start -->
   <div class="sticky-header-next-sec  ec-breadcrumb">
       <div class="container">
           <div class="row">
               <div class="col-12">
                   <div class="row ec_breadcrumb_inner">
                       <div class="col-md-12 col-sm-12">
                           <!-- ec-breadcrumb-list start -->
                           <ul class="ec-breadcrumb-list">
                               <li class="ec-breadcrumb-item"><a href="/">Home</a></li>
                               <li class="ec-breadcrumb-item active">Contact Us</li>
                           </ul>
                           <!-- ec-breadcrumb-list end -->
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <!-- Ec breadcrumb end -->
 <!--  banner Section Start -->
 <section class="section ec-offer-section" style="background-image: url(/frontend/assets/images/banner/contact-banner.png);">
    <h2 class="d-none">Offer</h2>
    <div class="container">
        <div class="row justify-content-start">
            <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center ec-offer-content">
                <h2 class="ec-offer-title">Al Jamal Optics Electronics</h2>
              
                  
            </div>
        </div>
    </div>
</section>
<!-- banner Section End -->
  <!-- Ec Contact Us page -->
  <section class="ec-page-content section-space-p">
    <div class="container">
        <div class="row">
            <div class="ec-common-wrapper">
                <div class="section-title">
                    <h2 class="ec-bg-title">Contact Us</h2>
                    <h2 class="ec-title">Contact Us</h2>
                </div>
                <div class="ec-contact-leftside">
                    <div class="ec-contact-container">
                        <div class="ec-contact-form">
                            <form action="/send-mail" method="post">
                                @csrf
                                <span class="ec-contact-wrap">
                                    <label>Your Name</label>
                                    <input type="text" name="firstname" placeholder="Write your name"
                                        required />
                                </span>
                              
                                <span class="ec-contact-wrap">
                                    <label>Your Email</label>
                                    <input type="email" name="email" placeholder="sample@gmail.com"
                                        required />
                                </span>
                               
                                <span class="ec-contact-wrap">
                                    <label>Message</label>
                                    <textarea name="address"
                                        placeholder="Write here..........."></textarea>
                                </span>
                              
                                <span class="ec-contact-wrap ec-contact-btn">
                                    <button class="btn btn-primary" type="submit">Send&nbsp;<i class="fa fa-long-arrow-right" aria-hidden="true"></i></button>
                                </span>
                            </form>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12 mt-3">
                                    @if($errors->has('fname'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;First Name Required</div>
                                    @elseif($errors->has('lname'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;First Name Required</div>
                                    @elseif($errors->has('email'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;{{ $errors->first('email') }}</div>
                                    @elseif($errors->has('phn'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;The phone number is mandatory and must be 8 characters.</div>
                                    @endif
                                    @if(Session::has('errorcust'))
                                    <div style="" class="alert alert-fail btn-danger">&nbsp;&nbsp;&nbsp;<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>&nbsp;&nbsp;&nbsp;{{ Session::get('errorcust')}}</div>
                                    @endif
                                    @if(Session::has('success'))
                                    <script>
                                        swal("Message Send Successfully!", "We have received you're message. We will get back to you as soon as possible!", "success");
                                    </script>
                                    @endif
                                </div>
                    </div>
                </div>
                <div class="ec-contact-rightside">
                    <div class="ec_contact_map">
                        <div class="ec_contact_info">
                           
                            <ul class="align-items-center">
                                <li class="ec-contact-item"><i class="fa fa-home"
                                        aria-hidden="true"></i><span>Address <br>

                                        </span>No 7, Katherinse Place 3000,
                                        VIC qatar </li>
                                    <li class="ec-contact-item"><i class="fa fa-home"
                                        aria-hidden="true"></i><span>Address <br>

                                        </span>No 7, Katherinse Place 3000,
                                        VIC qatar </li>
                            </ul>
                        </div>
                        <div class="contact-adress inline-block">
                            <a href="tel:+61 420 992 332">+61 420 992 332</a>
                            <a href="mailto:info@afq.com.au">info@afq.com.au</a>
                            <a href="www.afqtech.com.au">www.afqtech.com.au</a>
                        </div>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
</section>

@endsection