@extends('site.layouts.default')

{{-- Web site Title --}}
@section('title')
Programmes |
@parent
@stop

{{-- Update the Meta Title --}}
@section('meta_title')
@parent
@stop

{{-- Update the Meta Description --}}
@section('meta_description')
@parent
@stop

{{-- Update the Meta Keywords --}}
@section('meta_keywords')
@parent
@stop

{{-- Content --}}
@section('content')

<section class="main-content">

<div class="two-col-one">
<h1 class="page-title">{{ $content->title }}</h1>

@if (!empty($content->excerpt))
<div class="excerpt">{{ $content->excerpt }}</div>
@endif

{{ $content->text }}

<form id="programme-filter" action="{{ URL::to('programmes-library/search') }}" method="GET">
@if (!empty($outcomes))
<section id="form-outcome">
    <span class="number num-one">1</span>

    <h3 class="numbered num-one">What outcomes do you want to improve?</h3>

    <div class="form-box-top">
        @foreach ($outcomes as $k => $outcome)
        @if (!empty($outcome->excerpt))
        <div class="inner-box tall">
            <label>
                <div class="initial">
                    <div class="large">{{ $outcome->title }}</div>
                    <div class="small">{{ $outcome->excerpt }}</div>
                    @if (!empty($outcome->icon))
                    <img src="{{ URL::to(Config::get('app.outcome_icon_url') . $outcome->icon) }}" alt="{{ strip_tags($outcome->title) }} icon"/>
                    @endif
                </div>

                <div class="hover_desc">
                    {{ $outcome->description }}
                </div>

                <input type="checkbox" name="outcomes[]" value="{{ $outcome->id }}">
                <span class="check-image"></span>
            </label>
        </div>
        @else
        <div class="inner-box">
            <label>

                <div class="initial">
                    <div>{{ $outcome->title }}</div>
                    @if (!empty($outcome->icon))
                    <img src="{{ URL::to(Config::get('app.outcome_icon_url') . $outcome->icon) }}" alt="Mental Health icon"/>
                    @endif
                </div>

                <div class="hover_desc">
                    {{ $outcome->description }}
                </div>

                <input type="checkbox" name="outcomes[]" value="{{ $outcome->id }}">
                <span class="check-image"></span>
            </label>
        </div>
        @endif

        @endforeach

        <div class="inner-box">
            <label>
                <input type="checkbox" name="outcomes[]" value="">

                <div class="initial">
                    <div><strong>SEE ALL PROGRAMMES</strong></div>
                    <img src="{{ URL::to(Config::get('app.outcome_icon_url') . 'icon-filter-all-programmes.png') }}" alt="Abuse and Neglect icon"/>
                </div>

                <div class="hover_desc">
                    Click here and press ‘search’ to find an overview of all the programmes currently in the Programmes library
                </div>

                <span class="check-image"></span>
            </label>
        </div>
    </div>
</section>
@endif

<section id="form-age">
    <span class="number num-two">2</span>

    <h3 class="numbered num-two">Age of recipient population</h3>

    <div class="form-box">

        <div id="age-slider" class="age-slider"></div>
        <img id="slider-numbers" src="{{ URL::to('assets/public/img/slider-numbers.png') }}" alt="Slider scale. -1 to 19+"/>

        {{-- SBTODO: Convert image to HTML --}}

    </div>
</section>

