@extends('layouts.public')

@section('titre', $annonce->titre.' — InnerHayti')

@section('content')
<section class="detail">
  <div class="wrap">
    <a class="detail-back" href="{{ route('accueil') }}">← Retour</a>

    <div class="detail-grid">

      {{-- Galerie --}}
      <div class="gallery">
       <div class="main">
          @if($annonce->couverture)
            <img id="mainImg" src="{{ asset('storage/'.$annonce->couverture) }}" alt="{{ $annonce->titre }}">
          @endif
        </div>
        @if($annonce->images->count() > 1)
        <div class="thumbs">
          @foreach($annonce->images as $img)
            <img src="{{ asset('storage/'.$img->chemin) }}" alt=""
                 class="thumb {{ $loop->first ? 'active' : '' }}"
                 data-full="{{ asset('storage/'.$img->chemin) }}">
          @endforeach
        </div>
        @endif
      </div>

      {{-- Infos --}}
      <div class="detail-info">
        <span class="detail-badge">{{ $annonce->type->getLabel() }}</span>
        <h1>{{ $annonce->titre }}</h1>

        <div class="detail-meta">
          @if($annonce->auteur_nom)<span>Par {{ $annonce->auteur_nom }}</span>@endif
          <span class="loc"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1112 6a2.5 2.5 0 010 5.5z"/></svg> {{ $annonce->localisation ?? 'Haïti' }}</span>
          <span>👁 {{ $annonce->vues }} vues</span>
          <form class="like-form" method="POST" action="{{ route('annonce.like', $annonce) }}">
  @csrf
  <button type="submit" class="like-btn {{ in_array($annonce->id, session('likes', [])) ? 'liked' : '' }}">
    ♥ {{ $annonce->likes }}
  </button>
</form>
          @if($annonce->publiee_le)<span>{{ $annonce->publiee_le->format('d/m/Y') }}</span>@endif
        </div>

        {{-- Prix (marketplace) --}}
        @if($annonce->type === \App\Enums\TypeAnnonce::Marketplace && $annonce->marketplaceDetail?->prix)
          <div class="detail-price">{{ number_format($annonce->marketplaceDetail->prix, 0, ',', ' ') }} HTG</div>
        @endif

        {{-- Détails événement --}}
        @if($annonce->type === \App\Enums\TypeAnnonce::Evenement && $annonce->evenementDetail?->date_debut)
          <div class="detail-specs">
            <div class="row"><span class="k">Date</span><span class="v">{{ $annonce->evenementDetail->date_debut->format('d/m/Y') }}</span></div>
          </div>
        @endif

          {{-- Détails livre --}}
        @if($annonce->type === \App\Enums\TypeAnnonce::Livre && $annonce->livreDetail)
          @if($annonce->livreDetail->prix)
            <div class="detail-price">{{ number_format($annonce->livreDetail->prix, 0, ',', ' ') }} HTG</div>
          @endif
          <div class="detail-specs">
            @if($annonce->livreDetail->auteur)<div class="row"><span class="k">Auteur</span><span class="v">{{ $annonce->livreDetail->auteur }}</span></div>@endif
            @if($annonce->livreDetail->genre)<div class="row"><span class="k">Genre</span><span class="v">{{ $annonce->livreDetail->genre }}</span></div>@endif
            @if($annonce->livreDetail->editeur)<div class="row"><span class="k">Éditeur</span><span class="v">{{ $annonce->livreDetail->editeur }}</span></div>@endif
            @if($annonce->livreDetail->annee_publication)<div class="row"><span class="k">Année</span><span class="v">{{ $annonce->livreDetail->annee_publication }}</span></div>@endif
            @if($annonce->livreDetail->etat)<div class="row"><span class="k">État</span><span class="v">{{ ucfirst($annonce->livreDetail->etat) }}</span></div>@endif
          </div>
        @endif

        {{-- Description --}}
        <div class="detail-desc">{{ $annonce->description }}</div>

        {{--
          POUR PLUS TARD : pour les types Emploi, Annuaire (et Livre à venir),
          ajoute ici un bloc <div class="detail-specs"> sur le même modèle que
          l'événement, en affichant les champs de leur table de détails.
        --}}

        {{-- Contact --}}
        <div class="contact-card">
          <h3>Contacter</h3>
          @if($annonce->contact_nom)<div class="contact-row">{{ $annonce->contact_nom }}</div>@endif
          @if($annonce->contact_telephone)<div class="contact-row">Tél : {{ $annonce->contact_telephone }}</div>@endif
          @if($annonce->contact_email)<div class="contact-row">Courriel : {{ $annonce->contact_email }}</div>@endif

          @if($annonce->contact_telephone)
            <a class="btn-whatsapp"
               href="https://wa.me/{{ preg_replace('/\D/', '', $annonce->contact_telephone) }}"
               target="_blank" rel="noopener">
              Contacter via WhatsApp
            </a>
          @endif
        </div>
      </div>

    </div>
  </div>
</section>
@if($pertinentes->isNotEmpty())
<section class="block">
  <div class="wrap">
    <div class="block-head"><h2>Annonces similaires</h2></div>
    <div class="grid">
      @foreach($pertinentes as $a)
        @include('public.partials.carte-annonce', ['a' => $a])
      @endforeach
    </div>
  </div>
</section>
@endif

@endsection