@php
    use App\Enums\LinkingTagTarget;
    $linkingTags = [];
    foreach ($planData as $key => $plan) {
        if (!empty($plan['linking_tags'])) {
            foreach ($plan['linking_tags'] as $linkingTag) {
                $linkingTags[] = $linkingTag['target'];
            }
        }
    }
    $uniqueLinkingTags = array_unique($linkingTags);
    $substring = 'post_';
    $namePostGroups = $project->postGroups->groupBy(function ($postGroup) use ($substring) {
        return $substring . $postGroup['id'];
    });
@endphp
<div class="plan-content">
    <div class="container">
        <div class="recommend-desc heading-main" data-i18n="plan_modal.title"></div>
        <div class="recommend-title pc" data-i18n="plan_modal.subheading"></div>
        <div class="recommend-title sp" data-i18n="plan_modal.subheading_sp"></div>
        <div class="recommend-list">
            <div class="recommend-item active" data-i18n="linking_tag.all" onclick="changePlan(event, 'all')"></div>
            @foreach ($uniqueLinkingTags as $linkingTag)
                @if (strpos($linkingTag, $substring) !== false)
                    @if ($namePostGroups->get($linkingTag))
                        <div class="recommend-item" onclick="changePlan(event, '{!! $linkingTag !!}')">
                            {!! setTextDefault(textLocale('post_name', $namePostGroups->get($linkingTag)->first(), $lang)) !!}
                        </div>
                    @endif
                @else
                    <div class="recommend-item" data-i18n="linking_tag.{!! $linkingTag !!}"
                    onclick="changePlan(event, '{!! $linkingTag !!}')"></div>
                @endif
            @endforeach
        </div>
        <div class="line"></div>
        <div class="slide-plan" id="slide-plan">
            <div class="swiper swiper-plan-content" id="slide-plan-list"></div>
            <div class="box-pagination">
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>
</div>

@push('script-data-detail')
    <script>
        const planData = {!! json_encode($planData) !!};
        const linkPlanDetail = {!! json_encode(setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url)) !!};
    </script>
@endpush