@foreach($projects as $project)
    @php
        $sustainabilities = $project->related('sustainability');
        if (!$sustainabilities->isEmpty()) {
            $mainTopic = $sustainabilities->first();
        } else {
            $mainTopic = null;
        }
    @endphp
    <div class="project-item col-xs-24 col-sm-12 col-lg-8 {{ $mainTopic ? $mainTopic->color_scheme . '-scheme' : '' }}"  data-project_id="{{ $project->id }}">
        <a href="{{ lang_url($project->uri) }}" class="main-project-info">
            <div class="project-image-holder">
                @if($project->overviewImage)
                    <div class="image" style="background-image: url('{{ getMediaUrl($project->overviewImage->filename, "600x445") }}')"></div>
                @endif
            </div>

            <div class="project-info">
                 <div class="project-name">{{cut_string($project->title, 50, "...") }}</div>
                 <div class="location-tech">
                      @if(!empty($project->country))
                          {{ $project->country->title }}
                          @if($project->technologies->count() > 0)
                           •
                          @endif
                      @endif
                      @foreach($project->technologies as $key => $technology)
                          @if ($key > 0)
                              |
                          @endif
                          {{ $technology->title }}
                      @endforeach
                 </div>
                 <div class="impact-area">
                    @if(!empty($project->cobenefits))
                        <?php $controlIconTypes = []; ?>
                        @foreach($project->cobenefits as $projectCobenefit)
                            @if(in_array($projectCobenefit->cobenefit->id, $controlIconTypes) || sizeof($controlIconTypes) >= 5)
                                <?php continue; ?>
                            @endif
                            <?php $controlIconTypes[] = $projectCobenefit->cobenefit->id; ?>
                            {!! getMediaImg($projectCobenefit->cobenefit->iconDark, '80x80', htmlspecialchars($projectCobenefit->cobenefit->title), 'impact-icon') !!}
                            @endforeach
                    @endif
                </div>
            </div>
        </a>
    </div>
@endforeach
@include('frontend.templates.components.project_markers_script')