@extends('frontend.layouts.main')

@section('content')
    <div class="climate-week" data-controller="pages/climate-week" data-markers="{{ json_encode($events) }}">
        <div data-aos="simplefade">
            @include('frontend.templates.components.default_page_header')
        </div>
        <div class="climate-week__line">
            <div>
                <div class="climate-week__vertical-line"></div>
            </div>
        </div>

        @if(trim($templateData->top_right_content))
            <div class="climate-week__waves-content" data-aos="fade-left">
                <div>
                    <div class="climate-week__waves-content-wrapper">
                        <p>{!! $templateData->top_right_content !!}</p>
                    </div>
                </div>
            </div>
        @endif
        <div class="climate-week__map-wrapper" data-aos="fade-up">
            <h2 class="title">{{ $templateData->map_title }}</h2>
            <div class="climate-week__map" data-role="map">
            </div>
            <div class="climate-week__info-holder" data-role="info">
                <div class="climate-week__info-open js-open-close-info" data-role="openinfo"></div>
                <div class="climate-week__info-content info-1" data-role="info1">
                    <div class="climate-week__info-content-image"><img src="" data-role="image"></div>
                    <div class="climate-week__info-content-type" data-role="type"></div>
                    <div class="climate-week__info-content-title" data-role="title"></div>
                    <div class="climate-week__info-content-summary" data-role="summary"></div>
                    <div class="climate-week__info-content-link" data-role="link"></div>
                </div>
                <div class="climate-week__info-content info-2" data-role="info2">
                    <div class="climate-week__info-content-image"><img src="" data-role="image"></div>
                    <div class="climate-week__info-content-type" data-role="type"></div>
                    <div class="climate-week__info-content-title" data-role="title"></div>
                    <div class="climate-week__info-content-summary" data-role="summary"></div>
                    <div class="climate-week__info-content-link" data-role="link"></div>
                </div>
            </div>
        </div>
        <div class="climate-week__footer" data-aos="fade-right">
            <div class="climate-week__bottom-vertical-line"></div>
            <div class="climate-week__footer-content">
                <div class="climate-week__footer-col-1">
                    <h2>{{ $templateData->bottom_left_title }}</h2>
                </div>
                <div class="climate-week__footer-col-2">
                    {!! $templateData->bottom_right_content !!}

                    <? /*var_dump($contact);*/?>
                    @if(isset($contact) && $contact)
                        <a
                            href="#"
                            class="contact-open blue-scheme std-button blue-button"
                            data-name="{{ $contact['name'] }}"
                            data-contact="{{ base64_encode(json_encode(["Contact_person" => $contact['name'] ])) }}"
                            data-controller="components/form-modal"
                            data-popupid="contact-us-modal">
                            {{ $contact['title'] }}
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
@stop