<div class="project-sustainable-goals block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}}" data-controller="blocks/project-sustainable-goals" data-aos="fade-up" data-aos-once="true" data-aos-delay="500">
    @if ($block->anchor_id )
        <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
    @endif
    <div class="project-sustainable-goals__container">
        @if(isset($sdgTitle) && $sdgTitle)
            <h3>{{ $sdgTitle }}</h3>
        @endif
        @if(!isset($sdgTitle))
            <h3>@lang('frontend.sustainable_development_goals')</h3>
        @endif
        <div class="project-sustainable-goals__grid" data-role="container-sdgs">
            @foreach($project->cobenefits as $projectCobenefit)
                <div class="project-sustainable-goals__item" data-action="item-sdg" data-role="item-sdg" data-id="{{ $loop->index }}">
                    <div class="project-sustainable-goals__image">
                        {!! getMediaImg($projectCobenefit->cobenefit->iconDark, '180x180', htmlspecialchars($projectCobenefit->cobenefit->title)) !!}
                    </div>
                    <div class="project-sustainable-goals__info">
                        <h4>{!! strip_tags($projectCobenefit->mesure, '<i><sup><sub><b><strong>') !!}</h4>
                        <p>{!! strip_tags($projectCobenefit->title, '<i><sup><sub><b><strong>') !!}</p>
                    </div>
                </div>
            @endforeach
        </div>
        @if($project->poa_with_ms_cpa)
            <div class="project-sustainable-goals__poa"><p>{{ $project->poa_with_ms_cpa }}</p></div>
        @endif
        <div class="project-sustainable-goals__grid-button">
            <a>
                <span data-role="more-sdg" data-action="more-sdg">@lang('frontend.show_more') +</span>
                <span class="project-sustainable-goals--hide-btn" data-role="less-sdg" data-action="less-sdg">@lang('frontend.show_less') -</span>
            </a>
        </div>
    </div>
</div>
