@extends('index')

@section('main_extra') id="fullpage" @endsection

@section('main')
    <section class="section bg-color-key-4 relative" data-anchor="section-1" data-percentage="80" data-centered="false" id="first-section">
        <figure class="section-abs-img section-abs-img--section-1-1"><img class="js-paroller-alt" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-leaf-1.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-1-2"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-leaf-2.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-1-3"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-2.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-1-4"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-3.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-1-5"><img class="js-paroller-alt" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-item-4.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-1-6"><img src="assets/img/img-item-5.png" alt=""></figure>
        <div class="section__inner section__inner--first section__inner--center section-circle relative">

            <div class="container">
                <div class="row">
                    <div class="col-md-6 flex flex--center-y">
                        <div class="section__body">

                            <h1 class="main-title main-title--large cmb text-center--sm">{!! \App\Helpers\Helper::htmlTags($page->extra_i18n->top->header ?? '', [[ 'y', 'span', 'class="color-key-1"'], [ 's', 'strong', '']]) !!}</h1>

                            @if(!empty($page->extra_i18n->top->button) && !empty($page->extra_i18n->top->url))
                                <div class="section__action text-center--sm">
                                    <a href="{{ url($page->extra_i18n->top->url) }}" class="btn-flip btn-flip--white" data-back="{{ $page->extra_i18n->top->button }}" data-front="{{ $page->extra_i18n->top->button }}"></a>
                                </div>
                            @endif

                        </div>

                    </div>

                    <div class="col-md-6">
                        @php
                            $file = new \IguanaStudio\Cms\Models\File();
                            $file->path = $page->extra_i18n->top->image[0]->path ?? '';
                            $file->data = $page->extra_i18n->top->image[0]->data ?? '';
                        @endphp

                        <figure class="section-body-img text-center--sm"><img src="{{ $file->heighten(680) }}" alt="{{ $file->data->name ?? '' }}"></figure>
                    </div>

                </div>

            </div>
        </div>

    </section>
    <section class="section relative" data-anchor="section-2">
        <figure class="section-abs-img section-abs-img--section-2-1"><img class="js-paroller-alt" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-leaf-1.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-2-2"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-leaf-2.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-2-3"><img class="js-paroller-alt" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-item-7.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-2-4"><img src="assets/img/img-item-8.jpg" alt=""></figure>
        <div class="section__inner section__inner--center">

            <div class="container">
                <div class="row">


                    <div class="col-md-5 col-md-offset-1 flex flex--center-y">
                        <div class="section__body">
                            <h2 class="main-title main-title--large-mb text-center--sm">{!! \App\Helpers\Helper::htmlTags($page->extra_i18n->image_left->header ?? '', [[ 'y', 'span', 'class="color-key-1"'], [ 's', 'strong', '']]) !!}</h2>
                            <div class="wysiwyg text-center--sm">
                                {!! $page->extra_i18n->image_left->text ?? '' !!}
                            </div>

                            @if(!empty($page->extra_i18n->image_left->button) && !empty($page->extra_i18n->image_left->url))
                                <div class="section__action text-center--sm">
                                    <a href="{{ $page->extra_i18n->image_left->url }}" class="btn-flip btn-flip--secondary" data-back="{{ $page->extra_i18n->image_left->button }}" data-front="{{ $page->extra_i18n->image_left->button }}"></a>
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-5 first-md">
                        @php
                            $file = new \IguanaStudio\Cms\Models\File();
                            $file->path = $page->extra_i18n->image_left->image[0]->path ?? '';
                            $file->data = $page->extra_i18n->image_left->image[0]->data ?? '';
                        @endphp
                        <figure class="section-body-img z-index text-center--sm"><img src="{{ $file->heighten(680) }}" alt="{{ $file->data->name ?? '' }}"></figure>
                    </div>

                </div>

            </div>
        </div>
    </section>

    @if($page->extra_i18n->icons->items)
        <section class="section overflow-h bg-color-key-1 relative" data-anchor="section-3">
            <figure class="section-abs-img section-abs-img--section-3-1"><img class="js-paroller-alt" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-item-9.jpg" alt=""></figure>
           	<figure class="section-abs-img section-abs-img--section-3-2"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-3.png" alt=""></figure>
			<figure class="section-abs-img section-abs-img--section-3-3"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground"src="assets/img/img-item-23.png" alt=""></figure>
            <div class="section__inner section__inner--center relative z-index">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 flex flex--center-y">
                            <h2 class="main-title main-title--white main-title--large-mb text-center">{!! \App\Helpers\Helper::htmlTags($page->extra_i18n->icons->header ?? '', [[ 's', 'strong', '']]) !!}</h2>
                        </div>
                    </div>
                    <div class="icons-list">
                        <div class="row center-sm-alt">

                            @foreach($page->extra_i18n->icons->items as $item)
                                @php
                                    $file = new \IguanaStudio\Cms\Models\File();
                                    $file->path = $item->image[0]->path ?? '';
                                    $file->data = $item->image[0]->data ?? '';
                                @endphp

                                <div class="col-xs-6 col-sm-4 col-md-2-3">
                                    <div class="icon-item">
                                        <figure class="icon-item__icon">
                                            <img src="{{ $file->adaptive(53, 53) ?? '' }}" alt="{{ $file->data->name ?? '' }}">
                                        </figure>
                                        <div class="icon-item__text">
                                            <p>{!! nl2br($item->text ?? '') !!}</p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

    <div class="section relative" data-anchor="section-4">
        <figure class="section-abs-img section-abs-img--section-4-1"><img class="js-paroller-alt" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-leaf-1.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-4-2"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-leaf-2.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--section-4-3"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-14.png" alt=""></figure>
        <div class="section__inner section__inner--small">
            <div class="opinion-body">
                <div class="opinion-body__wrapper relative">
                    <figure class="opinion-body__img hidden-sm"><img src="assets/img/img-section-1.jpg" at=""></figure>
                    <div class="container">
                        <div class="row">
                            <div class="col-md-9 col-md-offset-3 col-lg-8 col-lg-offset-4">
                                <div class="opinion-body__opinions opinions-list">
                                    <h2 class="opinion-body__title main-title main-title--large-mb">Poznaj <br><span class="color-key-1"><strong>opinie</strong></span></h2>
                                    <div class="slider-opinions owl-carousel js-slider-opinions" data-timeout="5000">

                                        @php
                                        $loopIteration = 0;
                                        @endphp

                                        @foreach($page->extra_i18n->opinions->items as $item)
                                            @php
                                                $loopIteration = $loop->iteration % 3;
                                                $file = new \IguanaStudio\Cms\Models\File();
                                                $file->path = $item->avatar[0]->path ?? '';
                                                $file->data = $item->avatar[0]->data ?? '';
                                            @endphp

                                        @if($loopIteration == 1)
                                        <div class="slider-opinions__item">
                                            <div class="row">
                                                <div class="col-md-5 col-md-offset-1">
                                                    <div class="opinion-item">
                                                        <div class="opinion-item__text">
                                                            <p>{{ $item->text  ?? '' }}</p>
                                                        </div>
                                                        <div class="opinion-item__author avatar">
                                                            <figure class="avatar__img"><img src="{{ !empty($file->path) ? $file->adaptive(40, 40) : 'https://placeimg.com/40/40/people' }}" alt="{{ $file->data->name ?? '' }}"></figure>
                                                            <div class="avatar__author">{{ $item->name  ?? '' }} <span class="color-key-1">{{ $item->company  ?? '' }}</span></div>
                                                        </div>
                                                    </div>
                                                    @endif
                                                    @if($loopIteration == 2)
                                                    <div class="opinion-item">
                                                        <div class="opinion-item__text">
                                                            <p>{{ $item->text  ?? '' }}</p>
                                                        </div>
                                                        <div class="opinion-item__author avatar">
                                                            <figure class="avatar__img"><img src="{{ !empty($file->path) ? $file->adaptive(40, 40) : 'https://placeimg.com/40/40/people' }}" alt="{{ $file->data->name ?? '' }}"></figure>
                                                            <div class="avatar__author">{{ $item->name  ?? '' }} <span class="color-key-1">{{ $item->company  ?? '' }}</span></div>
                                                        </div>
                                                    </div>

                                                </div>
                                                @endif
                                            @if($loopIteration == 0)
                                                <div class="col-md-5 col-md-offset-1 flex flex--center-y">
                                                    <div class="opinion-item">
                                                        <div class="opinion-item__text opinion-item__text--yellow">
                                                            <p>{{ $item->text  ?? '' }}</p>
                                                        </div>
                                                        <div class="opinion-item__author avatar">
                                                            <figure class="avatar__img"><img src="{{ !empty($file->path) ? $file->adaptive(40, 40) : 'https://placeimg.com/40/40/people' }}" alt="{{ $file->data->name ?? '' }}"></figure>
                                                            <div class="avatar__author">{{ $item->name  ?? '' }} <span class="color-key-1">{{ $item->company  ?? '' }}</span></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                            @endif
                                        @endforeach

                                        @if($loopIteration == 1)
                                            </div></div></div>
                                        @endif

                                        @if($loopIteration == 2)
                                            </div></div>
                                        @endif

                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(!empty($automats))
        <section class="section bg-color-key-4 mb-20 relative" data-anchor="section-5">
            <figure class="section-abs-img section-abs-img--section-5-1"><img class="js-paroller-alt" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-item-16.png" alt=""></figure>
            <figure class="section-abs-img section-abs-img--section-5-2"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-17.png" alt=""></figure>
            <figure class="section-abs-img section-abs-img--section-5-3"><img class="js-paroller-alt" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-18.png" alt=""></figure>
            <div class="section__inner section__inner--center">
                <div class="container">
                    <h2 class="main-title main-title--large-mb">{!! \App\Helpers\Helper::htmlTags($page->extra_i18n->automats->header ?? '', [[ 'y', 'span', 'class="color-key-1"'], [ 's', 'strong', '']]) !!}</h2>
                    <div class="products-list">
                        <div class="row gutters-14">
                            @foreach($automats as $item)
                                <div class="col-xs-6 col-md-3 flex flex--stretch">
                                    <a href="{{ $item->getUrl() }}" class="product-item">
                                        <figure class="product-item__img"><img src="{{ $item->hasImage() ? $item->getImage()->adaptive(310, 560) : '' }}" alt="{{ $item->hasImage() ? $item->getImage()->data->name : '' }}"></figure>
                                        <div class="product-item__title">{{ $item->name }}</div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                        @if(!empty($page->extra_i18n->automats->button) && !empty($page->extra_i18n->automats->url))
                            <div class="products-list__action">
                                <a href="{{ $page->extra_i18n->automats->url }}" class="btn-flip btn-flip" data-back="{{ $page->extra_i18n->automats->button }}" data-front="{{ $page->extra_i18n->automats->button }}"></a>
                            </div>
                        @endif

                    </div>

                </div>
            </div>
        </section>
    @endif
@endsection