@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')

<!-- Breadcrumb Area -->
  <div class="breadcrumb-area">
    <div class="container">
      <div class="breadcrumb-wrap text-center">
        <h2 class="page-title">{{ __('Press Releases') }}</h2>
        <ul class="breadcrumb-pages">
          <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
          <li class="page-item">{{ __('Latest News') }}</li>
        </ul>
      </div>
    </div>
  </div>
<!-- /Breadcrumb Area -->

<!-- Work Area -->
  <div class="about-us-area section">
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          <div class="emzNewsBox">
            <img src="{{ asset($press->image_larg) }}" class="emzNewsImg">
            <div class="d-flex align-items-baseline justify-content-between">
              <div>
                <div class="emzNewsTit">{{ langConverter($press->en_title,$press->fr_title) }}</div>
                  <div class="emzNewsDateBox rscnNewsDateBox">
                    <div class="emzNewsDate">{{ date('d,M Y',strtotime($press->date)) }}</div>
                    <div class="d-flex align-items-center">
                      <div class="emzNewsTime">{{ __('Estimated reading time :') }}</div>
                      <div>{{ $press->read_time.' '.__('min') }}</div>
                    </div>
                  </div>
              </div>
              <div class="dropdown">
                <button class="btn p-0 emzShareBtn" type="button" id="shareComponentList" data-bs-toggle="dropdown" aria-expanded="false">
                  <span><i class="fas fa-share-alt emzShareIcon"></i></span>
                </button>
                <div class="dropdown-menu shareComponent" aria-labelledby="shareComponentList">
                  {!! $shareComponent !!}
                </div>
              </div>
            </div>
            <div  class="emzNewsDescription">{!! langConverter($press->en_description, $press->fr_description) !!}</div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card border-0 emzNewsList">
            <div class="card-header border-bottom-0 emzNewsHead">
              <div class="emzNewTit">{{ __('Related News') }}</div>
            </div>
            <div class="card-body emzNewsBody">
              <ul class="list-unstyled emzNewsListItems">
                @foreach ($presses as $relatedPress)
                <li class="emzNewsItem">
                  <a href="{{ route('press-releases.show',$relatedPress->id) }}"><img src="{{ asset($relatedPress->image_small) }}" class="emzNewsItemImg"></a>
                  <a href="{{ route('press-releases.show',$relatedPress->id) }}"> <div class="emzNewsItemTxt">{{ Str::limit(langConverter($relatedPress->en_title,$relatedPress->fr_title) , 50) }}</div></a>
                </li>
                @endforeach
              </ul>
            </div>
          </div>
        </div>
      </div>

    {{-- Slider --}}
      <div class="blog-slide emzBlogSlide slider press-gallery-slider">
        @foreach ($press->gallery as $gallery)
        <div class="single-grid-blog">
          <div class="blog-thumbnail">
            <img class="thumbnail-image" src="{{ asset($gallery->image_medium ) }}" />
          </div>
        </div>
        @endforeach
      </div>
    {{-- /Slider --}}

    </div>
  </div>
<!-- /Work Area -->
@endsection
@push('post_script')
  <script type="text/javascript">
    $('.emzBlogSlide').slick({
      lazyLoad: 'ondemand',
      slidesToShow: 3,
      slidesToScroll: 1
    });
  </script>

@endpush