@extends('layouts.master')

@section('editable_content')

    <div class="feature-content blog">
        <div class="background">
        </div>
        <div class="content-container inner">
            @include('layouts.partials.jobs.jobsList')

            <div class="feature-detail blog-items">

                @if(sizeof($jobs) == 0)
                    <p class="no-jobs">@lang('translations.noJobsAvailable')</p>
                @else
                    @foreach($jobs as $job)
                        <div class="blog-item">
                            <a href="/{{$job->route}}">
                                <div class="image">
                                    @if($job->medium_image_url != null)
                                        <div class="image-container"
                                             style="background-image: url('{{$job->medium_image_url}}');"></div>
                                    @else
                                        <div class="placeholder">
                                            <div class="icon"></div>
                                        </div>
                                    @endif
                                </div>
                                <div class="information">
                                    <h3>{{$job->name}}</h3>
                                    <div class="content">{{$job->meta_description}}</div>
                                    <p class="read-more">@lang('translations.readMore')</p>
                                </div>
                            </a>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
    @include('layouts.partials.orangeRow')

    @include('layouts.partials.dataSecurityRow')
@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/projectDetail.js?v=2"></script>
@endsection