@extends('layouts.layout')

     @section('content')
         <!-- Breadcrumbs Section Start -->
         <div class="rs-breadcrumbs innerbg5">
             <div class="container">
                 <div class="breadcrumbs-inner text-center">
                     <h1 class="breadcrumbs-title white-color">Contact</h1>
                     <ul class="breadcrumbs-meta">
                         <li><a href="{{url('/')}}">Home</a></li>
                         <li>Contact</li>
                     </ul>
                 </div>
             </div>
         </div>
         <!-- Breadcrumbs Section End -->

         <!-- Contact Inner Sction Start -->
         <div class="rs-contact inner gray-bg pt-120 md-pt-80">
             <div class="container">
                 <div class="row">
                     <div class="col-lg-4 order-last md-mb-30">
                         <div class="contact-sidebar">
                             <div class="image-part">
                                 <img src="{{asset('images/contact/sidebar.jpg')}}" alt="">
                             </div>
                             <div class="content-part">
                                 <h3 class="title">Head Office</h3>
                                 <div class="address-item ml--5 mb-20">
                                     <div class="address-icon">
                                         <i class="icon-basic-smartphone"></i>
                                     </div>
                                     <div class="address-text">
                                         <h5 class="contact-title">Office Phone</h5>
                                         <a href="tel:+0508788273">{{setting('phone','0508788273')}}</a>
                                     </div>
                                 </div>
                                 <div class="address-item ml--5 mb-20">
                                     <div class="address-icon">
                                         <i class="icon-basic-mail-multiple"></i>
                                     </div>
                                     <div class="address-text">
                                         <h5 class="contact-title">Mail Us</h5>
                                         <a href="mailto:{{setting('email','info@alqanuni-advocates.com')}}">{{setting('email','info@alqanuni-advocates.com')}}</a>
                                     </div>
                                 </div>
                                 <div class="address-item ml--5">
                                     <div class="address-icon">
                                         <i class="icon-basic-geolocalize-01"></i>
                                     </div>
                                     <div class="address-text">
                                         <h3 class="contact-title">Address</h3>{{setting('address','
                                         Level 19, Conrad Dubai, Opposite World Trade Center, Sheikh Zayed Road
                                         P. O. Box No. 5610 Dubai – UAE')}}
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                     <div class="col-lg-8 pr-30">
                         <div class="contact-wrap">
                             <div class="sec-title mb-50">
                                 <h2 class="title mb-33">Get In Touch</h2>
                                 <div class="desc">We denounce with righteous indignation and dislike men who are so beguiled perfectly simple. <br> and demoralized by the charms of pleasure of the moment, so blinded by desire.</div>
                             </div>
                             <form class="contact-inner-page" method="POST" action="{{route('contact.store')}}"> @csrf
                                 <div class="row">
                                     <div class="col-md-6">
                                         <input type="text" name="name" placeholder="Your Name" required>
                                         <x-errors.validation-error name="name"/>
                                     </div>
                                     <div class="col-md-6">
                                         <input type="email" name="email" placeholder="Your Email" required>
                                         <x-errors.validation-error name="email"/>
                                     </div>
                                     <div class="col-md-6">
                                         <input type="text" name="phone" placeholder="Your Phone" required>
                                         <x-errors.validation-error name="phone"/>
                                     </div>
                                     <div class="col-md-6">
                                         <input type="text" name="website" placeholder="Your Website">
                                         <x-errors.validation-error name="website"/>
                                     </div>
                                     <div class="col-md-12">
                                         <textarea placeholder="Your Message" required></textarea>
                                         <button type="submit" class="readon upper">Submit Request</button>
                                     </div>
                                 </div>
                             </form>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="g-map mt-120 md-mt-80">
                 <iframe src="https://maps.google.com/maps?q=37.803467%2C%20-122.472369&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed"></iframe>
             </div>
         </div>
         <!-- Contact Inner Sction End -->

     @stop