@extends('layout.master')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('contact_site_title'),
        'description' => nova_get_setting_translate('contact_site_description'),
        'keywords' => nova_get_setting_translate('contact_site_keywords'),
        'image' => Storage::url(nova_get_setting('logo')),
        'schema' => nova_get_setting('contact_schema')
    ])
@endsection
@section('content')

    <!-- Common Banner Area -->
    <section id="common_banner"
             style="background: url({{ Storage::url(nova_get_setting('contact_banner')) }}) no-repeat center top/cover;"
             title="{{nova_get_setting_translate('contact_site_title')}}"
             role="img"
             aria-label="{{nova_get_setting_translate('contact_site_title')}}">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="common_bannner_text">
                        <h2>Contact</h2>
                        <ul>
                            <li><a href="{{route('home')}}" title="{{__('general.home')}}">{{__('general.home')}}</a></li>
                            <li><span><i class="fas fa-circle"></i></span>{{__('general.contact')}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Area -->
    <section id="contact_main_arae" class="section_padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="section_heading_center">
                        <h2>{{ __('contact.contact_with_us') }}</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="phone_tuch_area">
                        <h3>{{ __('contact.stay_in_touch') }}</h3>
                        <h3><a href="tel:+{{ $settings['site_phone'] ?? '' }}">{{ $settings['site_phone'] ?? '' }}</a></h3>
                    </div>
                </div>
            </div>
            <div class="contact_main_form_area">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2">
                        <div class="section_heading_center">
                            <h2>{{ __('contact.leave_us_your_info') }}</h2>
                        </div>
                        <div class="contact_form">
                            @livewire('contact')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Cta Area -->

@endsection