@extends('front.includes.master')
@if (\App::getLocale() == 'ar')
    <style>
        .page-header,.entry-main-content,.detail-info {
            direction: rtl;
            text-align: right;
        }
        .shart{float: inline-start;}

    </style>
@endif
@section('main-content')
@if(Session::has('success'))
<div class="message-box with-icon sucess">
    <div class="icon-box"><span class="icon fa fa-check"></span></div>
    <p>{{ Session::get('success') }}</p>
    <button class="close-btn"><span class="fa fa-times"></span></button>
</div>
@endif
@if(Session::has('error'))
<div class="message-box with-icon error">
    <div class="icon-box"><span class="icon fa fa-ban"></span></div>
    <p>{{ Session::get('error') }}</p>
    <button class="close-btn"><span class="fa fa-times"></span></button>
</div>
@endif

    <!-- Slider Area -->
    <div class="page-header breadcrumb-wrap">
      <div class="container">
          <div class="breadcrumb">
              <a href="{{route('front')}}" rel="nofollow">{{ __('admin.web.Home') }}</a>
              <span></span> {{ __('admin.web.Contact us') }}
          </div>
      </div>
  </div>
  
  @if(\App::getLocale()=='en') 
        @php
           $title=$contact->content_title_en;
           $descr=$contact->content_details_en;
            
        @endphp                                   
    @else
    @php
         $title=$contact->content_title;
           $descr=$contact->content_details;
    @endphp
    @endif
    <section class="hero-2 bg-green" style="height: fit-content !important;min-height: auto;background:#e4e4e4a1 !important">
        <div class="hero-content">
        <div class="container">
            <div class="text-center">
                <h1 class="mb-20 wow fadeIn animated font-xxl fw-900">
                    {{$title }}
                </h1>                
            </div>
        </div>
    </div>
</section>
<section class="section-border pt-50 pb-50">
    <div class="container">
        <div id='map-panes' class="leaflet-map mb-50">
            <iframe id="gmap_canvas"   style="width: 100%;  height: 100%;"  
            src="https://maps.google.com/maps?q=جوال ستور - خبراء معدات الصيانة ،الرياض السعودية&t=&z=13&ie=UTF8&iwloc=&output=embed"></iframe>

        </div>
        <div class="row">
            <div class="col-md-6 mb-4 mb-md-0 text-center">
                <h4 class="mb-15 text-brand">{{ __('admin.web.Phones') }}</h4>
               
                <span style="font-size: 17px" title="Phone"> <i class="fi-rs-smartphone"></i> {{$contact->phone1}} </span><br>
                <span style="font-size: 17px" title="Phone"> <i class="fi-rs-smartphone"></i> {{$contact->phone2}} </span><br>
            </div>
            <div class="col-md-6 mb-4 mb-md-0 text-center">
                <h4 class="mb-15 text-brand">{{ __('admin.web.Emails') }}</h4>
                <span style="font-size: 17px" title="Phone"> <i class="fi-rs-envelope"></i>  </span> <span>{{$contact->email1}}</span><br>
                <span style="font-size: 17px" title="Phone"> <i class="fi-rs-envelope"></i> </span> <span>{{$contact->email2}}</span><br>
            </div>
            
        </div>
    </div>
</section>
<section class="pt-50 pb-50">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-10 m-auto">
                <div class="contact-from-area padding-20-row-col wow FadeInUp">
                    <h3 class="mb-10 text-center">{{ __('admin.web.Contact us') }}</h3>
                    <form class="contact-form-style text-center" id="contact-form" action="{{route('contact.store')}}" method="post">
                        @csrf

                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="input-style mb-20">
                                    <input class="text-center" name="name" placeholder="{{ __('admin.web.Your name') }}" type="text">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="input-style mb-20">
                                    <input class="text-center"  name="email" placeholder="{{ __('admin.web.Your email') }}" type="email">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="input-style mb-20">
                                    <input class="text-center" name="phone" placeholder="{{ __('admin.web.Your phone') }}" type="tel">
                                </div>
                            </div>
                         
                            <div class="col-lg-12 col-md-12">
                                <div class="textarea-style mb-30">
                                    <textarea  class="text-center" name="message" placeholder="{{ __('admin.web.Your message') }}"></textarea>
                                </div>
                                <button class="submit submit-auto-width" type="submit">{{ __('admin.web.Contact us') }}</button>
                            </div>
                        </div>
                    </form>
                    <p class="form-messege"></p>
                </div>
            </div>
        </div>
    </div>
</section>


 @endsection