@extends('index')

@section('main')
<section class="section about-us bg-color-key-4 mb-10">
    <div class="section__inner section__inner--section-large section-circle section-circle--about-us relative">
        <figure class="section-abs-img section-abs-img--about-us-1"><img class="js-paroller" 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--about-us-2"><img class="js-paroller" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-23.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--about-us-3"><img class="js-paroller" 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--about-us-4"><img class="js-paroller" 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--about-us-5"><img  src="assets/img/img-item-24.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--about-us-6"><img class="js-paroller" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-item-25.png" alt=""></figure>
        <div class="container">
            <div class="about-us__body about-us__body--first">
                <div class="row">
                    <div class="col-md-6 col-md-offset-1">
                        <h1 class="about-us__title main-title main-title--large text-center--sm">{!! \App\Helpers\Helper::htmlTags(nl2br($page->extra_i18n->top->header ?? ''), [[ 'y', 'span', 'class="color-key-1"'], [ 's', 'strong', '']]) !!}</h1>
                        <div class="row">
                            <div class="col-md-10">
                                <div class="about-us__text about-us__text--mr">
                                    {!! $page->extra_i18n->top->text ?? '' !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    @php
                        $file = new \IguanaStudio\Cms\Models\File();
                        $file->path = $page->extra_i18n->top->image_right[0]->path ?? '';
                        $file->data = $page->extra_i18n->top->image_right[0]->data ?? '';
                    @endphp
                    <div class="col-md-5 col-md-offset-6">
                        <div class="about-us__info js-timer">
                            <span class="about-us__number js-timer-value" data-count="{{ now()->year - 2002 }}">0</span><span class="about-us__info-text">{{ $page->extra_i18n->counter->header ?? '' }}</span>
                        </div>
                        <figure class="about-us__img about-us__img--1"><img src="{{ $file->adaptive(520, 560) }}" alt="{{ $file->data->name ?? '' }}"></figure>
                    </div>
                </div>
            </div>
            <div class="about-us__body about-us__body--second">
                <div class="row">
                    @php
                        $file = new \IguanaStudio\Cms\Models\File();
                        $file->path = $page->extra_i18n->top->image_left[0]->path ?? '';
                        $file->data = $page->extra_i18n->top->image_left[0]->data ?? '';
                    @endphp
                    <div class="col-md-6 col-md-offset-1">
                        <figure class="about-us__img about-us__img--2"><img src="{{ $file->adaptive(640, 560) }}" alt="{{ $file->data->name ?? '' }}"></figure>
                    </div>
                </div>
            </div>
            <div class="about-us__body about-us__body--third">
                <div class="row">
                    @php
                        $file = new \IguanaStudio\Cms\Models\File();
                        $file->path = $page->extra_i18n->image_right->image[0]->path ?? '';
                        $file->data = $page->extra_i18n->image_right->image[0]->data ?? '';
                    @endphp
                    <div class="col-md-5 col-lg-offset-1 last-md">
                        <figure class="about-us__img about-us__img--3"><img src="{{ $file->adaptive(420, 580) }}" alt="{{ $file->data->name ?? '' }}"></figure>
                    </div>
                    <div class="col-md-6 col-md-offset-1 col-lg-5 col-lg-offset-1">
                        <h2 class="about-us__title main-title text-center--sm">{!! \App\Helpers\Helper::htmlTags($page->extra_i18n->image_right->header ?? '', [[ 'y', 'span', 'class="color-key-1"'], [ 's', 'strong', '']]) !!}</h2>
                            <div class="about-us__text about-us__text--mr">
                                {!! $page->extra_i18n->image_right->text ?? '' !!}
                            </div>

                            <div class="partners">
                                @foreach($page->i18n()->gallery as $image)
                                <figure class="partners__img"><img src="{{ $image->adaptive(108, 108) }}" alt="{{ $image->data->name }}"></figure>
                                @endforeach
                            </div>

                    </div>




                </div>
            </div>


        </div>
    </div>

</section>
@endsection