@extends('site.layouts.app', ['seoModel' => $contact])

@section('content')
<div class="page-wrapper content-wrapper page-contact">
    @include('site._includes.mini-banner', [
        'image_url'         => $contact->banner_desktop,
        'tablet_image'      => $contact->banner_tablet,
        'mobile_image_url'  => $contact->banner_mobile,
        'sub'               => !empty($contact->text) ? $contact->text : '',
        'title'             => !empty($contact->title) ? $contact->title : '',
    ])

    <section class="contact">
        <div class="container">
            <div class="contact__form">
                <p>{{ $contact->title_form }}</p>

                <livewire:contact-form/>
            </div>

            <div class="contact__faq">
                @if ($contact->info_link_text || $contact->text_link || $contact->link)
                    <div class="faq">
                        <i class="fab fa-whatsapp"></i>

                        <div class="faq__description">
                            <p>{{ $contact->info_link_text }}</p>

                            <a href="{{ $contact->link }}" @if($contact->open_in_new_tab) target="_blank" rel="noopener noreferrer" @endif>
                                {{ $contact->text_link }}
                            </a>
                        </div>
                    </div>
                @endif

                @if($contact->image)
                    <img src="{{ asset("storage/{$contact->image}") }}" alt="{{ strip_tags($contact->title) }}">
                @endif
            </div>
        </div>
    </section>
</div>
@endsection