@php
    $singleWidgetData = [];
    if (!empty($singleWidgetDataShow)) {
        $singleWidgetData = $singleWidgetDataShow->getTranslation('widget_content');

        if (!isset($singleWidgetData['is_footer_social'])) {
            $singleWidgetData['is_footer_social'] = 'on';
        }
    }
@endphp

<div class="contact-us-section mb-80">
    <div class="container">
        @if (!empty($singleWidgetData['main_title']))
            <div class="row align-items-center justify-content-between flex-wrap wow animate fadeInDown"
                data-wow-delay="200ms" data-wow-duration="1500ms">
                <div class="col-lg-12 mb-30">
                    <div class="section-title home3-section-title">
                        <h3>{{ $singleWidgetData['main_title'] }}</h3>
                    </div>
                </div>
            </div>
        @endif
        <div class="row gy-4">
            <div class="col-xl-7">
                <div class="inquiry-form contact-inquiry">
                    @if (!empty($singleWidgetData['contact_f_title']))
                        <div class="title">
                            <h4>{{ $singleWidgetData['contact_f_title'] }}</h4>
                        </div>
                    @endif
                    <form method="post" class="profile-form" action="{{ route('contact') }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-inner mb-25">
                                    <div class="input-area">
                                        <input type="text" class="@error('name') is-invalid @enderror" required
                                            id="name" name="name" placeholder="{{ translate('Name') }}*">
                                    </div>
                                    @error('name')
                                        <span class="text-danger"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-inner mb-25">
                                    <div class="input-area">
                                        <input type="email" class="@error('email') is-invalid @enderror" required
                                            id="email" name="email" placeholder="{{ translate('Email') }}*">
                                    </div>
                                    @error('email')
                                        <span class="text-danger"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-inner mb-25">
                                    <div class="input-area">
                                        <input type="text" class="@error('phone') is-invalid @enderror" required
                                            id="phone" name="phone" placeholder="{{ translate('Phone') }}*">
                                    </div>
                                    @error('phone')
                                        <span class="text-danger"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-inner mb-25">
                                    <div class="input-area">
                                        <input type="text" id="company_name" name="company_name" required
                                            placeholder="{{ translate('Company Name') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-inner mb-40">
                                    <textarea rows="5" class="@error('message') is-invalid @enderror" name="message" required id="message"
                                        placeholder="{{ translate('Message') }}*"></textarea>
                                    @error('message')
                                        <span class="text-danger"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-inner">
                                    <button class="primary-btn-2"
                                        type="submit">{{ translate('Send Message') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-xl-5">
                <div class="contact-info">
                    @if (!empty($singleWidgetData['addr_title']))
                        <h5>{{ $singleWidgetData['addr_title'] }}</h5>
                    @endif
                    <ul>
                        <li>
                            <div class="icon">
                                <svg width="16" height="17" viewBox="0 0 16 17"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_445_4850)">
                                        <path
                                            d="M8.00032 0.972656C4.74121 0.972656 2.08984 3.61307 2.08984 6.85871C2.08984 7.9272 2.57103 9.07636 2.59119 9.12484C2.7466 9.4922 3.05325 10.0628 3.27437 10.3973L7.32687 16.5122C7.49271 16.7629 7.73817 16.9065 8.00032 16.9065C8.26246 16.9065 8.50792 16.7629 8.67376 16.5125L12.7266 10.3973C12.9481 10.0628 13.2544 9.4922 13.4098 9.12484C13.43 9.07671 13.9108 7.92754 13.9108 6.85871C13.9108 3.61307 11.2594 0.972656 8.00032 0.972656ZM12.7687 8.85615C12.63 9.18543 12.3445 9.71621 12.146 10.0161L8.09315 16.1313C8.01318 16.2521 7.9878 16.2521 7.90784 16.1313L3.85499 10.0161C3.65647 9.71621 3.37103 9.18508 3.2323 8.85581C3.22639 8.84161 2.78519 7.78385 2.78519 6.85871C2.78519 3.99497 5.1247 1.66513 8.00032 1.66513C10.8759 1.66513 13.2154 3.99497 13.2154 6.85871C13.2154 7.78524 12.7732 8.84577 12.7687 8.85615Z" />
                                        <path
                                            d="M8.00017 3.74609C6.27466 3.74609 4.87109 5.1442 4.87109 6.86224C4.87109 8.58027 6.27466 9.97838 8.00017 9.97838C9.72568 9.97838 11.1292 8.58027 11.1292 6.86224C11.1292 5.1442 9.72568 3.74609 8.00017 3.74609ZM8.00017 9.28591C6.65849 9.28591 5.56644 8.19872 5.56644 6.86224C5.56644 5.52576 6.65849 4.43857 8.00017 4.43857C9.34185 4.43857 10.4339 5.52576 10.4339 6.86224C10.4339 8.19872 9.34185 9.28591 8.00017 9.28591Z" />
                                    </g>
                                </svg>
                            </div>
                            @if (!empty($singleWidgetData['office_location']))
                                <div class="content">
                                    <a href="{{ url('/contact') }}">{{ $singleWidgetData['office_location'] }}</a>
                                </div>
                            @endif
                        </li>
                        <li>
                            <div class="icon">
                                <svg width="16" height="16" viewBox="0 0 16 16"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M12.4429 9.82964C12.1296 9.5034 11.7517 9.32898 11.3511 9.32898C10.9538 9.32898 10.5727 9.50017 10.2464 9.82641L9.22572 10.8439C9.14174 10.7987 9.05776 10.7567 8.97701 10.7147C8.86073 10.6565 8.7509 10.6016 8.65723 10.5435C7.70112 9.93623 6.83223 9.14486 5.99887 8.12092C5.59511 7.61057 5.32378 7.18097 5.12674 6.74491C5.39161 6.50265 5.6371 6.2507 5.87612 6.00845C5.96657 5.918 6.05701 5.82433 6.14745 5.73389C6.82577 5.05557 6.82577 4.17699 6.14745 3.49867L5.26564 2.61685C5.16551 2.51672 5.06214 2.41336 4.96524 2.30999C4.77143 2.10973 4.56794 1.903 4.35798 1.7092C4.04467 1.39911 3.66997 1.23438 3.2759 1.23438C2.88183 1.23438 2.50068 1.39911 2.17767 1.7092C2.17444 1.71243 2.17444 1.71243 2.17121 1.71566L1.07298 2.82358C0.659534 3.23703 0.423737 3.74092 0.372056 4.32557C0.294534 5.26876 0.572321 6.14734 0.785507 6.7223C1.30878 8.13384 2.09046 9.44203 3.25652 10.8439C4.6713 12.5332 6.37356 13.8673 8.31807 14.8072C9.06099 15.1593 10.0526 15.576 11.1605 15.647C11.2284 15.6503 11.2994 15.6535 11.364 15.6535C12.1102 15.6535 12.7368 15.3854 13.2278 14.8524C13.231 14.846 13.2375 14.8427 13.2407 14.8363C13.4087 14.6328 13.6025 14.4487 13.806 14.2516C13.9449 14.1192 14.087 13.9803 14.2259 13.835C14.5457 13.5023 14.7136 13.1146 14.7136 12.7173C14.7136 12.3168 14.5424 11.9324 14.2162 11.6094L12.4429 9.82964ZM13.5993 13.2309C13.596 13.2309 13.596 13.2342 13.5993 13.2309C13.4733 13.3666 13.3441 13.4893 13.2052 13.625C12.9952 13.8253 12.7821 14.0352 12.5818 14.271C12.2555 14.6199 11.8712 14.7846 11.3673 14.7846C11.3188 14.7846 11.2671 14.7846 11.2187 14.7814C10.2594 14.72 9.36785 14.3453 8.69922 14.0255C6.87099 13.1405 5.26564 11.884 3.93161 10.2915C2.83015 8.96398 2.09369 7.73654 1.60595 6.41867C1.30555 5.61438 1.19573 4.98774 1.24418 4.39663C1.27648 4.01871 1.42183 3.70539 1.68993 3.4373L2.79139 2.33584C2.94967 2.18725 3.11763 2.1065 3.28236 2.1065C3.48586 2.1065 3.65059 2.22924 3.75396 2.33261C3.75719 2.33584 3.76042 2.33907 3.76365 2.3423C3.96068 2.52641 4.14803 2.71699 4.34506 2.92048C4.4452 3.02384 4.54856 3.12721 4.65192 3.2338L5.53374 4.11561C5.87612 4.458 5.87612 4.77455 5.53374 5.11694C5.44006 5.21061 5.34962 5.30429 5.25595 5.39473C4.98462 5.67252 4.72621 5.93092 4.4452 6.18287C4.43874 6.18933 4.43228 6.19256 4.42905 6.19902C4.15126 6.47681 4.20294 6.74814 4.26108 6.93225C4.26431 6.94194 4.26754 6.95163 4.27077 6.96132C4.50011 7.5169 4.82312 8.04017 5.31409 8.66358L5.31732 8.66681C6.20882 9.76504 7.14878 10.621 8.18564 11.2767C8.31807 11.3607 8.45373 11.4285 8.58294 11.4931C8.69922 11.5513 8.80904 11.6062 8.90272 11.6643C8.91564 11.6708 8.92856 11.6805 8.94148 11.6869C9.0513 11.7419 9.15466 11.7677 9.26126 11.7677C9.52935 11.7677 9.69732 11.5997 9.75223 11.5448L10.8569 10.4401C10.9667 10.3303 11.1412 10.1979 11.3447 10.1979C11.5449 10.1979 11.7097 10.3238 11.8098 10.4337C11.813 10.4369 11.813 10.4369 11.8163 10.4401L13.596 12.2199C13.9287 12.5494 13.9287 12.8885 13.5993 13.2309Z" />
                                    <path
                                        d="M8.61711 3.99395C9.4634 4.13607 10.2322 4.5366 10.8459 5.15032C11.4596 5.76404 11.8569 6.5328 12.0022 7.37908C12.0378 7.59226 12.2219 7.74085 12.4318 7.74085C12.4577 7.74085 12.4803 7.73762 12.5061 7.73439C12.7452 7.69563 12.9034 7.46952 12.8647 7.2305C12.6903 6.20656 12.2057 5.27306 11.466 4.53337C10.7264 3.79368 9.79286 3.30917 8.76893 3.13474C8.5299 3.09598 8.30702 3.25426 8.26503 3.49005C8.22304 3.72585 8.37809 3.95519 8.61711 3.99395Z" />
                                    <path
                                        d="M15.6342 7.10263C15.3467 5.41653 14.5521 3.88223 13.3312 2.66126C12.1102 1.44029 10.5759 0.645688 8.8898 0.35821C8.654 0.316219 8.43113 0.477724 8.38914 0.71352C8.35037 0.952546 8.50865 1.17542 8.74768 1.21741C10.2529 1.47259 11.6257 2.18644 12.7175 3.27498C13.8092 4.36675 14.5198 5.73953 14.775 7.24475C14.8105 7.45794 14.9947 7.60652 15.2046 7.60652C15.2305 7.60652 15.2531 7.60329 15.2789 7.60006C15.5147 7.56453 15.6762 7.33843 15.6342 7.10263Z" />
                                </svg>
                            </div>
                            <div class="content">
                                @if (!empty($singleWidgetData['phone_one']))
                                    <a
                                        href="tel:{{ str_replace([' ', '-'], '', $singleWidgetData['phone_one']) }}">{{ $singleWidgetData['phone_one'] }}</a>
                                @endif
                                @if (!empty($singleWidgetData['phone_two']))
                                    <a
                                        href="tel:{{ str_replace([' ', '-'], '', $singleWidgetData['phone_two']) }}">{{ $singleWidgetData['phone_two'] }}</a>
                                @endif
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <svg width="14" height="12" viewBox="0 0 14 12"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M12.8994 2.61816C12.8994 1.98041 12.4092 1.50023 11.8496 1.5H2.5498C1.99004 1.50005 1.5 1.98029 1.5 2.61816V9.08984C1.50001 9.72771 1.99005 10.208 2.5498 10.208H11.8496C12.4092 10.2078 12.8994 9.72759 12.8994 9.08984V2.61816ZM11.9434 1.80859C12.1672 1.64684 12.4798 1.69709 12.6416 1.9209C12.8033 2.14471 12.7531 2.4574 12.5293 2.61914L7.93359 5.94043C7.5209 6.23869 6.97868 6.25709 6.5498 5.99609L6.46582 5.94043L1.86914 2.61914L1.79395 2.55176C1.6365 2.38062 1.61552 2.11678 1.75684 1.9209C1.89831 1.72514 2.15526 1.66231 2.36719 1.75781L2.45508 1.80859L7.05176 5.12988L7.12305 5.16699C7.19789 5.19151 7.27976 5.17891 7.34766 5.12988L11.9434 1.80859ZM13.8994 9.08984C13.8994 10.2389 13.0016 11.2078 11.8496 11.208H2.5498C1.39769 11.208 0.500009 10.2391 0.5 9.08984V2.61816C0.5 1.46895 1.39768 0.500046 2.5498 0.5H11.8496C13.0016 0.500227 13.8994 1.46905 13.8994 2.61816V9.08984Z" />
                                </svg>
                            </div>
                            <div class="content">
                                @if (!empty($singleWidgetData['email_one']))
                                    <a
                                        href="mailto:{{ $singleWidgetData['email_one'] }}">{{ $singleWidgetData['email_one'] }}</a>
                                @endif
                                @if (!empty($singleWidgetData['email_two']))
                                    <a
                                        href="mailto:{{ $singleWidgetData['email_two'] }}">{{ $singleWidgetData['email_two'] }}</a>
                                @endif
                            </div>
                        </li>
                    </ul>
                    @if (!empty($singleWidgetData['support_title']))
                        <h5>{{ $singleWidgetData['support_title'] }}</h5>
                    @endif
                    <div class="service-available">
                        @if (!empty($singleWidgetData['support_time']))
                            <p>{{ $singleWidgetData['support_time'] }}</p>
                        @endif
                        @if (!empty($singleWidgetData['note_text']))
                            <span>{{ $singleWidgetData['note_text'] }}</span>
                        @endif
                    </div>
                </div>
                @if (isset($singleWidgetData['is_footer_social']) && $singleWidgetData['is_footer_social'] == 'on')
                    <div class="social-area">
                        <h5>{{ translate('Share Links') }}: </h5>                     
                        @include('front.layouts.includes.social-area')
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>