@php
    use App\Enums\Boolean;
@endphp
@if (!empty($postInformation))
    <div class="product-list-column">
        <div class="product-list">
            @foreach ($postInformation as $index => $post)
                <div class="product-item{{ $index % 2 === 0 ? '' : ' flex-row-reverse' }}" data-aos="fade-up">
                    <div class="swiper-thumb swiper pc">
                        <div class="swiper-wrapper">
                            @foreach (listImage($post) as $image)
                                <div class="swiper-slide">
                                    <div class="image-aspect-ratio">
                                        <img src="{!! setImagePreview($image) !!}" alt="" loading="lazy" />
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper-button">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="swiper-thumb swiper sp">
                        <div class="swiper-wrapper">
                            @foreach (listImage($post, true) as $image)
                                <div class="swiper-slide">
                                    <div class="image-aspect-ratio">
                                        <img src="{!! setImagePreview($image) !!}" alt="" loading="lazy" />
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="text-content">
                        <div class="info">
                            <div class="info__header">
                                <span class="pc">{!! setTextDefault(textLocale('name', $post, $lang)) !!}</span>
                                <span class="sp">{!! setTextDefault(textLocale('name_sp', $post, $lang)) !!}</span>
                            </div>
                            <div class="info__description">
                                <span class="pc">{!! setTextDefault(textLocale('body', $post, $lang)) !!}</span>
                                <span class="sp">{!! setTextDefault(textLocale('body_sp', $post, $lang)) !!}</span>
                            </div>
                        </div>
                        <div class="buttons">
                            @if (fieldPropertyValue('detail_page', $post) == Boolean::TRUE)
                                <a class="btn-detail" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('parent_slug', $post)) .
                                    '/' .
                                    fieldPropertyValue('slug', $post) !!}" data-i18n="btn_detail"></a>
                            @endif
                            @if (fieldPropertyValue('reservation_engine_link', $post))
                                <a class="btn-detail pc" href="{!! fieldPropertyValue('reservation_engine_link', $post) !!}" data-i18n="btn_reservation"></a>
                            @endif
                            @if (fieldPropertyValue('reservation_engine_link_sp', $post))
                                <a class="btn-detail sp" href="{!! fieldPropertyValue('reservation_engine_link_sp', $post) !!}" data-i18n="btn_reservation"></a>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif