@extends('layouts.app2')

@section('title', __('Adlyno') . (request('search_term') ? ' - Recherche pour ' . request('search_term') : ''))
 
@section('meta_keywords')
{{ "recherche, Adlyno, " . request('search_term') . ", annonces, Tunisie, achat, vente, offres spéciales" }}
@endsection

@section('meta_description')
{{ "Résultats de recherche pour '" . request('search_term') . "' sur Adlyno. Trouvez et découvrez des annonces pertinentes pour '" . request('search_term') . "' en Tunisie." }}
@endsection



        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/14.6.3/nouislider.min.css">


         @section('content')  
                   <style>
    .new-style .singleFeatureCard .featurebody {
    padding: 10px;
    border-radius: 0 0 0px 0px;
    height: auto;
    display: flex
;
    flex-direction: column;
}



.new-style .singleFeatureCard .featurebody p {
    margin-bottom: 1px;
    font-size: 14px;
}
  </style>
<div class="container">
  <div class="row">
    <div class="col-1 ">
      <!-- Cette colonne sera masquée sur les petits écrans -->
    </div>
    <div class="col-10 ">
      <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4583524398114996"
              crossorigin="anonymous"></script>
      <ins class="adsbygoogle"
           style="display:block"
           data-ad-client="ca-pub-4583524398114996"
           data-ad-slot="1178322125"
           data-ad-format="auto"
           data-full-width-responsive="true"></ins>
      <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
    </div>
    <div class="col-1 ">
      <!-- Cette colonne sera masquée sur les petits écrans -->
    </div>
  </div>
</div>


                        <div class="all-listing" data-padding-top="50" data-padding-bottom="0">
    <div class="container-1920 plr1">
        <!--Sidebar Icon-->
        <div class="sidebar-btn d-none">
            <a href="javascript:void(0)"><i class="las la-bars"></i></a>
        </div>

        <form action="{{ route('search_posts') }}" method="GET" id="search_listings_form">
           

            <div class="catabody-wraper">
               
                
            
                <div class="cateRightContent  active-map  ">

                    <!-- loader -->
                   

                    <div class="cateRightContentWraper">
                        <div class="content-part">
                             <div class="viewItems">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="select-itms">
                               
                                    <select name="select" class="niceSelect">
                                        <option value="0" {{ request('select') == 0 ? 'selected' : '' }}>{{ __('Toute la Tunisie') }}</option>
                                        @foreach($cities as $city)
                                        <option value="{{ $city->aid }}" {{ request('select') == $city->aid ? 'selected' : '' }}>
                                            {{ $city->city_name }}
                                        </option>
                                        @endforeach
                                    </select>
                                    <i class="las la-map-marker-alt icon"></i>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="SearchWrapper">
                                <div class="searchBox-wrapper search-box">
                                    <div class="input-form">
                                        <input type="text" name="search_term" class="keyup-input" placeholder="Recherche par nom" value="{{ request('search_term') }}">
                                        <button type="submit" class="icon">
                                            <i class="las la-search"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                            <div class=" ">
                                    <div >
                                                                           <div class="singleFeatureCardWraper pt-5 d-flex flex-wrap">
    @php
        $counter = 0; // Initialiser un compteur
    @endphp

    @foreach($Posts as $post)
        <div class="singleFeatureCard flex-fill" style="max-width: 46%;">
            <div class="featureImg">
                <a href="{{ route('product.details', [
                    'id' => $post->id, 
                    'category' => Str::slug($post->category->category_name), 
                    'productName' => $post->post_title ? Str::slug($post->post_title) : 'adlyno'
                ]) }}" class="main-card-image">
                    <img src="{{ asset('https://www.adlyno.com/apptn.adlyno.com/images/' . $post->post_image) }}" alt="" loading="lazy"/>
                </a>
            </div>
            <div class="featurebody">
                <div class="card-body-top">
                    <h2>
                        <a href="{{ route('product.details', [
                            'id' => $post->id, 
                            'category' => Str::slug($post->category->category_name), 
                            'productName' => $post->post_title ? Str::slug($post->post_title) : 'adlyno'
                        ]) }}" class="featureTittle head4 twoLine">
                            {{ $post->post_title }} à {{ $post->city->city_name ?? '' }}
                        </a>
                    </h2>
                </div>
                <p class="featureCap d-flex align-items-center gap-1">
                    <span class="oneLine">{{ $post->city->city_name ?? 'City not specified' }}.</span>
                </p>
            
                <span class="featurePricing d-flex justify-content-between align-items-center">
                    <span class="money">
                        @if($post->post_money == 0)
                            Négociable
                        @else
                            {{ number_format($post->post_money, 2) }} TND
                        @endif
                    </span>
                    <span class="date">
                        {{ $post->created_at->diffForHumans() }}
                    </span>
                </span>
            </div>
        </div>

        @php
            $counter++; // Incrémenter le compteur
        @endphp

        @if($counter % 12 == 0)
            <div class="container pt-2">
                <div class="row">
                    <div class="col-1"></div>
                    <div class="col-10">
                        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4583524398114996"
                                crossorigin="anonymous"></script>
                        <ins class="adsbygoogle"
                             style="display:block"
                             data-ad-client="ca-pub-4583524398114996"
                             data-ad-slot="1178322125"
                             data-ad-format="auto"
                             data-full-width-responsive="true"></ins>
                        <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>
                    <div class="col-1"></div>
                </div>
            </div>
        @endif
    @endforeach
