@extends('frontend.layouts.app')

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

@section('content')
<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">ANNOUNCEMENTS</h1>
</div>
  <div class="container my-5">
    @if (\App::getLocale() == 'my')
      <div class="row">
        <div class="col-md-12">
          <h1 class="text-center lang-my" style="line-height: 3.5rem;">{{ $post->translate()->title }}</h1>
        </div>
      </div>
      <div class="row mt-5">
        <div class="col-lg-8">
          <div class="card">
            <div class="card-body lang-my">
              {{ $post->translate(app()->getLocale())->body }}
              <p class="mt-4">{{ $post->date }}</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <h4>More Announcements</h4>
          @foreach ($announcements as $ann)
            <div class="card my-3">
              <div class="card-body">
                <h3 class="lang-my" style="line-height: 2.5rem;">
                  <a href="{{ route('announcements.show', $ann->slug) }}">{{ $ann->translate(app()->getLocale())->title }}</a>
                </h3>
                <div class="lang-my">
                  {!! Str::of(strip_tags($ann->translate(app()->getLocale())->body))->limit(300) !!}
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    @else
      <div class="row">
        <div class="col-md-12">
          <h1 class="text-center">{{ $post->translate()->title }}</h1>
        </div>
      </div>
      <div class="row mt-5">
        <div class="col-lg-8">
          <div class="card">
            <div class="card-body">
              <p>
                {{ $post->translate(app()->getLocale())->body }}
              </p>
              <p>{{ $post->date }}</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <h4>More Announcements</h4>
          @foreach ($announcements as $ann)
            <div class="card my-3">
              <div class="card-body">
                <h3 class="lang-my" style="line-height: 2.5rem;">
                  <a href="{{ route('announcements.show', $ann->slug) }}">{{ $ann->translate(app()->getLocale())->title }}</a>
                </h3>
                <div class="lang-my">
                  {!! Str::of(strip_tags($ann->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