@extends('master')

@section('css')
<link href="{{ asset('assets/css/home.css') }}" rel="stylesheet">
	<link href="{{ asset('assets/css/page.css') }}" rel="stylesheet">
@endsection

@section('content')
<div class="container category">

    <ul class="breadcrumb">
        <li><a class="default" href="/">Home</a></li>
        <li class="current new-products">{{  strip_tags($page->title) }}</li>
    </ul>
</div>
<div class="orange-homepage-box orange-homepage-box2">
    <h3>{!! $page->title !!}</h3>
</div>

    <div class="container page {{ $page->title }}">
        <div class="row">
            <div class="col-md-3 col-xs-12 submenu">
                @if (!empty($subnav))
                <div class="visible-xs">
                    <form method="post" action="{{ route('form','redirect') }} ">

                        {!! csrf_field() !!}

                      <div class="form-group">
                        <select class="form-control jump-menu" name="redirect" id="redirect">
                            @if (!empty($pagesection))
                                <option value="{{ $pagesection->get_route() }}">{{ $pagesection->title }}</option>
                            @else
                                <option value="">Select a page</option>
                            @endif

                                @foreach ($subnav as $item)
                                    <option value="{{ $item->get_route() }}" @if ($item->get_route() == Request::url()) selected="selected" @endif>{{ $item->title }}</option>
                                @endforeach

                        </select>
                      </div>
                      <noscript>
                        <button type="submit" class="btn btn-default">GO</button>
                        </noscript>
                    </form>
                </div>
                 @endif
                <div class="hidden-xs">

                    @if (!empty($pagesection))
                    <h2><a href="{{ $pagesection->get_route() }}">{{ $pagesection->title }}</a></h2>
                    <ul>
                    @foreach ($subnav as $item)
                        <li><a href="{{ $item->get_route() }}">{{ $item->title }}</a></li>
                    @endforeach
                    </ul>
                    @endif
                </div>

                @yield('extra_nav')

                @if (Auth::check() && !Auth::user()->is_restricted())
                    <div id="ctas">
                        {{-- Hack, get this properly flexible --}}
                        @if (!empty($marketplace_menu))
                            <a href="{{ route('view_basket') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/place-an-order.jpg') }}" alt="Place an order"></a>
                            <a href="{{ route('browse') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/product-range.jpg') }}" alt="Search our entire product range"></a>
                            <a href="/contact-us/request-a-catalogue"><img class="img-responsive" src="{{ asset('assets/img/ctas/download-brochure.jpg') }}" alt="Download our latest digital brochures"></a>
                        @elseif (!empty($pagesection) && $pagesection->uri == 'account')
                            <a href="{{ route('view_basket') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/place-an-order.jpg') }}" alt="Place an order"></a>
                            <a href="{{ route('image_library') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/image-library.jpg') }}" alt="Search our image library"></a>
                            <a href="{{ route('browse') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/product-range.jpg') }}" alt="Search our entire product range"></a>
                            <a href="/contact-us/request-a-catalogue"><img class="img-responsive" src="{{ asset('assets/img/ctas/download-brochure.jpg') }}" alt="Download our latest digital brochures"></a>
                            {{--
                        @elseif (!empty($pagesection) && $pagesection->uri == 'contact-us')
                            <a href="{{ route('account_details') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/account-status.jpg') }}" alt="Check your company account status"></a>
                            <a href="{{ route('image_library') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/image-library.jpg') }}" alt="Search our image library"></a>
                            <a href="{{ route('browse') }}"><img class="img-responsive" src="{{ asset('assets/img/ctas/product-range.jpg') }}" alt="Search our entire product range"></a>
                            <a href="/contact-us/request-a-catalogue"><img class="img-responsive" src="{{ asset('assets/img/ctas/download-brochure.jpg') }}" alt="Download our latest digital brochures"></a>
                            --}}
                        @endif
                    </div>
                @endif

            </div>
            <div class="col-md-9 col-xs-12 ">

                <div class="row">
                    <div class="col-md-9 col-xs-12 ">

                         {!! $page->content !!}
                    </div>
                    <div class="col-md-3 hidden-xs page-blade-template">
                    @if ($page->image)
                        <img src="{{ Croppa::url($page->image, 400, null) }}" class="img-responsive pull-right" alt="{{ $page->title }}">
                    @endif
                    </div>
                </div>



                @yield('below_content')
            </div>
        </div>
    </div>
<div class="container homepage-hr">
    <hr>
</div>
<div class="container two-orange-button">
    <a href="/contact-us#section22">Order a catalogue</a>
    <a href="/contact-us#section33">Become a stockist</a>
</div>
@endsection