@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>Détail Publication</h2>
            <ul>
              <li><a href="{{('/')}}">Accueil</a></li>
              <li><a href="javascript:void(0)">Détail Publication</a></li>
              
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <section class="recom-sec theme-bg-white py-5">
    <div class="container">
      <div class="row">
        <!-- left side blog post -->
        <div class="col-md-8 col-sm-12 col-xs-12">
          <div class="row">
            <!-- blog post details -->
            <div class="col-12">
                            <div class="post-wrap">
                <div class="overflow-hidden hoverShine theme-border-radius">
                  <figure class="mb-0 img-effect">
                    <img src="{{asset($post->photo)}}" class="img-fluid" alt="flight-destination"
                      title="flight-destination">
                  </figure>
                </div>
                <div class="d-flex align-items-center justify-content-between my-3">
                  <div class="">
                    <span class="d-inline-flex p-3 rounded-circle theme-bg-accent-two theme-box-shadow me-3">
                      <i class="bi bi-pencil"></i>
                    </span>
                    <span class="author-info">Living Sun, </span>
                  </div>
                  <span class="font-medium">
                    <i class="bi bi-calendar-week me-2"></i>
                    <span class=" theme-text-accent-one">{{$day}} {{ $months[$month-1]}} {{$year}}</span>
                  </span>
                </div>
                <h2 class="post-head">{!! $post->title !!}</h2>
                <div class="post-desc">
                  {!! $post->body !!}
                </div>
                
                
              </div>
            </div>
            <!-- blog post social -->
            
            <!-- Comment section -->
            
          </div>
        </div>
        <!-- blog sidebar -->
        <div class="col-md-4 col-sm-12 col-xs-12">
          <div class="row">
            <!-- blog search -->
            
            <!-- Trending post Tags  -->
            <div class="col-12">
              <h6 class="blog-list-head">Publications similaires</h6>
              <!-- trending post 01 -->
              @foreach($similaire as $similaires)
                            <div class="theme-box-shadow theme-border-radius px-4 py-4 theme-bg-white mb-4" style="cursor: pointer;" onclick="window.location.href='{{url('detail_post/'.$similaires->idpost)}}' ">
                <div class="row g-0">
                  <div class="col-12 col-xxl-6 overflow-hidden theme-border-radius">
                    <div class="overflow-hidden">
                      <figure class="mb-0 img-effect">
                        <img src="{{asset($similaires->photo)}}" class="img-fluid" alt="flight-destination-one"
                          title="flight-destination-one">
                      </figure>
                    </div>
                  </div>
                  <div class="col-12 col-xxl-6 align-self-center">
                    <div class="mt-2 mt-xxl-0 ps-md-0 ps-xxl-3">
                      <span class="d-flex fw-bold">{!! Str::limit($similaires->title, 50, '...') !!}</span>
                      <span class="d-flex font-small fw-normal theme-text-accent-one">{!! Str::limit($similaires->body, 50, '...') !!}</span>
                      <a href="{{url('detail_post/'.$similaires->idpost)}}" class="d-inline-flex mt-2 text-link"><span>Lire maintenant</span></a>
                    </div>
                  </div>
                </div>
              </div>
              @endforeach
              
            </div>
            
          </div>
        </div>
      </div>
    </div>
  </section>

  

@endsection