<section id="form-rating" class="icon-form">
    <span class="number num-three">3</span>

    <h3 class="numbered num-three evidence-icon">Evidence Rating</h3>

    <div class="help-icon">
        <div class="tooltip">
            Select the strength of evidence you are interested in. Find out more about our <a href="{{ URL::to('the-eif-standards-of-evidence') }}" title="Standards of Evidence"
                                                                                              target="_blank">here</a>.
        </div>
    </div>

    <div class="form-box three-col">
        <div class="col-one">
            <label>
                <input type="checkbox" name="rating[]" value="1">
                <span class="check-image"></span>
                            <span class="label-text">
                                <span class="rating one current">1</span>
                                <span class="rating two">2</span>
                                <span class="rating three">3</span>
                                <span class="rating four">4</span>
                            </span>
            </label>
            <label>
                <input type="checkbox" name="rating[]" value="2">
                <span class="check-image"></span>
                            <span class="label-text">
                                <span class="rating one">1</span>
                                <span class="rating two current">2</span>
                                <span class="rating three">3</span>
                                <span class="rating four">4</span>
                            </span>
            </label>
        </div>
        <div class="col-two">
            <label>
                <input type="checkbox" name="rating[]" value="3">
                <span class="check-image"></span>
                            <span class="label-text">
                                <span class="rating one">1</span>
                                <span class="rating two">2</span>
                                <span class="rating three current">3</span>
                                <span class="rating four">4</span>
                            </span>
            </label>
            <label>
                <input type="checkbox" name="rating[]" value="4">
                <span class="check-image"></span>
                            <span class="label-text">
                                <span class="rating one">1</span>
                                <span class="rating two">2</span>
                                <span class="rating three">3</span>
                                <span class="rating four current">4</span>
                            </span>
            </label>
        </div>
    </div>
</section>

<!--<section id="form-cost-benefit" class="icon-form">
    <span class="number num-four">4</span>

    <h3 class="numbered num-four cost-icon">Level of cost-benefit analysis</h3>

    <div class="help-icon">
        <div class="tooltip">
            Tooltip text here.
        </div>
    </div>

    <div class="form-box three-col pound">
        <div class="col-one">
            <label>
                <input type="checkbox" name="rating[]" value="0">
                <span class="check-image"></span>
                            <span class="label-text">
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                            </span>
            </label>
            <label>
                <input type="checkbox" name="rating[]" value="1">
                <span class="check-image"></span>
                            <span class="label-text">
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                            </span>
            </label>
        </div>
        <div class="col-two">
            <label>
                <input type="checkbox" name="rating[]" value="2">
                <span class="check-image"></span>
                            <span class="label-text">
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                            </span>
            </label>
            <label>
                <input type="checkbox" name="rating[]" value="3">
                <span class="check-image"></span>
                            <span class="label-text">
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                            </span>
            </label>
        </div>
        <div class="col-three">
            <label>
                <input type="checkbox" name="rating[]" value="4">
                <span class="check-image"></span>
                            <span class="label-text">
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                                <img src="{{ URL::to('assets/public/img/icon-form-pound.png') }}"/>
                            </span>
            </label>
        </div>
    </div>
</section>

<section id="form-location" class="text-form">
    <span class="number num-five">5</span>

    <h3 class="numbered num-five">Location</h3>

    <div class="form-box">
        <label>
            <input type="checkbox" name="location[]" value="Yes">

            <span class="check-image"></span>
            <span class="label-text">Within the UK</span>
        </label>
        <label>
            <input type="checkbox" name="location[]" value="">
            <span class="check-image"></span>
            <span class="label-text">Outside the UK</span>
        </label>
    </div>
</section>-->

<!--<section id="form-region" class='text-form'>
    <span class="number num-six">6</span>

    <h3 class="numbered num-six">Region</h3>

    <div class="form-box">
        <label>
            <input type="checkbox" name="region" value="North east">
            <span class="check-image"></span>
            <span class="label-text">North East</span>
        </label>
        <label>
            <input type="checkbox" name="region" value="East of England">
            <span class="check-image"></span>
            <span class="label-text">East of England</span>
        </label>
        <label>
    </div>
</section>-->

<button id="search-submit" type="submit" class="submit-btn" name="submit" value="search">
    <span>SEARCH</span>
    <img src="{{ URL::to('assets/public/img/search-button-icon.png') }}"/>
</button>
<span id="form-or"></span>
<section id="form-search">
    <span class="number search"></span>

    <h3 class="numbered search">Find a specific programme</h3>

    <div class="form-box">
        <input type="search" name="s" id="s" value="" placeholder="Type the name of the programme">
        <button id="search-box-submit" class="submit-btn" type="submit" name="submit" value="">
            <img src="{{ URL::to('assets/public/img/search-button-icon.png') }}"/>
        </button>
    </div>
</section>
</form>
<a class="back-to action-button" href="{{ URL::to('/') }}">Back to home</a>
</div>

@include('site.sidebar.default')

</section>
<div class="clear"></div>
@stop

@section('footer-js')
@parent
@stop