@extends('layouts.app')

@section('title', 'Actualités & insights')
@section('meta_description', 'Analyses et retours d’expérience sur l’e-commerce, le SaaS, l’ERP et l’IA appliquée.')

@isset($query)
    @section('robots', 'noindex, nofollow')
@endisset

@php
  // Pagination SEO: noindex,follow for pages > 1
  $currentPage = isset($pagination['current_page']) ? (int) $pagination['current_page'] : (int) request()->get('page', 1);
  if ($currentPage > 1) {
      $__env->startSection('robots', 'noindex, follow'); $__env->stopSection();
  }
@endphp

@section('head')
  @isset($pagination)
    @php
      $current = $pagination['current_page'] ?? 1;
      $last = $pagination['last_page'] ?? 1;
      $base = url()->current();
      $prevNum = $current - 1;
      $nextNum = $current + 1;
      $prevUrl = $prevNum > 1 ? $base.'?page='.$prevNum : $base;
      $nextUrl = $base.'?page='.$nextNum;
    @endphp
    @if(($current ?? 1) > 1)
      <link rel="prev" href="{{ $prevUrl }}">
    @endif
    @if(($current ?? 1) < ($last ?? 1))
      <link rel="next" href="{{ $nextUrl }}">
    @endif
  @endisset
@endsection

@section('content')

  <!-- Bloc Histoire -->
  <section class="py-5">
    <div class="container py-lg-3 py-xl-4 py-xxl-5">

      <!-- Page title + Layout switcher + Search form -->
      <div class="row align-items-end gy-3 mb-4 pb-lg-3 pb-1">
        <div class="col-lg-5 col-md-4">
          <h1 class="mb-2 mb-md-0">Actualités & insights</h1>
        </div>
        <div class="col-lg-7 col-md-8">
          <form action="{{ route('post.search') }}" method="GET" class="row gy-2">
            <div class="col-lg-5 col-sm-6">

            </div>
            <div class="col-lg-7 col-sm-6">
              <div class="input-group">
                <input type="text" name="query" class="form-control pe-5 rounded" placeholder="Rechercher un article..." value="{{ request('query') }}">
                <button type="submit" class="position-absolute top-50 end-0 translate-middle-y me-3 zindex-5 fs-lg border-0 bg-transparent">
                  <i class="bi bi-search"></i>
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>

      <div class="row mb-3">
        <div class="col-12 col-lg-10">
          <p>Analyses courtes, études de cas et retours d’expérience — l’IA appliquée au service du business, sans buzzwords.</p>
        </div>
      </div>
      <!-- post grid -->
      <div class="row row-cols-lg-3 row-cols-sm-2 row-cols-1 gy-md-4 gy-2">
        @foreach ($posts as $post)
        <!-- Item -->
        <div class="col pb-3">
          @include('posts.card', ['post'=> $post])
        </div>
        @endforeach
      </div>
      <!-- Pagination -->
      @include('layouts.pagination', ['pagination' => $pagination ])

    </div>
  </section>


@endsection