@php
    use App\Enums\LinkDestinationType;
    use App\Enums\ElementTarget;
@endphp
<script>
    const planData = {!! json_encode($planData) !!};
    const linkPlanDetail = {!! json_encode(setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url)) !!};
</script>


<section class="plan-top">
    <div class="plan-content">
        <div class="container">
            <h1 class="recommend-title">Plan</h1>
            <h3 class="recommend-desc" data-i18n="plan_content.heading"></h3>
            <div class="slide-plan" id="slide-plan">
                <div class="swiper swiper-plan-slide">
                    <div class="swiper-wrapper" id="slide-plan-list">
                    </div>
                    <a class="more"
                        href="{{ setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) }}">
                        <h2 class="txt-more" data-i18n="plan_content.btn_list"></h2>
                        <span class="icon-more">
                            <svg id="chevron-right" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                viewBox="0 0 24 24">
                                <path id="Path_8494" data-name="Path 8494" d="M0,0H24V24H0Z" fill="none"></path>
                                <path id="Path_8495" data-name="Path 8495" d="M9,6l6,6L9,18" transform="translate(0 0)"
                                    fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2"></path>
                            </svg>
                        </span>
                    </a>
                </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>
</section>