@extends('frontend.layouts.main', array('body_class' => (!$object->image ? 'no-header' : ''),
         'scripts' => array(path_asset('path.frontend.js_path') . '/view/vacancy_list.js')))

@section('content')
<div class="container-fluid page-container" id="vacancies-maincontainer">
    @include('frontend.templates.components.default_page_header')
    <div class="row page-contents-holder main-content-holder margin-filters">
        <div class="col-lg-16 col-sm-14 content-column">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-offset-3 col-lg-17 col-sm-offset-2 col-sm-20 col-xs-24">
                        <div class="row page-title">
                            <h1>{{ $object->title }}</h1>
                            {!! $object->content !!}
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="row jobs-filter">
                    <div class="col-lg-offset-3 col-lg-17 col-sm-offset-2 col-sm-20 col-xs-24">
                        <div class="row">
                            <select class="job-unit-filter filter-select multiple" name="business_units[]" multiple="multiple">
                                @foreach($filterUnits as $unit)
                                    <option value="{{ $unit->business_unit }}">{{ $unit->business_unit }}</option>
                                @endforeach
                            </select>
                            <select class="job-country-filter filter-select multiple" name="countries[]" multiple="multiple">
                                @foreach($filterCountries as $country)
                                    <option value="{{ $country }}">{{ $country }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="news-wrapper">
                    <div class="news-container">
                        @include('frontend.templates.components.jobs_list', ['vacancies' => $vacancies])
                    </div>
                </div>
            </div>
        </div>
        <div class="side-bar-elem col-lg-8 col-sm-10 col-xs-24 pull-right">
            @include('frontend.templates.components.sidebar')
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        var vacancyList = new  Eae.View.VacancyList({
            el: $("body")
        });
    });
</script>
@stop