@extends('layouts.previews.ibisStylesV2')

@php
    use App\Enums\ElementType;
    use App\Enums\NewsElementDefault;
    use App\Enums\CustomElementType;
    $linkNewsDetail = setUrl($project->id, $domainPublish ?? false, $lang, $project->news_url);
@endphp

@section('content')
    <script>
        const newsData = @json($dataDetail ? $dataDetail[$lang] : []);
        const linkNewsDetail = @json($linkNewsDetail);
    </script>
    <div class="page-news-list page-header-white" id="page-news-list">
        <div class="banner-block">
            <div class="container-custom">
                <div class="flex center-align relative between-justify">
                    <div class="banner-txt">
                        <div class="banner-txt__heading">
                            <div class="banner-txt__sub-title" data-i18n="new_list.subheading"></div>
                            <h1 class="banner-txt__title">{!! setTextDefault(textLocale('news_list_title', $basic, $lang)) !!}</h1>
                            <p class="banner-txt__sub-description pc">{!! setTextDefault(textLocale('news_list_introduction', $basic, $lang)) !!}</p>
                        </div>
                    </div>
                    <div class="img-wrap">
                        <div class="img-scale"><img src="{!! setImagePreview(fieldPropertyValue('news_list_image', $basic)) !!}" alt="Plan banner" /></div>
                    </div>
                </div>
            </div>
        </div>
        @foreach ($elements as $item)
            @if (fieldPropertyValue('status', $item))
                @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT)
                    @switch(fieldPropertyValue('default_element_type', $item))
                        @case(NewsElementDefault::NEW_LIST)
                            <div class="total-list">
                                <div class="container-custom pc" id="data-news-list">
                                    <div class="news-content-list-grid"></div>
                                    <div class="news-content-list-table"></div>
                                </div>
                                <div class="container-custom sp" id="data-news-list">
                                    <div class="news-content-list-grid"></div>
                                    <div class="news-content-list-table"></div>
                                </div>
                                <div class="pagination-cm" id="pagination-news"></div>
                            </div>
                        @break

                        @case(NewsElementDefault::PLAN)
                            @include('preview.ibisStylesV2.commons.plan')
                        @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="add-custom-content">
                    <div class="container">
                        @include('preview.customs.customContent')
                    </div>
                </div>
            @endif
        @endforeach
        @include('preview.ibisStylesV2.commons.allContaint')
        @include('preview.ibisStylesV2.commons.reserve')
    </div>
@endsection