@extends('layouts.master')

@section('background')
    <div class="bg-50"></div>
@stop

@section('sidebar')
    @include('partials.sidebar')
@stop

@section('brandNavigationBar')
    @include('partials.brandNavigationBar')
@stop

@section('content')
    <div class="content-container column fluid-100">

        <!-- Breadcrumb -->

    @include('partials.breadcrumb')

    <!-- Title -->

        <h1 class="page-title">{{ $entity->name }}</h1>

        <article class="column guide-steps">

            <div class="intro">
                {{ $entity->description }}
            </div>

            <div class="steps">
                {{ $entity->description_two }}

                @include('partials.callToActions.nicolette')
            </div>

            <div class="steps-circles">

                <?php $steps = ['print', 'box', 'dpd']; ?>

                @foreach($steps as $key => $step)
                    <div class="step">
                        <div class="circle">
                            <span class="icon {{$step}}"></span>
                        </div>
                        <p>@lang('pages/return.return-circles.'.$step)</p>
                    </div>

                    @if(($key + 1) != sizeof($steps))
                        <div class="arrow-placeholder">
                            <span class="arrow"></span>
                        </div>
                    @endif
                @endforeach

            </div>

            <div class="return-cta">
                <h3>@lang('pages/return.return-cta-title')</h3>
                <a class="return-cta-button btn animate" href="/{{$shop->getPageService()->page('return')->route}}">
                    @lang('pages/return.return-cta-button')
                </a>
            </div>

            @if(\App::getLocale() != 'en')
                <div class="video-instructions">
                    <h3>@lang('pages/return.videoTitle')</h3>
                    <div class="youtube-player-wrapper">
                        <div class="video-wrapper">
                            <div class="youtube-player"
                                 data-youtube-link="@lang('pages/return.returnVideoId')"
                                 id="ytplayer-home"></div>
                        </div>
                    </div>
                </div>
            @endif

        </article>
    </div>


@stop