@extends('index')

@section('main')
    <main id="main" class="subpage bgWhite">
        <div id="slogan">
            <div class="women">
                <div class="container">
                    <p class="text">
                        <strong>Detektor tętna płodu</strong>
                        <b>Posłuchaj bicia serca <span>swojego dziecka</span></b>
                    </p>
                </div>
            </div>
        </div>
        <article>
            <header id="heading">
                <div class="container">
                    <h1>{!! $page->extra_i18n->h1 ?? $page->name !!}</h1>
                </div>
            </header>
            <div class="content overflow-h" id="aboutUs">
                <div class="container">
                    <div class="rowBig txt1">
                        <div class="col6 text">
                            {!! $page->extra_i18n->image_right->left->text ?? '' !!}
                        </div>
                        <div class="col6 img">
                            @php($file = new FileModel(['path' => $page->extra_i18n->image_right->image[0]->path ?? '', 'data' => $page->extra_i18n->image_right->image[0]->data ?? '']))
                            <figure><img src="{{ !empty($file->path) ? $file->adaptive(855, 715) : 'assets/img/img-about-us1.jpg' }}" alt="{{ $file->data->name ?? '' }}"></figure>
                        </div>
                    </div>
                    <div class="rowBig txt2">
                        <div class="col6 img">
                            @php($file = new FileModel(['path' => $page->extra_i18n->image_left->image[0]->path ?? '', 'data' => $page->extra_i18n->image_left->image[0]->data ?? '']))
                            <figure><img src="{{ !empty($file->path) ? $file->adaptive(877, 476) : 'assets/img/img-about-us2.jpg' }}" alt="{{ $file->data->name ?? '' }}"></figure>
                        </div>
                        <div class="col6 text">
                            {!! $page->extra_i18n->image_left->right->text ?? '' !!}
                        </div>
                    </div>
                    <div class="rowBig txt3">
                        <div class="col6 text">
                            {!! $page->extra_i18n->image_right2->left->text ?? '' !!}
                        </div>
                        <div class="col6 img">
                            @php($file = new FileModel(['path' => $page->extra_i18n->image_right2->image[0]->path ?? '', 'data' => $page->extra_i18n->image_right2->image[0]->data ?? '']))
                            <figure><img src="{{ !empty($file->path) ? $file->adaptive(916, 918) : 'assets/img/img-about-us3.jpg' }}" alt="{{ $file->data->name ?? '' }}"></figure>
                        </div>
                    </div>
                    <div class="rowBig txt4">
                        <div class="col6 img">
                            @php($file = new FileModel(['path' => $page->extra_i18n->image_left2->image[0]->path ?? '', 'data' => $page->extra_i18n->image_left2->image[0]->data ?? '']))
                            <figure><img src="{{ !empty($file->path) ? $file->adaptive(672, 473) : 'assets/img/img-about-us.jpg' }}" alt="{{ $file->data->name ?? '' }}"></figure>
                        </div>
                        <div class="col6 text">
                            {!! $page->extra_i18n->image_left2->right->text ?? '' !!}
                        </div>
                    </div>
                    <blockquote class="heart">
                        <p>"{!! nl2br($page->extra_i18n->opinions->text ?? '') !!}"</p>
                        @if(!empty($page->extra_i18n->opinions->button) && !empty($page->extra_i18n->opinions->url))
                            <a href="{{ $page->extra_i18n->opinions->url }}">{{ $page->extra_i18n->opinions->button }}</a>
                        @endif
                    </blockquote>
                </div>
            </div>
        </article>
    </main>
@endsection