@extends('Frontend.layout.main')



@section('head')

<title>{{$pageData->meta_title() ?? 'Eldiar'}}</title>
<meta content="{{$pageData->meta_description() ?? 'Eldiar'}}" name="description">
<meta content="{{$pageData->meta_keyword() ?? 'Eldiar'}}" name="keywords">

<meta property="og:title" content="{{$pageData->meta_title() ?? 'Eldiar'}}" />
<meta property="og:description" content="{{ $pageData->meta_description() ?? 'Eldiar' }}" />




<script type="application/ld+json"> 

{ 

  "@context": "https://schema.org", 

  "@type": "LocalBusiness", 

  "name": "Eldiar Furniture & Design", 

  "image": "https://www.eldiar.ae/frontend/assets/images/logo.png", 

  "@id": "", 

  "url": "https://www.eldiar.ae/", 

  "telephone": "+971 2 681 4100", 

  "address": { 

    "@type": "PostalAddress", 

    "streetAddress": "Eldiar Furniture & Design West Corniche Road, Lower Basement Level Marina Mall", 

    "addressLocality": "Abu Dhabi", 

    "postalCode": "109806", 

    "addressCountry": "AE" 

  } , 

  "sameAs": [ 

    "https://www.facebook.com/eldiaruae", 

    "https://www.instagram.com/eldiar_uae/?hl=en" 

  ]  

} 

</script> 








@endsection

@section('content')
@include('Frontend.inc.banners')
	<section class="keepfirst">
	<div class="container">
	<div class="row">
	<ul class="aboutul">
	 
  <li> <a href="{{url('/')}}"> HOME</a> </li> /
	<li>CONTACT US</li> 
	</ul>
	</div>
	</div>
	</section>


	<section class="secnew">
	<div class="container">
<div class="row ">
        <div class="col-md-6 contact-details">
          <h1> {{$pageData->subtitle()}}</h1>
        
          {!! $pageData->content?? '' !!}

        </div>
        <div class="col-md-6 contact-form contactweb">

       
          {!!$pageData->excerpt() ?? '' !!}
              
        @if ($errors->any())
                <div class=”alert alert-danger”>
                    <ul style="color:red;">
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                    </ul>
                </div>
        @endif
        @if (session('success'))
            <div class="col-sm-12" style="color:green;"><br>
               <!--  <div class="alert  alert-success alert-dismissible fade show" role="alert"> -->
                  <b> * {{ session('success') }}</b> 
                  
                        <!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                </div>-->
            </div> 
            <br>    
        @endif
        <form name="contact_form" method="post" action="">
        @csrf

              <div class="form-row">
            <div class="col-md-6 form-group">
              <input type="text" name="name" value="{{old('name')}}"  class="form-control" placeholder="Name"  required>
            </div>
            <div class="col-md-6 form-group">
              <input type="text" name="company" value="{{old('company')}}" required class="form-control" placeholder="Company Name">
            </div>
          </div>
          <div class="form-row">
            <div class="col-md-6 form-group">
              <input type="email" required="" name="email" value="{{old('email')}}" class="form-control" placeholder="Email Address*" >
            </div>
            <div class="col-md-6 form-group"> 
              <input type="number" required="" name="phone" value="{{old('phone')}}" class="form-control" placeholder="Contact Number"     onkeypress="if(this.value.length>16)  return false;" >
            </div>
          </div>
          <div class="form-row">
            <div class="col-md-6 form-group">
            <input type="text" required="" name="country" value="{{old('country')}}" class="form-control" placeholder="Country" >

            </div>
            <div class="col-md-6 form-group">

            <input type="text" required="" name="industry" value="{{old('industry')}}" class="form-control" placeholder="Industry">

            </div>
          </div>
          <div class="form-row">
          <div class="col-md-6 form-group">

            <input type="text" required="" name="city" value="{{old('city')}}" class="form-control" placeholder="City" >

            </div>
            <div class="col-md-6 form-group">
                <select name="subject" class="form-control" value="{{old('subject')}}" title="What would you like to talk to us about?" data-width="100%">
                    <option value="General">General</option>
                    <option value="Enquiry">Enquiry</option>
                    <option value="Suggestions">Suggestions</option>
                    <option value="Others">Others</option>

                    


                </select>
            </div>
          </div>
          <div class="form-row">
              <div class="col-md-12"><textarea class="form-control" required="" rows="5" name="message">{{old('message')}}</textarea></div>
          </div>

          <div class="form-row" style="margin-top:10px">
          <div class="col-md-12">
                    <script src='https://www.google.com/recaptcha/api.js' type="text/javascript"></script>
                    <div id="captchaerrNL" class="ErrorMessage" style="display:none"></div>
                    <div class="g-recaptcha captcha " data-callback="imNotARobot" data-sitekey="{{config('settings.google_recaptcha_key')}}">
                </div>
          </div>
          </div> 

          <div class="form-row">
            <div class="col-md-12">
              <button type="submit" class="contact-detailsa round-btn mt-4 grey-button">SUBMIT NOW</button>
            </div>
          </div>
        </form>
      </div>
    </div>
	</div>
	</section>

 <div class="clearfix"></div>
 <section class="pb-0 mb-0">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d226.95329983025383!2d54.320685420583466!3d24.476696335284917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5e65b9d2591ee3%3A0x1fe3f086c77c7107!2sEldiar%20Furniture%20%26%20Design!5e0!3m2!1sen!2sin!4v1630040932667!5m2!1sen!2sin"
            width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </section>



@endsection