@extends('layouts.app')

@section('content')

  <!-- hero section start -->
  <section class="hero_wrapper hero-3 bg-center bg-cover" style="background-image: url({{ $settings->hero_contact_image ? asset('storage/'.$settings->hero_contact_image) : asset('assets/img/home_01/images/5.png') }})">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-8">
          <div class="hero-contents">
            <h1 class="text-white wow fadeInLeft" data-wow-duration="1.3s">{{ __('nav.contact') }}</h1>
            <span class="wow fadeInLeft" data-wow-duration="1.3s">
              <a href="{{ route('home', app()->getLocale()) }}">{{ __('nav.home') }}</a> <i class="far fa-level-up-alt"></i>
              <a href="{{ route('contact', app()->getLocale()) }}">{{ __('nav.contact') }}</a>
            </span>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- hero section end -->

  <!-- Touch section start -->
  <section class="touch_wrapper section-padding">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <div class="single_touch_items touch_items-1 wow fadeInLeft" data-wow-duration="1s">
            <div class="section-title">
              <h6 class="text-uppercase"><img src="{{ asset('assets/img/home_01/bage_head.svg') }}" alt />{{ __('site.get_in_touch') }}</h6>
              <h2>{{ __('site.get_in_touch') }}</h2>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="row">
            @if ($settings->address())
              <div class="col-md-6">
                <div class="single_touch_items wow fadeInUp" data-wow-duration="1s">
                  <h5><i class="fal fa-map-marker-alt"></i> {{ __('site.head_office') }}</h5>
                  <p>{{ $settings->address() }}</p>
                </div>
              </div>
            @endif
            @if ($settings->businessHours())
              <div class="col-md-6">
                <div class="single_touch_items wow fadeInUp" data-wow-duration="1.5s">
                  <h5><i class="far fa-clock"></i> {{ __('site.head_office') }}</h5>
                  <p>{{ $settings->businessHours() }}</p>
                </div>
              </div>
            @endif
            @if ($settings->phone_1)
              <div class="col-md-6">
                <div class="single_touch_items wow fadeInUp" data-wow-duration="1s">
                  <h5><i class="icon-phone"></i> {{ __('site.phone') }}</h5>
                  <a href="tel:{{ $settings->phone_1 }}" style="direction: ltr;">{{ $settings->phone_1 }}</a>
                  @if ($settings->phone_2)<a href="tel:{{ $settings->phone_2 }}" style="direction: ltr;">{{ $settings->phone_2 }}</a>@endif
                </div>
              </div>
            @endif
            @if ($settings->email)
              <div class="col-md-6">
                <div class="single_touch_items wow fadeInUp" data-wow-duration="1.5s">
                  <h5><i class="fal fa-envelope"></i> {{ __('site.email') }}</h5>
                  <a href="mailto:{{ $settings->email }}">{{ $settings->email }}</a>
                </div>
              </div>
            @endif
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Touch section end -->

  <!-- contact section start -->
  <section class="contact_wrapper bg-center bg-cover" style="background-image: url({{ asset('assets/img/home_01/bg_4.svg') }})">
    <div class="container-fluid">
      <div class="row align-items-center">
        <div class="col-lg-6 mb-4 mb-lg-0">
          <div class="contact_form wow fadeInLeft" data-wow-duration="1s">
            <div class="section-title">
              <h6><img src="{{ asset('assets/img/home_01/bage_head.svg') }}" alt />{{ __('site.contact_badge') }}</h6>
              <h2>{{ __('site.schedule_consultation') }}</h2>
            </div>

            <!-- <div class="single_touch_items">
              <h5><i class="icon-phone"></i> {{ __('site.phone') }}</h5>
              @if ($settings->phone_1)<a href="tel:{{ $settings->phone_1 }}">{{ $settings->phone_1 }}</a>@endif
              @if ($settings->phone_2)<a href="tel:{{ $settings->phone_2 }}">{{ $settings->phone_2 }}</a>@endif
            </div>
            @if ($settings->email)
              <div class="single_touch_items">
                <h5><i class="fal fa-envelope"></i> {{ __('site.email') }}</h5>
                <a href="mailto:{{ $settings->email }}">{{ $settings->email }}</a>
              </div>
            @endif -->

            @include('partials.contact-form')
          </div>
        </div>
        <div class="col-lg-6 pe-lg-0 pe-3">
          <div class="map wow fadeInRight" data-wow-duration="1s">
            @if ($settings->map_embed_url)
              <iframe src="{{ $settings->map_embed_url }}" style="border: 0" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            @endif
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- contact section end -->

@endsection