@extends('site.layouts.app', ['seoModel' => $itensHome])
@section('content')
@php
    if (isset($itensHome->banner_tablet) && isTablet()) {
        $bannerImage = $itensHome->banner_tablet;
    } else {
        $bannerImage = $itensHome->banner_desktop;
    }
 @endphp
<div class="page-wrapper content-wrapper page-home">
    <div class="banner" style="background-image: url({{ asset("storage/{$itensHome->banner_mobile}") }})">
        <div class="container">
            <div class="banner__description">
                <h2>{{$itensHome->title}}</h2>
                {!!$itensHome->text_banner!!}
            </div>
            <div class="banner-desktop">
                <img src="{{ asset("storage/{$bannerImage}") }}" alt="{{$itensHome->title}}">
            </div>
        </div>
        <img src="{{ asset('images/flower-banner-home.png') }}" alt="{{$itensHome->title}}">
    </div>

    <section class="about">
        <img class="top" src="{{ asset('images/buttlerfly-green.png') }}" alt="{{ $itensHome->title }}">
        <div class="container">
            <div class="about__text">
                <h4>{{ $itensHome->title_history }}</h4>

                {!! $itensHome->text_history !!}

                @if ($itensHome->link_more_history)
                    <a href="{{ $itensHome->link_more_history }}">
                        Saiba mais
                        <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.83301 8H13.1663" stroke="#A6D8C7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M8.5 3.3335L13.1667 8.00016L8.5 12.6668" stroke="#A6D8C7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </a>
                @endif
            </div>
        </div>
        <img class="bottom" src="{{ asset('images/buttlerfly-pink.png') }}" alt="{{ $itensHome->title }}">
        <img class="side" src="{{ asset('images/stars-partners.png') }}" alt="{{ $itensHome->title }}">
    </section>

    @include('site._includes.blog-slider-items', ['morePosts' => $posts, 'blogTitle' => $itensHome])
    @if (!$itensHome->hide_parnter)
    <section class="partners">
        <div class="container">
            <div class="partners__title">
                <small>{{ $itensHome->tag_parnter }}</small>
                <h2>{{ $itensHome->title_parnter }}</h2>
                <img src="{{ asset('images/stars-partners.png') }}" alt="{{ $itensHome->title }}">
            </div>
        </div>
        <div class="swiper-container partners__slider">
            <div class="swiper-wrapper">
                @foreach ( $headerFooterInfo->list_partner  as $list)
                    <div class="swiper-slide">
                        <img src="{{ asset("storage/{$list['image']}") }}" alt="">
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    @endif

    @livewire('newsletter', ['recipientEmail' => $siteInfo->newsletter_from_email])

</div>

@endsection