@php
	$posts ??= [];
	$totalPosts ??= 0;
	
	$city ??= null;
	$cat ??= null;
	
	$colDescBox = (config('settings.listings_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, 'featured') == 1)
				@if (!empty(data_get($post, 'payment.package')))
					@if (data_get($post, 'payment.package.ribbon') != '')
						<div class="ribbon-horizontal {{ data_get($post, 'payment.package.ribbon') }}">
							<span>{{ data_get($post, 'payment.package.short_name') }}</span>
						</div>
					@endif
				@endif
			@endif
			
			@php
				$postUrl = \App\Services\UrlGen::post($post);
				$parentCatUrl = null;
				if (!empty(data_get($post, 'category.parent'))) {
					$parentCatUrl = \App\Services\UrlGen::category(data_get($post, 'category.parent'), null, $city);
				}
				$catUrl = \App\Services\UrlGen::category(data_get($post, 'category'), null, $city);
				$locationUrl = \App\Services\UrlGen::city(data_get($post, 'city'), null, $cat);
			@endphp
			
			<div class="row">
				<div class="{{ $colDescBox }} add-desc-box">
					<div class="items-details">
						<h5 class="add-title">
							<a href="{{ $postUrl }}">
								{{ str(data_get($post, 'title'))->limit(70) }}
							</a>
						</h5>
						
						@php
							$showPostInfo = (
								(!config('settings.listings_list.hide_post_type') && config('settings.listing_form.show_listing_type'))
								|| !config('settings.listings_list.hide_date')
								|| !config('settings.listings_list.hide_category')
								|| !config('settings.listings_list.hide_location')
							);
						@endphp
						@if ($showPostInfo)
							<span class="info-row">
								@if (!config('settings.listings_list.hide_post_type') && config('settings.listing_form.show_listing_type'))
									@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.listings_list.hide_date'))
									<span class="date"{!! (config('lang.direction')=='rtl') ? ' dir="rtl"' : '' !!}>
										<i class="fa-regular fa-clock"></i> {!! data_get($post, 'created_at_formatted') !!}
									</span>
								@endif
								@if (!config('settings.listings_list.hide_category'))
									<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="{!! $parentCatUrl !!}" class="info-link">
												{{ data_get($post, 'category.parent.name') }}
											</a>&nbsp;&raquo;&nbsp;
										@endif
										<a href="{!! $catUrl !!}" class="info-link">
											{{ data_get($post, 'category.name') }}
										</a>
									</span>
								@endif
								@if (!config('settings.listings_list.hide_location'))
									<span class="item-location"{!! (config('lang.direction')=='rtl') ? ' dir="rtl"' : '' !!}>
										<i class="bi bi-geo-alt"></i>&nbsp;
										<a href="{!! $locationUrl !!}" class="info-link">
											{{ data_get($post, 'city.name') }}
										</a> {{ data_get($post, 'distance_info') }}
									</span>
								@endif
							</span>
						@endif
						
						@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 h6 fw-bold">
						{!! data_get($post, 'price_formatted') !!}
					</h2>
					@if (!empty(data_get($post, 'payment.package')))
						@if (data_get($post, 'payment.package.has_badge') == 1)
							<a class="btn btn-danger btn-sm make-favorite">
								<i class="fa-solid fa-certificate"></i> <span>{{ data_get($post, 'payment.package.short_name') }}</span>
							</a>&nbsp;
						@endif
					@endif
					@if (!empty(data_get($post, 'savedByLoggedUser')))
						<a class="btn btn-success btn-sm make-favorite" id="{{ data_get($post, 'id') }}">
							<i class="fa-solid 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="fa-solid fa-bookmark"></i> <span>{{ t('Save') }}</span>
						</a>
					@endif
				</div>
			</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