@extends('frontend.layouts.app')

@section('title')
    {{ $post->title }}
@stop

@section('content')
@if (\App::getLocale() == 'my')
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px;">
  <h1 class="text-center text-white mt-5 lang-my">လှုပ်ရှားဆောင်ရွက်မှုများ</h1>
</div>
@else
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px;">
  <h1 class="text-center text-white mt-5">ACTIVITIES</h1>
</div>
@endif

  <div class="container my-5">
    @if (\App::getLocale() == 'my')
      <div class="row">
        <div class="col-md-12 mb-4">
          <h1 class="text-center lang-my" style="line-height: 3.5rem;">{{ $post->title }}</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-8">
          <div class="card">
            <div class="card-title">
              <img class="img-fluid" src="/images/news_images/{{ $post->cover_image }}" alt="image-{{ $post->id }}" style="width: 100%;" />
            </div>
            <div class="card-body lang-my">
                {!! $post->translate(app()->getLocale())->body !!}
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <h4>More News</h4>
          @foreach ($articles as $article)
            <div class="card my-3">
              <div class="card-title">
                <a href="/article/{{ $article->slug }}"><img class="img-fluid" src="/images/news_images/{{ $article->cover_image }}" alt="image-{{ $article->slug }}" style="width: 100%; height: 235px;" /></a>
              </div>
              <div class="card-body">
                <h3 class="lang-my" style="line-height: 2.5rem;">
                  <a href="{{ route('article.show', $article->slug) }}">{{ $article->translate(app()->getLocale())->title }}</a>
                </h3>
                <div class="lang-my">
                  {!! Str::of(strip_tags($article->translate(app()->getLocale())->body))->limit(300) !!}
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    @else
      <div class="row">
        <div class="col-md-12 mb-4">
          <h1 class="text-center">{{ $post->title }}</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-8">
          <div class="card">
            <div class="card-title">
              <img class="img-fluid" src="/images/news_images/{{ $post->cover_image }}" alt="image-{{ $post->id }}" style="width: 100%;" />
            </div>
            <div class="card-body">
              <p>
                {!! $post->translate(app()->getLocale())->body !!}
              </p>
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <h4>More News</h4>
          @foreach ($articles as $article)
            <div class="card my-3">
              <div class="card-title">
                <a href="/article/{{ $article->slug }}"><img class="img-fluid" src="/images/news_images/{{ $article->cover_image }}" alt="image-{{ $article->slug }}" style="width: 100%; height: 235px;" /></a>
              </div>
              <div class="card-body">
                <h3 class="lang-my" style="line-height: 2.5rem;">
                  <a href="{{ route('article.show', $article->slug) }}">{{ $article->translate(app()->getLocale())->title }}</a>
                </h3>
                <div class="lang-my">
                  {!! Str::of(strip_tags($article->translate(app()->getLocale())->body))->limit(300) !!}
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    @endif
    <div class="row mt-5">
      @if (isset($previous))
      <div class="col-md-6 pull-left">
          <div class="alert alert-success">
              <a href="{{ url($previous->path()) }}">
                  <div class="btn-content">
                      <div class="btn-content-title"><i class="fa fa-arrow-left"></i> Previous Post</div>
                      <p class="btn-content-subtitle">{{ \Illuminate\Support\Str::limit($previous->title, 80) }}</p>
                  </div>
              </a>
          </div>
      </div>
      @endif
      @if (isset($next))
      <div class="col-md-6 pull-right">
          <div class="alert alert-success">
              <a href="{{ url($next->path()) }}">
                  <div class="btn-content text-right">
                      <div class="btn-content-title"> Next Post <i class="fa fa-arrow-right"></i></div>
                      <p class="btn-content-subtitle">{{ \Illuminate\Support\Str::limit($next->title, 80) }}</p>
                  </div>
              </a>
          </div>
      </div>
      @endif
    </div>
  </div>
@stop