@extends('layouts.master')
@section('page', 'Actualités')
@section('publicationactive', 'active')
@section('content')
  
  <!-- breadcrumb section -->
  <div class="breadcrumb-area">
    <div class="container">
      <!-- row -->
      <div class="row ">
        <!-- col -->
        <div class="col-12">
          <!-- breadcrumb -->
          <div class="breadcrumb-content">
            <h2>Publication</h2>
            <ul>
              <li><a href="{{('/')}}">Accueil</a></li>
              <li><a href="javascript:void(0)">Publication</a></li>
              
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <section class="theme-bg-white py-5">
    <div class="container">
      <!-- blog post -->
      <div class="row mt-5">
        @foreach(post() as $posts)
                <div class="col-12 col-lg-6 mb-4" style="cursor: pointer;" onclick="window.location.href='{{url('detail_post/'.$posts->idpost)}}'">
          <div class="news-card row g-0">
            <div class="col-12 col-lg-6">
              <div class="theme-box-shadow theme-border-radius overflow-hidden position-relative">
                <figure class="mb-0 img-effect">
                  <img src="{{asset($posts->photo)}}" class="img-fluid" alt="news articles">
                </figure>
                <div class="date-tags position-absolute">
                  <div class="flood-effect">
                    <a href="javascript:void(0)" class="font-small"><i class="bi bi-calendar4-week me-2"></i> {{$day}} {{ $months[$month-1]}} {{$year}}</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="p-2 p-lg-2 p-xl-4 col-12 col-lg-6">
              <h2 class="fs-5 fw-bold mb-3">{{$posts->title}}</h2>
              <div class="theme-text-accent-one mb-2">
                {!! Str::limit($posts->body, 200, '...') !!}
              </div>
              <ul class="d-flex flex-row mb-2">
                <li class="small pe-3">
                  <a href="#" class="theme-text-accent-one"> <i class="bi bi-person pe-2"></i> Living Sun</a>
                </li>
                <li class="small">
                  <a href="#" class="theme-text-accent-one"> <i class="bi bi-calendar-week pe-2"></i>{{$day}} {{ $months[$month-1]}} {{$year}}</a>
                </li>
              </ul>
              <div class="d-flex custom-button">
                <a href="{{url('detail_post/'.$posts->idpost)}}" class="rounded-pill custom-btn-secondary font-small button-effect px-4">Lire la suite<i class="bi bi-arrow-right ms-2"></i></a>
              </div>
            </div>
          </div>
        </div>
        @endforeach
        
        <!-- repetable -->
      </div>
      <div class="row">
        <div class="col-12 mt-5">
          <nav aria-label="Page navigation example">
            {{post()->Links()}}
          </nav>
        </div>
      </div>
    </div>
  </section>



  

@endsection