@extends('layouts.base')

@section('editable_content')

    <div class="references">

        <div class="breadcrumb-row">
            @include('layouts.partials.breadcrumb')
        </div>

        <div class="content-container row">

            <div class="filter-block placeholder grid3">
                <?php   $f = 0;
                $arrayKeys = array_keys($filters);
                ?>
                @foreach($filters as $filter)
                    @unless( ! \Config::get('app.radepoActive')  && $arrayKeys[$f] == 'type')
                        <div class="filters-block filter1" id="{{$arrayKeys[$f]}}">
                            <p>@lang('translations.filter-'.$arrayKeys[$f])<span
                                        class="show-all">@lang('translations.show-all')</span></p>

                            @foreach($filter as $row)
                                <div class="filter-button">
                                    <input name="{{$arrayKeys[$f]}}" id="{{$arrayKeys[$f].'-'.$row->$arrayKeys[$f]}}"
                                           type="checkbox"
                                           value="{{Str::slug($arrayKeys[$f].'-'.$row->$arrayKeys[$f])}}"/> <label
                                            for="{{$arrayKeys[$f].'-'.$row->$arrayKeys[$f]}}">
                                        @if( \Config::get('app.radepoActive'))
                                            @lang('projects.'.$arrayKeys[$f].'-'.$row->$arrayKeys[$f])
                                        @else
                                            @lang('isolation/translations.'.$arrayKeys[$f].'-'.$row->$arrayKeys[$f])
                                        @endif

                                    </label>
                                </div>
                            @endforeach
                            <div class="shadow"></div>
                        </div>
                        <?php $f++; ?>
                    @endunless
                @endforeach


            </div>
            <div class="references-block grid9">
                @foreach($projects as $project)
                    <div class="reference @foreach($arrayKeys as $key){{$key.'-'.Str::slug($project->$key)}} @endforeach active">
                        <a href="/{{$project->translation->route->route}}">
                            @if($project->translation->quote != '' && $project->translation->author && $project->show_reference == 1)
                                <div class="quote-holder lazy"
                                     @if($project->images->count() != 0)
                                     data-original="{{$project->images->first()->large_image_url}}"
                                     style="background-image: none;"
                                        @endif
                                >
                                    <div class="color-overlay"></div>
                                    <div class="placeholder">
                                        <h4>{{$project->translation->quote}}</h4>

                                        <p>{{$project->translation->author}}</p>

                                        <div class="stars">
                                            <p>@lang('translations.show-project')<span></span></p>
                                            @for($s = 0; $s <5; $s++)
                                                @if($s < $project->stars)
                                                    <span class="full-star"></span>
                                                @else
                                                    <span class="empty-star"></span>
                                                @endif
                                            @endfor
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="image lazy" @if($project->images->count() != 0)
                                data-original="{{$project->images->first()->large_image_url}}"
                                     style="background-image: none;"
                                        @endif>
                                    <div class="hover">
                                        <div class="placeholder">
                                            <h4>@lang('projects.material-'.$project->material) @lang('projects.doors-windows-'.$project->doors_windows) - {{$project->translation->name}}</h4>

                                            <p>@if( \Config::get('app.radepoActive')) @lang('projects.type-'.$project->type) @else @lang('isolation/translations.material-'.$project->material) @endif
                                                @if(isset($project->color) && $project->color != '') / {{$project->color}} @endif</p>

                                            <div class="icon"></div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <p>
                                <strong>{{$project->translation->name}}</strong><br/>

                                @if( \Config::get('app.radepoActive')) @lang('projects.material-'.$project->material) / @lang('projects.doors-windows-'.$project->doors_windows) / @lang('projects.type-'.$project->type) @else @lang('isolation/translations.material-'.$project->material) @endif
                                @if(isset($project->color) && $project->color != '') / {{$project->color}} @endif
                            </p>
                        </a>
                    </div>

                @endforeach
            </div>
        </div>

        <div class="background-color"></div>
    </div>
@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/filter.js"></script>

@endsection