@foreach($projects as $project)
    <div class="project-list-item">
        <div class="row">
        <div class="col-md-6 col-sm-12 col-xs-24">
            <div class="title-div">
                <h1 class="hidden-xs hidden-sm">{{ $project->title }}</h1>
                <a href="{{ lang_url($project->uri) }}" class="hidden-md hidden-lg list-view-project-link"><h1>{{ $project->title }}</h1></a>
                @if($project->brochure && !empty($project->brochure->pardot_url))
                    <a
                        href="#"
                        class="download-btn brochure"
                        data-download_id="{{ $project->brochure->id }}"
                        data-download="{{ base64_encode(json_encode(["title" => $project->brochure->title, "url" => $project->brochure->pardot_url ])) }}">
                        @lang('frontend.download') <span class="boldy">@lang('frontend.brochure')</span><span class="fa fa-file-text-o"></span>
                    </a>
                @endif
            </div>
        </div>
        <div class="col-md-6 col-sm-12 col-xs-24">
            <p>
                @php
                    $sustainabilities = $project->related('sustainability');
                @endphp
                @if(!$sustainabilities->isEmpty())
                    <span class="note">@lang('frontend.a')</span>
                    {{ $sustainabilities->first()->title }}
                    <span class="note">@lang('frontend.project')</span>
                @endif
            </p>
            <p>
                <span class="note">@lang('frontend.using')</span>
                @foreach($project->technologies as $key => $technology)
                    @if ($key > 0)
                        |
                    @endif
                    {{ $technology->title }}
                @endforeach
            </p>
            <p>
                @foreach($project->standards as $key => $standard)
                    @if ($key > 0)
                        |
                    @endif
                    {{ $standard->title }}
                @endforeach
            </p>
            <p>
                @if(!empty($project->country))
                    <span class="note">@lang('frontend.in')</span>
                    {{ $project->country->title }}
                @endif

            </p>
            <p class="hidden-md hidden-lg">
                <span class="note">co-benefits</span>
                @php
                    $length = count($project->cobenefits);
                @endphp
                @foreach($project->cobenefits as $index => $projectCobenefit)
                    @if (!$index == 0)
                        {{ '/' }}
                    @endif
                    {{ $projectCobenefit->cobenefit->title }}
                @endforeach
            </p>
        </div>
        <div class="col-md-8 hidden-xs hidden-sm">
            @foreach($project->cobenefits as $projectCobenefit)
                <div class="cobenefit-project-icon">
                    {!! getMediaImg($projectCobenefit->cobenefit->iconDark, '80x80', htmlspecialchars($projectCobenefit->cobenefit->title)) !!}
                    <p>{{ $projectCobenefit->cobenefit->title }}</p>
                </div>
            @endforeach
        </div>
        <div class="col-md-4 hidden-sm hidden-xs">
            <a href="{{ lang_url($project->uri) }}" class="submit roundcorner align-right dark-blue project-detail-link">@lang('frontend.view_project_btn')<span class="icon fa fa-long-arrow-right"></span></a>
        </div>
        </div>
    </div>
@endforeach