@php
    $posts ??= [];
    $totalPosts ??= 0;

    $colDescBox = config('settings.list.display_mode') == 'make-compact' ? 'col-sm-9 col-12' : 'col-sm-7 col-12';
    $colPriceBox = 'col-sm-3 col-12';
@endphp
@if (!empty($posts) && $totalPosts > 0)
    @foreach ($posts as $key => $post)
        <div class="item-list">
            @if (data_get($post, 'postType.has_badge') && !empty(data_get($post, 'postType.ribbon')))
                <div class="ribbon-horizontal" style="border: 10px solid {{ data_get($post, 'postType.ribbon') }}; border-right: 10px solid transparent">
                    <span>{{ data_get($post, 'postType.short_name') }}</span>
                </div>
            @endif

            <div class="row">
                <div class="{{ $colDescBox }} add-desc-box">
                    <div class="items-details">
                        <h5 class="add-title">
                            <a
                                href="{{ \App\Helpers\UrlGen::post($post) }}">{{ str(data_get($post, 'title'))->limit(70) }}</a>
                        </h5>

                        <span class="info-row">
                            @if (config('settings.single.show_listing_types'))
                                @if (!empty(data_get($post, 'postType')))
                                    <span class="add-type business-posts" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" title="{{ data_get($post, 'postType.name') }}">
                                        {{ strtoupper(mb_substr(data_get($post, 'postType.name'), 0, 1)) }}
                                    </span>&nbsp;
                                @endif
                            @endif
                            @if (!config('settings.list.hide_dates'))
                                <span class="date" {!! config('lang.direction') == 'rtl' ? ' dir="rtl"' : '' !!}>
                                    <i class="far fa-clock"></i> {!! data_get($post, 'created_at_formatted') !!}
                                </span>
                            @endif
                            <span class="category" {!! config('lang.direction') == 'rtl' ? ' dir="rtl"' : '' !!}>
                                <i class="bi bi-folder"></i>&nbsp;
                                @if (!empty(data_get($post, 'category.parent')))
                                    <a href="{!! \App\Helpers\UrlGen::category(data_get($post, 'category.parent'), null, $city ?? null) !!}" class="info-link">
                                        {{ data_get($post, 'category.parent.name') }}
                                    </a>&nbsp;&raquo;&nbsp;
                                @endif
                                <a href="{!! \App\Helpers\UrlGen::category(data_get($post, 'category'), null, $city ?? null) !!}" class="info-link">
                                    {{ data_get($post, 'category.name') }}
                                </a>
                            </span>
                            <span class="item-location" {!! config('lang.direction') == 'rtl' ? ' dir="rtl"' : '' !!}>
                                <i class="bi bi-geo-alt"></i>&nbsp;
                                <a href="{!! \App\Helpers\UrlGen::city(data_get($post, 'city'), null, $cat ?? null) !!}" class="info-link">
                                    {{ data_get($post, 'city.name') }}
                                </a>
                                {{ !empty(data_get($post, 'distance')) ? '- ' . round(data_get($post, 'distance'), 2) . getDistanceUnit() : '' }}
                            </span>
                        </span>

                        @if (config('plugins.reviews.installed'))
                            @if (view()->exists('reviews::ratings-list'))
                                @include('reviews::ratings-list')
                            @endif
                        @endif
                    </div>
                </div>

                <div class="{{ $colPriceBox }} text-end price-box" style="white-space: nowrap;">
                    <h2 class="item-price">
                        {!! data_get($post, 'price_formatted') !!}
                    </h2>
                    {{-- @if (data_get($post, 'postType.has_badge') == 1)
                        <a class="btn btn-danger btn-sm make-favorite">
                            <i class="fa fa-certificate"></i>
                            <span>{{ data_get($post, 'postType.short_name') }}</span>
                        </a>&nbsp;
                    @endif --}}
                    @if (!empty(data_get($post, 'savedByLoggedUser')))
                        <a class="btn btn-success btn-sm make-favorite" id="{{ data_get($post, 'id') }}">
                            <i class="fas fa-bookmark"></i> <span>{{ t('Saved') }}</span>
                        </a>
                    @else
                        <a class="btn btn-default btn-sm make-favorite" id="{{ data_get($post, 'id') }}">
                            <i class="fas fa-bookmark"></i> <span>{{ t('Save') }}</span>
                        </a>
                    @endif
                </div>
            </div>
            <div class="d-flex flex-wrap mb-4">
                <div class="col-6 text-start mt-2">
                    @php
                        $saleStatusTag = App\Helpers\SaleStatus::getSaleStatusOption(data_get($post, 'saleStatus'));
                        $customStyle =
                            $saleStatusTag && $saleStatusTag->banner_type === 'custom'
                                ? 'color: ' .
                                    htmlspecialchars($saleStatusTag->banner_color) .
                                    '; background-color: ' .
                                    htmlspecialchars($saleStatusTag->banner_bgcolor) .
                                    ';'
                                : '';
                    @endphp

                    @if ($saleStatusTag && in_array($saleStatusTag->view, ['tilesListings', 'tilesOnly']))
                        <span class="listings_saleStatus_tag {{ $saleStatusTag->banner_type }} mt-2"
                            @if ($customStyle) style="{{ $customStyle }}" @endif>
                            {!! $saleStatusTag->abbr ?? $saleStatusTag->name !!}
                        </span>
                    @endif
                </div>
                <div class="col-6 text-end mt-2">
                    @if (data_get($post, 'negotiable') == 1)
                        <span class="btn-sm listNegBtn btn-success"> {{ t('negotiable') }}</span>
                    @endif
                </div>
            </div>
            <div class="row">
                <span class="listingID_tag text-muted">
                    Listing ID: {{ hashId(data_get($post, 'id'), false, false) }}
                </span>
            </div>
        </div>
    @endforeach
@else
    <div class="p-4" style="width: 100%;">
        {{ t('no_result_refine_your_search') }}
    </div>
@endif

@section('after_scripts')
    @parent
    <script>
        {{-- Favorites Translation --}}
        var lang = {
            labelSavePostSave: "{!! t('Save listing') !!}",
            labelSavePostRemove: "{!! t('Remove favorite') !!}",
            loginToSavePost: "{!! t('Please log in to save the Listings') !!}",
            loginToSaveSearch: "{!! t('Please log in to save your search') !!}"
        };
    </script>
@endsection