@use('App\Models\Articles')
@php
  $article = Articles::where('alias', 'contact-us')->where('status', 1)->first();
@endphp

@section('title')
  {{ $article->title ?? 'Contact us' }}
@endsection
@extends('accessskills.welcome')
@section('content')
  <!-- ==========Page Header Section Starts Here========== -->
  <div class="pageheader"
    style="background-image:url({{ isset($article->cover_photo) ? asset($article->cover_photo) : asset('accessskills/assets/images/bg/home1/7.png') }})">
    <div class="container">
      <div class="pageheader__content">
        <h2>Contact Us</h2>
      </div>
    </div>
  </div>
  <!-- ==========Page Header Section Ends Here========== -->
  <!-- ==========cantact Section start Here========== -->
  <div class="conatct padding-top padding-bottom">
    <div class="container">
      <div class="contact__wrapper">
        <div class="row g-5">
          <div class="col-lg-6" data-aos="fade-right" data-aos-duration="800">
            <div class="cotact__details">
              <div class="contact__header">
                <h3>Feel free to write us anytime</h3>
              </div>
              <div class="contact__info">
                <div class="contact__item">
                  <div class="contact__item-thumb">
                    <span><i class="fa-solid fa-location-dot"></i></span>
                  </div>
                  <div class="contact__item-content">
                    <h5>Location</h5>
                    <p class="mb-0">{{ $setting->location }}</p>
                  </div>
                </div>
                <div class="contact__item">
                  <div class="contact__item-thumb">
                    <span><i class="fa-solid fa-phone"></i></span>
                  </div>
                  <div class="contact__item-content">
                    <h5>Contact</h5>
                    <p class="mb-0"><a href="tel:{{ $setting->phone }}">{{ $setting->phone }} /
                        {{ $setting->secondary_phone }}</a></p>
                  </div>
                </div>
                <div class="contact__item">
                  <div class="contact__item-thumb">
                    <span><i class="fa-solid fa-envelope"></i></span>
                  </div>
                  <div class="contact__item-content">
                    <h5>Email</h5>
                    <p class="mb-0"><a href="mailto:{{ $setting->email }}">{{ $setting->email }}</a></p>
                  </div>
                </div>
                <div class="contact__item">
                  <div class="contact__item-thumb">
                    <span><i class="fa-solid fa-clock"></i></span>
                  </div>
                  <div class="contact__item-content">
                    <h5>Hours of operation</h5>
                    <p class="mb-0">{{ $setting->working_days }}: {{ $setting->working_hours }}</p>
                    <p class="mb-0">{{ $setting->leave_days }}: Holiday</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6" data-aos="fade-left" data-aos-duration="800">
            <div class="contact__form">
              <h3>Ready To Get Started?</h3>
              <p>You email address will not be published. Required fields are marked.</p>
              <!-- account form -->
              @include('accessskills.forms.contact-form')
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- ==========cantact Section Ends Here========== -->
  <!--Google Map Start-->
  <section class="google-map google-map-two">
    {!! $setting->google_map !!}
  </section>
  <!--Google Map End-->
@endsection