@extends('master_layout')


@section('title')
    <title>{{ $seo_setting->seo_title }}</title>
    <meta name="title" content="{{ $seo_setting->seo_title }}">
    <meta name="description" content="{!! strip_tags(clean($seo_setting->seo_description)) !!}">
@endsection

@section('new-layout')

    <!-- Main Start -->
    <div class="optech-breadcrumb"
        style="background-image: url({{ asset($general_setting->breadcrumb_image) }})">
        <div class="container">
            <h1 class="post__title">{{ __('translate.Contact Us') }}</h1>
            <nav class="breadcrumbs">
                <ul>
                    <li><a href="{{ route('home') }}">{{ __('translate.Home') }}</a></li>
                    <li aria-current="page"> {{ __('translate.Contact Us') }}</li>
                </ul>
            </nav>

        </div>
    </div>
    <!-- End breadcrumb -->

    <div class="section optech-section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 d-flex align-items-center">
                    <div class="optech-default-content mr40">
                        <h2>{{ $contact_us->title }}</h2>
                        <p>{{ $contact_us->description }}</p>
                        <div class="optech-contact-info-column">
                            <div class="optech-contact-info">
                                <i class="ri-map-pin-2-fill"></i>
                                <h5>{{ __('translate.Address') }}</h5>
                                <p> {{ Str::limit($contact_us->address, 20) }} </p>
                            </div>
                            <div class="optech-contact-info">
                                <i class="ri-mail-fill"></i>
                                <h5>{{ __('translate.Contact') }}</h5>
                                <a href="mailto:{{ $contact_us->email }}">{{ $contact_us->email }}</a>
                                <a href="tel:{{ $contact_us->phone }}">{{ $contact_us->phone }}</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="optech-main-form bg-light1 ml60" data-aos="fade-up" data-aos-duration="800">

                        @include('frontend.templates.layouts.contact_form')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End section -->

    <div class="optech-map-page">
        <iframe
        src="{{ html_decode($contact_us->map_code) }}"
        allowfullscreen=""
        width="100%"
        height="650"
        class="map-radius"
        loading="lazy"
        referrerpolicy="no-referrer-when-downgrade"
      ></iframe>
    </div>

@endsection

@push('js_section')
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endpush