@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-12">
      <!-- Zone de publicité Google -->
      <div class="ad-container" style="max-height: 200px; overflow: hidden;">
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4583524398114996"
     crossorigin="anonymous"></script>
<!-- affiche 1 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:200px"
     data-ad-client="ca-pub-4583524398114996"
     data-ad-slot="1963589449"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
      </div>
      <!-- Contenu alternatif -->
      <div class="fallback-ad" style="display: none; text-align: center;">
        <a href="https://adlyno.com" target="_blank">
          <img src="https://adlyno.com/assets/ADLYNO.png" alt="Promotion" style="max-width: 100%; height: auto;">
        </a>
      </div>
      <script>
        // Vérification après un délai si aucune annonce n'est affichée
        setTimeout(function () {
          var adContainer = document.querySelector('.adsbygoogle');
          var fallbackAd = document.querySelector('.fallback-ad');
          if (adContainer && fallbackAd) {
            // Vérifie si la zone de pub est vide
            if (adContainer.offsetHeight === 0 || adContainer.innerHTML.trim() === "") {
              adContainer.style.display = 'none'; // Cache la zone de pub
              fallbackAd.style.display = 'block'; // Affiche l'image alternative
            }
          }
        }, 3000); // Délai de 3 secondes pour laisser le temps à AdSense de charger
      </script>
    </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">
             @php
        $isFavorited = DB::table('favorites')
            ->where('user_id', auth()->id())
            ->where('post_id', $post->id)
            ->exists();
    @endphp
    
    @auth
           <div class="love-icon" 
             style="position: absolute; top: 10px; right: 10px; background-color:rgba(255, 255, 255, 1); border-radius: 50%; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center;" 
             data-post-id="{{ $post->id }}">

           

            <svg id="heart-icon-{{ $post->id }}" width="20" height="20" viewBox="0 0 24 24" fill="none" 
                 xmlns="http://www.w3.org/2000/svg" style="filter: drop-shadow(0 0 2px rgba(0,0,0,0.2));">
                <path d="M12 21.35L10.55 20.03C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5C22 12.28 18.6 15.36 13.45 20.04L12 21.35Z" 
                      fill="{{ $isFavorited ? '#ff0000' : 'rgba(255, 255, 255, 0.8)' }}"/>
            </svg>
        </div>
        @endauth

@guest
    <!-- Si l'utilisateur n'est pas connecté, afficher le bouton SVG et lancer SweetAlert -->
     <!-- Version pour les invités avec popup d'alerte -->
    <div class="love-icon guest-login-trigger" 
         style="position: absolute; top: 10px; right: 10px; background-color:rgba(0, 0, 0, 0.5); border-radius: 50%; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; cursor: pointer;" 
         
         onclick="showLoginAlert()">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" 
             xmlns="http://www.w3.org/2000/svg" style="filter: drop-shadow(0 0 2px rgba(0,0,0,0.2));">
            <path d="M12 21.35L10.55 20.03C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5C22 12.28 18.6 15.36 13.45 20.04L12 21.35Z" 
                  fill="rgba(255, 255, 255, 0.8)"/>
        </svg>
    </div>
@endguest




            <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://adlyno.s3.eu-north-1.amazonaws.com/uploads/Adlyno/' . $post->post_image) }}" alt="{{ $post->post_title }}" loading="lazy"/>
            </a>
        </div>
        
        <div class="featurebody">
            <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" style="font-size: 16px;">
                    {{ $post->post_title }} à {{ $post->city->city_name ?? '' }}
                </a>
            </h2>
            
            <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) }} TND 
                    @endif
                </span>
                
            </span>
        
        
       <div class="call-btn-container" style="margin-top: 1px; border-top: 1px solid #eee; padding-top: 1px;">
    <div style="display: flex; gap: 8px; margin-top: 8px;">
        <!-- Bouton Appel -->
        <a href="tel:{{ $post->post_phone_1 }}" 
           class="d-flex align-items-center justify-content-center"
           style="background: #373373;
                  color: white;
                  padding: 8px 20px;
                  border-radius: 8px;
                  text-decoration: none;
                  transition: all 0.2s ease;
                  gap: 8px;
                  font-size: 14px;
                  line-height: 1.5;
                  flex: 1;">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink: 0;">
                <path d="M20 15.5c-1.2 0-2.5-.2-3.6-.6-.3-.1-.7 0-1 .2l-2.2 2.2c-2.8-1.5-5.2-3.8-6.6-6.6l2.2-2.2c.3-.3.4-.7.2-1-.3-1.1-.5-2.4-.5-3.6 0-.5-.5-1-1-1H4c-.5 0-1 .5-1 1 0 9.4 7.6 17 17 17 .5 0 1-.5 1-1v-3.5c0-.5-.5-1-1-1zM19 11h2c0-5-4-9-9-9v2c3.9 0 7 3.1 7 7zm-4 0h2c0-2.8-2.2-5-5-5v2c1.7 0 3 1.3 3 3z"/>
            </svg>
           
        </a>

        <!-- Nouveau bouton Message -->
        <a href="sms:{{ $post->post_phone_1 }}" 
           class="d-flex align-items-center justify-content-center"
           style="background:  #fd9414;
                  color: white;
                  padding: 8px 20px;
                  border-radius: 8px;
                  text-decoration: none;
                  transition: all 0.2s ease;
                  gap: 8px;
                  font-size: 14px;
                  line-height: 1.5;
                  flex: 1;">
            <svg fill="#ffffff" height="15" width="15" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
<path d="M448,0H64C28.6,0,0,28.6,0,64v256c0,35.4,28.6,64,64,64h128l-42.7,128l192-128H448c35.4,0,64-28.6,64-64V64
	C512,28.6,483.4,0,448,0z M128,234.7c-23.6,0-42.7-19.1-42.7-42.7s19.1-42.7,42.7-42.7s42.7,19.1,42.7,42.7S151.6,234.7,128,234.7z
	 M256,234.7c-23.6,0-42.7-19.1-42.7-42.7s19.1-42.7,42.7-42.7s42.7,19.1,42.7,42.7S279.6,234.7,256,234.7z M384,234.7
	c-23.6,0-42.7-19.1-42.7-42.7s19.1-42.7,42.7-42.7s42.7,19.1,42.7,42.7S407.6,234.7,384,234.7z"/>
</svg>
        </a>
    </div>
</div>
    </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