</div>
                                    </div>
                                </div>
                            
                            <!-- List View -->
                            
                        </div>

                        <!--Google Map-->
                                                                                                                         
                                                                                                        </div>

                    <!-- Pagination -->
                   @if ($Posts->hasPages())
                <div class="row justify-content-center">
                    <div class="col-lg-12">
                        <div class="pagination mt-0 mb-100">
                            <ul class="pagination-list">
                                {{-- Previous Page Link --}}
                                @if (!$Posts->onFirstPage())
                                <li class="wow fadeInRight" data-wow-delay="0.0s">
                                    <a href="{{ $Posts->previousPageUrl() }}" rel="prev" class="page-number">
                                        <i class="las la-angle-left"></i>
                                    </a>
                                </li>
                                @endif

                                {{-- Pagination Elements --}}
                                @php
                                $start = 1;
                                $end = $Posts->lastPage();
                                if ($Posts->currentPage() > 3) {
                                    echo '<li><a href="' . $Posts->url(1) . '" class="page-number">1</a></li>';
                                    if ($Posts->currentPage() > 4) {
                                        echo '<li><span class="page-number">...</span></li>';
                                    }
                                }
                                $current = max($Posts->currentPage() - 1, $start);
                                $current = min($current, $end - 2);
                                $limit = $current + 2;
                                for ($i = $current; $i <= $limit; $i++) {
                                    if ($i == $Posts->currentPage()) {
                                        echo '<li><span class="page-number current">' . $i . '</span></li>';
                                    } else {
                                        echo '<li><a href="' . $Posts->url($i) . '" class="page-number">' . $i . '</a></li>';
                                    }
                                }
                                if ($Posts->currentPage() < $end - 3) {
                                    echo '<li><span class="page-number">...</span></li>';
                                    echo '<li><a href="' . $Posts->url($end) . '" class="page-number">' . $end . '</a></li>';
                                }
                                @endphp

                                {{-- Next Page Link --}}
                                @if ($Posts->hasMorePages())
                                <li class="wow fadeInLeft" data-wow-delay="0.0s">
                                    <a href="{{ $Posts->nextPageUrl() }}" rel="next" class="page-number">
                                        <i class="las la-angle-right"></i>
                                    </a>
                                </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
                @endif

                </div>
            </div>
        </form>
    </div>
</div>






            
@if(!$isWebView)    
 @include('../layouts.footer')
@endif


@endsection