@extends('index')

@section('main')
    <main id="main" class="subpage bgWhite cart cart--step-{{ $step }}">
        <article>
            <div class="grey-heading hide-mobile">
                <div class="container">
                    <div class="grey-heading__inner">
                        <p class="grey-heading__item grey-heading__item--safety">Jesteś w bezpiecznym procesie zakupowym</p>
                        <p class="grey-heading__item grey-heading__item--warranty">Gwarancja zakupu oryginalnego produktu</p>
                    </div>
                </div>
            </div>
            <div class="content cart">
                @yield('cart-body')
                <div class="overflow-h">
                    <div class="img-fullwidth img-fullwidth--four">
                        <div class="row-flex gutter-4">
                            <div class="col-sm-3">
                                <img src="assets/img/angel-1.jpg">
                            </div>
                            <div class="col-sm-3">
                                <img src="assets/img/angel-2.jpg">
                            </div>
                            <div class="col-sm-3">
                                <img src="assets/img/angel-3.jpg">
                            </div>
                            <div class="col-sm-3">
                                <img src="assets/img/angel-4.jpg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="opinions-slider owl-carousel">
                        <div class="opinions-slide__item">
                            <div class="opinion opinion--center" itemprop="review" itemscope itemtype="http://schema.org/Review">
                                <div class="opinion__inner">
                                    <div class="opinion__header flex flex--center-y">
                                        <div class="opinion__name" itemprop="author">Teresa K.</div>
                                        <div class="opinion__stars" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
                          <span class="star-rating">
                            <span class="star-rating__stars" title="5">
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                            </span>
                            <meta itemprop="ratingValue" content="5">
                          </span>
                                        </div>
                                    </div>
                                    <div class="opinion__body">
                                        <div class="opinion__title" itemprop="name">Kupiłam go dla syna i synowej</div>
                                        <div class="opinion__desc" itemprop="description">To było niesamowite przeżycie, słyszałam bicie serca mojej wnuczki w brzuchu przez telefon! Najlepiej wydane pieniądze na prezent dla przyszłych rodziców.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="opinions-slide__item">
                            <div class="opinion opinion--center" itemprop="review" itemscope itemtype="http://schema.org/Review">
                                <div class="opinion__inner">
                                    <div class="opinion__header flex flex--center-y">
                                        <div class="opinion__name" itemprop="author">Agata B.</div>
                                        <div class="opinion__stars" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
                          <span class="star-rating">
                            <span class="star-rating__stars" title="5">
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                            </span>
                            <meta itemprop="ratingValue" content="5">
                          </span>
                                        </div>
                                    </div>
                                    <div class="opinion__body">
                                        <div class="opinion__title" itemprop="name">Świetny gadżet dla przyszłej mamusi</div>
                                        <div class="opinion__desc" itemprop="description">Podstawową zaletą detektora jest jego łatwość użytkowania. Nawet mojej 5letniej córce udało się namierzyć serduszko braciszka w moim brzuszku. Świetny gadżet dla przyszłej mamusi!</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="opinions-slide__item">
                            <div class="opinion opinion--center" itemprop="review" itemscope itemtype="http://schema.org/Review">
                                <div class="opinion__inner">
                                    <div class="opinion__header flex flex--center-y">
                                        <div class="opinion__name" itemprop="author">Liliana K.</div>
                                        <div class="opinion__stars" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
                          <span class="star-rating">
                            <span class="star-rating__stars" title="5">
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                              <i class="ico icoHeart-3 filled"></i>
                            </span>
                            <meta itemprop="ratingValue" content="5">
                          </span>
                                        </div>
                                    </div>
                                    <div class="opinion__body">
                                        <div class="opinion__title" itemprop="name">Nie mam żadnych zastrzeżeń</div>
                                        <div class="opinion__desc" itemprop="description">Nie mam żadnych zastrzeżeń co do działania sprzętu - mąż był początkowo sceptyczny, ale teraz chętnie przyłącza się do podsłuchiwania maleństwa. Dziękuję za bardzo szybka przesyłkę i świetny kontakt.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grey-heading grey-heading--border-bottom-mobile show-mobile">
                <div class="container">
                    <div class="grey-heading__inner">
                        <p class="grey-heading__item grey-heading__item--safety">Jesteś w bezpiecznym procesie zakupowym</p>
                        <p class="grey-heading__item grey-heading__item--warranty">Gwarancja zakupu oryginalnego produktu</p>
                    </div>
                </div>
            </div>
            {{--
            <div class="buy-now">
                <div class="container">
                    <a class="btn btn-primary js-extra-submiter" data-form=".js-form-to-submit">Do kasy</a>
                </div>
            </div>
            --}}
        </article>
    </main>
@endsection