@extends('layouts.landing.app')
@section('contact','active')
@section('title',translate('messages.contact_us'))

@section('content')


        <!-- Page Header Gap -->
        <div class="h-148px"></div>
        <!-- Page Header Gap -->

        <!-- ======= Contact Section ======= -->
        <section class="contact-section">
            <div class="container">
                <div class="section-wrapper">
                    <div class="section-wrapper-inner">
                        <div class="section-header text-center">
                            <h2 class="title"> <span class="text-base">{{translate('messages.contact_us')}}</span></h2>
                        </div>
                        <div class="row g-4 gy-5 justify-content-center">
                            <div class="col-lg-4 col-md-10">
                                <div class="contact-item">
                                    <div class="contact-item-icon">
                                        <svg width="30" height="30" viewBox="0 0 30 30" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.625 3.75C5.625 2.75544 6.02009 1.80161 6.72335 1.09835C7.42661 0.395088 8.38044 0 9.375 0L20.625 0C21.6196 0 22.5734 0.395088 23.2766 1.09835C23.9799 1.80161 24.375 2.75544 24.375 3.75V26.25C24.375 27.2446 23.9799 28.1984 23.2766 28.9016C22.5734 29.6049 21.6196 30 20.625 30H9.375C8.38044 30 7.42661 29.6049 6.72335 28.9016C6.02009 28.1984 5.625 27.2446 5.625 26.25V3.75ZM16.875 24.375C16.875 23.8777 16.6775 23.4008 16.3258 23.0492C15.9742 22.6975 15.4973 22.5 15 22.5C14.5027 22.5 14.0258 22.6975 13.6742 23.0492C13.3225 23.4008 13.125 23.8777 13.125 24.375C13.125 24.8723 13.3225 25.3492 13.6742 25.7008C14.0258 26.0525 14.5027 26.25 15 26.25C15.4973 26.25 15.9742 26.0525 16.3258 25.7008C16.6775 25.3492 16.875 24.8723 16.875 24.375Z"
                                                fill="white" />
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <h5 class="name">{{translate('messages.Call_us')}}</h5>
                                        <a href="tel:{{\App\CentralLogics\Helpers::get_business_settings('phone')}}" class="info text-base">{{\App\CentralLogics\Helpers::get_business_settings('phone')}}</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-10">
                                <div class="contact-item">
                                    <div class="contact-item-icon">
                                        <svg width="24" height="20" viewBox="0 0 24 20" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M4.5 0.625C3.50544 0.625 2.55161 1.02009 1.84835 1.72335C1.14509 2.42661 0.75 3.38044 0.75 4.375V4.75188L12 10.81L23.25 4.75375V4.375C23.25 3.38044 22.8549 2.42661 22.1516 1.72335C21.4484 1.02009 20.4946 0.625 19.5 0.625H4.5ZM23.25 6.88188L12.4444 12.7C12.3078 12.7735 12.1551 12.812 12 12.812C11.8449 12.812 11.6922 12.7735 11.5556 12.7L0.75 6.88188V15.625C0.75 16.6196 1.14509 17.5734 1.84835 18.2766C2.55161 18.9799 3.50544 19.375 4.5 19.375H19.5C20.4946 19.375 21.4484 18.9799 22.1516 18.2766C22.8549 17.5734 23.25 16.6196 23.25 15.625V6.88188Z"
                                                fill="white" />
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <h5 class="name">{{translate('messages.mail_us')}}</h5>
                                        <a href="mailto:{{\App\CentralLogics\Helpers::get_business_settings('email_address')}}" class="info text-base">{{\App\CentralLogics\Helpers::get_business_settings('email_address')}}</a>
                                    </div>
                                </div>
                            </div>
                            @php( $default_location = \App\CentralLogics\Helpers::get_business_settings('default_location'))

                            <div class="col-lg-4 col-md-10">
                                <div class="contact-item">
                                    <div class="contact-item-icon">
                                        <svg width="30" height="30" viewBox="0 0 30 30" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <g clip-path="url(#clip0_3_6812)">
                                                <path
                                                    d="M29.0506 27.153L27 21H24.7501L25.9995 27H4.00055L5.25005 21H3.00005L0.948052 27.153C0.427552 28.719 1.35005 30 3.00005 30H27C28.65 30 29.5725 28.719 29.0506 27.153ZM22.5001 7.5C22.5001 5.51088 21.7099 3.60322 20.3034 2.1967C18.8968 0.790176 16.9892 0 15.0001 0C13.0109 0 11.1033 0.790176 9.69675 2.1967C8.29023 3.60322 7.50005 5.51088 7.50005 7.5C7.50005 14.6625 15.0001 22.5 15.0001 22.5C15.0001 22.5 22.5001 14.6625 22.5001 7.5ZM10.9501 7.59C10.9501 7.05822 11.0548 6.53164 11.2584 6.04036C11.4619 5.54908 11.7603 5.10271 12.1364 4.72675C12.5125 4.35079 12.9589 4.05261 13.4503 3.84924C13.9417 3.64588 14.4683 3.5413 15.0001 3.5415C16.074 3.5415 17.1039 3.96812 17.8633 4.7275C18.6227 5.48688 19.0493 6.51682 19.0493 7.59075C19.0493 8.66468 18.6227 9.69462 17.8633 10.454C17.1039 11.2134 16.074 11.64 15.0001 11.64C13.9259 11.64 12.8958 11.2133 12.1363 10.4538C11.3767 9.69426 10.9501 8.66413 10.9501 7.59Z"
                                                    fill="white" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_3_6812">
                                                    <rect width="30" height="30" fill="white" />
                                                </clipPath>
                                            </defs>
                                        </svg>

                                    </div>
                                    <div class="content">
                                        <h5 class="name">{{translate('messages.find_us')}}</h5>
                                        <a href="http://maps.google.com/maps?z=12&t=m&q=loc:{{ isset($default_location['lat']) ? $default_location['lat'] : '0' }}+{{ isset($default_location['lng']) ? $default_location['lng'] : '0' }}" target="_blank"
                                        class="info text-base">{{\App\CentralLogics\Helpers::get_business_settings('address')}}
                                    </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pt-80">
                            <div class="row justify-content-center g-4">
                                <div class="col-lg-6 col-md-10">
                                    <form action="{{  route('contact-us') }}"  method="post" id="contact-form-id">
                                        @csrf
                                        <div class="row g-4">
                                            <div class="col-lg-12">
                                                <label class="d-block mb-2">
                                                    {{ translate('messages.Type_here') }}
                                                </label>
                                                <input type="text" required name="name" class="form-control form--control" placeholder="{{ translate('Name')  }}">
                                            </div>
                                            <div class="col-lg-12">
                                                <input type="email" required name="email" class="form-control form--control"
                                                    placeholder="{{ translate('Email Address')  }}">
                                            </div>
                                            <div class="col-lg-12">
                                                <textarea class="form-control form--control"
                                                  required name="message" placeholder="{{ translate('Type your message here')  }}"></textarea>
                                            </div>
                                            <div class="col-lg-12">
                                                @php($recaptcha = \App\CentralLogics\Helpers::get_business_settings('recaptcha'))
                                                @if(isset($recaptcha) && $recaptcha['status'] == 1)
                                                    <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">

                                                    <input type="hidden" name="set_default_captcha" id="set_default_captcha_value" value="0" >
                                                    <div class="row p-2 d-none" id="reload-captcha">
                                                        <div class="col-6 pr-0">
                                                            <input type="text" class="form-control form-control-lg border-0" name="custome_recaptcha"
                                                                   id="custome_recaptcha" required placeholder="{{translate('Enter recaptcha value')}}" autocomplete="off" value="{{env('APP_MODE')=='dev'? session('six_captcha'):''}}">
                                                        </div>
                                                        <div class="col-6 bg-white rounded d-flex">
                                                            <img src="