@extends('frontend.layouts.main')
@section('content')
<div class="case-study-template">
    <div class="case-study-template__intro">
        <div class="case-study-template__intro-wrapper">
            <h1 class="title">{{ $object->title }}</h1>
            {!! $object->summary !!}
        </div>
    </div>
    <div class="case-study-template__body" data-controller="components/case-study-filters">
        <div class="case-study-template__filters">
            <div>
                <div class="case-study-template__filter-container">
                    <div class="case-study-template__filter filter-item active" data-action="filter" data-key="sector" data-value="0">
                        <a href="#">@lang('frontend.all_case_studies')</a>
                    </div>
                    @foreach ($sectors as $sector)
                        @if (!empty($sector->show_on_list))
                            <div class="case-study-template__filter" data-action="filter" data-key="sector" data-value="{{ $sector->id }}">
                                <a href="#">{{ $sector->title }}</a>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
        <div class="case-study-template__results">
            <div>
                <div
                    class="case-study-template__results-wrapper"
                    data-role="searchResults"
                ></div>
                <div class="loading" data-role="loadingEl">
                    <span class="fa fa-cog fa-spin"></span>
                </div>
            </div>
        </div>
    </div>
</div>

@stop