@extends('layouts.previews.ana')

@php
    use App\Enums\ElementType;
    use App\Enums\PlanListDefault;
    use App\Enums\CustomElementType;
    use App\Enums\PlanCategory;
@endphp
@section('content')
    <div class="page-plan-list" id="page-plan-list">
        <div class="banner-block flex center-align relative">
            <div class="image-aspect-ratio-banner"><img src="{!! setImagePreview(fieldPropertyValue('plan_list_image', $basic)) !!}" alt="" /></div>
            <div class="banner-txt">
                <h2 class="banner-title" data-i18n="plan_list.concept.title"></h2>
                <h2 class="banner-title"></h2>
            </div>
        </div>
        <div class="content">
            <div class="container">
                <div class="description" data-aos="fade-up" data-i18n="plan_list.concept.body">
                </div>
            </div>
        </div>
        <div class="page-sub-menu-content">
            <div class="container">
                <ul class="clearfix" id="sort-plan-by-category" data-aos="fade-up">
                    @foreach ($planCategories as $planCategory)
                        @if ($loop->first)
                            <li class="active" data-category="{{ fieldPropertyValue('id', $planCategory) }}">
                                {!! setTextDefault(textLocale('name', $planCategory, $lang)) !!}
                            </li>
                        @else
                            <li data-category="{{ fieldPropertyValue('id', $planCategory) }}">
                                {!! setTextDefault(textLocale('name', $planCategory, $lang)) !!}
                            </li>
                        @endif
                        @if ($loop->last)
                            <li data-category="0" data-i18n="plan_list.categories.7">
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
        </div>
        <div class="plan-list-content" data-aos="fade-up">
            <div class="container">
                <ul class="clearfix" id="plan-content"></ul>
            </div>
        </div>
        @foreach ($elements as $item)
            @if (fieldPropertyValue('status', $item))
                @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT)
                    @switch(fieldPropertyValue('default_element_type', $item))
                        @case(PlanListDefault::PLAN)
                            @php
                                $planContent = $item;
                            @endphp
                        @break

                        @case(PlanListDefault::CV_NEXT)
                            @php
                                $reserveContent = $item;
                            @endphp
                        @break
                    @endswitch
                @endif
            @endif

            @if (textLocale('status', $item, $lang) &&
                    fieldPropertyValue('custom_element_type', $item) >= CustomElementType::ONE_COLUMN &&
                    fieldPropertyValue('custom_element_type', $item) <= CustomElementType::SIDE_CONTENT_V2)
                <div class="container">
                    @include('preview.customs.customContent')
                </div>
            @endif
        @endforeach
        @if (!empty($planContent) && !empty($reserveContent))
            @include('preview.ana.commons.plan')
        @endif
    </div>
@endsection