@php
    use App\Enums\Meals;
    use App\Enums\ThePlan;
@endphp
<script>
    const planData = {!! json_encode($planData) !!};
    const linkPlanDetail = {!! json_encode(setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url)) !!};
</script>
<div class="plan-content relative">
    <div class="container">
        <div class="plan-content__modal">
            <div class="plan-content__select flex" id="plan-content__select">
                <select name="recommended" id="recommended" class="pc">
                    <option data-i18n="plan_modal.recommended_button.button_recommend" value="{{ ThePlan::RECOMMENDED }}"
                        {!! setSelected(fieldPropertyValue('plan_display1', $item), ThePlan::RECOMMENDED) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.the_plan.' . ThePlan::RECOMMENDED) !!}</option>
                    <option data-i18n="plan_modal.recommended_button.button_popular" value="{{ ThePlan::POPULAR }}"
                        {!! setSelected(fieldPropertyValue('plan_display1', $item), ThePlan::POPULAR) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.the_plan.' . ThePlan::POPULAR) !!}</option>
                    <option data-i18n="plan_modal.recommended_button.button_limited" value="{{ ThePlan::LIMITED_TIME }}"
                        {!! setSelected(fieldPropertyValue('plan_display1', $item), ThePlan::LIMITED_TIME) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.the_plan.' . ThePlan::LIMITED_TIME) !!}</option>
                </select>
                <select name="recommended" id="recommended" class="sp">
                    <option data-i18n="plan_modal.recommended_button.button_recommend"
                        value="{{ ThePlan::RECOMMENDED }}" {!! setSelected(fieldPropertyValue('plan_display1_sp', $item), ThePlan::RECOMMENDED) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.the_plan.' . ThePlan::RECOMMENDED) !!}</option>
                    <option data-i18n="plan_modal.recommended_button.button_popular" value="{{ ThePlan::POPULAR }}"
                        {!! setSelected(fieldPropertyValue('plan_display1_sp', $item), ThePlan::POPULAR) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.the_plan.' . ThePlan::POPULAR) !!}</option>
                    <option data-i18n="plan_modal.recommended_button.button_limited" value="{{ ThePlan::LIMITED_TIME }}"
                        {!! setSelected(fieldPropertyValue('plan_display1_sp', $item), ThePlan::LIMITED_TIME) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.the_plan.' . ThePlan::LIMITED_TIME) !!}</option>
                </select>
                <select name="recommended" id="breakfast" class="pc">
                    <option data-i18n="plan_modal.breakfast_button.button_all" value="{{ Meals::ALL }}"
                        {!! setSelected(fieldPropertyValue('plan_display2', $item), Meals::ALL) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.meals.' . Meals::ALL) !!}</option>
                    <option data-i18n="plan_modal.breakfast_button.button_without_meals"
                        value="{{ Meals::WITHOUT_MEALS }}" {!! setSelected(fieldPropertyValue('plan_display2', $item), Meals::WITHOUT_MEALS) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.meals.' . Meals::WITHOUT_MEALS) !!}</option>
                    <option data-i18n="plan_modal.breakfast_button.button_with_meal" value="{{ Meals::WITH_MEALS }}"
                        {!! setSelected(fieldPropertyValue('plan_display2', $item), Meals::WITH_MEALS) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.meals.' . Meals::WITH_MEALS) !!}</option>
                </select>
                <select name="recommended" id="breakfast" class="sp">
                    <option data-i18n="plan_modal.breakfast_button.button_all" value="{{ Meals::ALL }}"
                        {!! setSelected(fieldPropertyValue('plan_display2_sp', $item), Meals::ALL) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.meals.' . Meals::ALL) !!}</option>
                    <option data-i18n="plan_modal.breakfast_button.button_without_meals"
                        value="{{ Meals::WITHOUT_MEALS }}" {!! setSelected(fieldPropertyValue('plan_display2_sp', $item), Meals::WITHOUT_MEALS) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.meals.' . Meals::WITHOUT_MEALS) !!}</option>
                    <option data-i18n="plan_modal.breakfast_button.button_with_meal" value="{{ Meals::WITH_MEALS }}"
                        {!! setSelected(fieldPropertyValue('plan_display2_sp', $item), Meals::WITH_MEALS) !!}>
                        {!! config('translate.' . $lang . '.common_element.plan.meals.' . Meals::WITH_MEALS) !!}</option>
                </select>
            </div>
        </div>
        <div class="plan-content__list flex relative" id="data-plan-list"></div>
        <div class="pagination-cm" id="pagination-plan"></div>
    </div>
</div>