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

@section('content')

<div class="page-wrapper content-wrapper page-contact">
    @include('site._includes.mini-banner', [
        'banner_desktop'    => $contact->banner_desktop,
        'banner_mobile'     => $contact->banner_mobile,
        'title'             => $contact->banner_title,
    ])

    <section class="default-form contact">
        <div class="container">
            <div class="contact__grid">
                <div class="contact__content">
                    <div class="contact__title">
                        <div class="title">
                            <h2>{{ $contact->title_form }}</h2>
                        </div>
                    </div>

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

                <div class="contact__side">
                    @if (!empty($contact->contacts))
                        <div class="contact__items">
                            @foreach ($contact->contacts as $item)
                                <a href="{{ $item['link'] }}" target="{{ $item['target'] }}" rel="noopener noreferer" class="contact__item">
                                    <div class="contact__icon">
                                        @if ($item['icon'])
                                            <img src="{{ asset("storage/{$item['icon']}") ?? "" }}" alt="{{ $item['title'] }}">
                                        @endif
                                    </div>

                                    <div class="item__description">
                                        <h4>{{ $item['title'] }}</h4>
                                        <p>{{ $item['subtitle'] }}</p>
                                    </div>
                                </a>
                            @endforeach
                        </div>
                    @endif

                    @if (!empty($contact->link_map))
                        <div data-aos="flip-up" class="contact__map">
                            <iframe
                                src="{{ $contact->link_map }}"
                                style="border:0;"
                                allowfullscreen=""
                                loading="lazy"
                                referrerpolicy="no-referrer-when-downgrade"
                                >
                            </iframe>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
</div>

@endsection