@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')
  <!-- breadcrumb area start here  -->
  <div class="breadcrumb-area">
    <div class="container">
      <div class="breadcrumb-wrap text-center">
        <h2 class="page-title">{{ __('Jordan Journal of Natural History') }}</h2>
        <ul class="breadcrumb-pages">
          <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
          <li class="page-item">{{ __('Jordan Journal of Natural History') }}</li>
        </ul>
      </div>
    </div>
  </div>
  <!-- breadcrumb area end here  -->
  <div class="newsletter-wrapper has-tabs">
    <div class="section">
      <div class="container">
        <div class="rscnJBox">
          <h3>{!! langConverter(isset($informativedata['en_journal_title']) ? $informativedata['en_journal_title'] : '', isset($informativedata['fr_journal_title']) ? $informativedata['fr_journal_title'] : '' ) !!}</h3>
          <div class="rscnJTxt">{!! langConverter(isset($informativedata['en_journal_description']) ? $informativedata['en_journal_description'] : '', isset($informativedata['fr_journal_description']) ? $informativedata['fr_journal_description'] : '' ) !!}</div>
        </div>
        <div class="row">
          @foreach ($journals as $journal)
            <div class="col-sm-6 col-md-4 col-xl-3 mb-5">
              <div class="jjnh ">
                <div class="jjnh-img mb-3">
                  {{-- <img src="{{ asset(FILE_JOURNAL .'ansam2.png') }}"> --}}
                  <img src="{{$journal->image? asset(FILE_JOURNAL .$journal->image) : asset('frontend/assets/images/pattern-2.png')  }}">
                </div>
                <div class="jjnh-title fw-bold mb-3">
                  {{ Str::limit(langConverter($journal->en_title,$journal->fr_title), 32) }}
                </div>
                <div class="jjnh-desc mb-4 emzHisDescription rscnListStyle" >
                  {!! Str::limit(langConverter($journal->description_en,$journal->description_ar), 65) !!}
                </div>
                <div class="jjnh-issn mb-2 px-3 py-2 d-flex">
                  <div class="fw-bold border-dark  border-1
                    @if(app()->getLocale() == 'fr') border-start ps-3 @else border-end pe-3 @endif">
                    {{ __('ISSN') }}
                  </div>
                  <div class="px-2">
                    {{ $journal->issn }}
                  </div>
                </div>
                <div class="jjnh-date mb-2 px-3 py-2 d-flex">
                  <div class="fw-bold border-dark  border-1
                  @if(app()->getLocale() == 'fr') border-start ps-3 @else border-end pe-3 @endif">
                    {{ __('Date') }}
                  </div>
                  <div class="px-2">
                    {{ $journal->date }}
                  </div>
                </div>
                <div class="jjnh-link mb-4 text-center fw-bold py-2">
                  <a href="{{ route('journalDetails.show',$journal) }}">
                    {{ __('View All') }}
                  </a>
                </div>
              </div>
            </div>
          @endforeach
        </div>
        {{-- Pagination --}}
        {{ $journals->appends(request()->input())->links('vendor.pagination.careers') }}
        {{-- /Pagination --}}
      </div>
    </div>
  </div>
@endsection