@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="box-using-library u-light-grey-bg">
            <h3>
                Using the Guidebook's Programme Library
            </h3>

            <p>
                This year EIF has begun to rate EI programmes in house for the first time.
                <a href="http://www.eif.org.uk/publication/foundations-for-life-what-works-to-support-parent-child-interaction-in-the-early-years">“Foundations for Life: What Works to Support Parent
                                                                                                                                                   Child Interaction in the Early Years”</a> includes
                ratings for programmes aimed at children aged between conception and the age of 5 <strong>made by EIF rather than by other clearinghouses</strong>. These ratings are more up to date
                than the clearinghouse ratings which are used in the Programme Library.
            </p>

            <p>
                The Programme Library has a wider scope in terms of the range of programmes it looks at, the ages at which outcomes are measured, and the organisations providing the rating.
            </p>

            <p>
                During 2016/17 we will develop the Guidebook to add a wider range of programmes, capabilities and functions.
            </p>

            <a class="read-more action-button" href="http://www.eif.org.uk/the-future-of-the-eif-guidebook">
                Find out more about this change here
            </a>
        </div>

        <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