@extends('mobile.master')

@section('content')
    <div class="guide-steps customer-service mobile-page">

        <article class="column guide-steps text-block">

            <h1>{{ $entity->name }}</h1>

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

            <div class="steps">
                {{ $entity->description_two }}
            </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>

        </article>

        <div class="inline-menu no-sub">
            {{$menu}}
        </div>

    </div>
@stop