@extends('mobile_mainlayout_landing')


@section('content')

                            @php
                            $title = json_decode($press->title);
                            $content = json_decode($press->content);
                            @endphp
	
	<div class="event-section section mt-4 padbtm_32">
            <div class="container">
                <div class="row">
                    <div class="col-12 max-mb-30" data-aos="fade-up">
                        <div class="banner_container" style="border-radius:15px;">
			              <img src="https://tigeradmin.testing.co.tz{{$press->image}}" alt="{{$title->en}}" style="width:100%;border-radius:15px;">
			        	</div>
                    </div>
                </div>
            </div>
    </div>





    	<div class="section section-padding-bottom fix">
            <div class="container">
                <div class="row max-mb-n50">

                    <div class="col-lg-12 col-12 order-lg-2 max-mb-50">
                        <!-- Blog Wrapper Start -->
                        <div class="row row-cols-1 no-gutters">

                            <!-- Blog Start -->
                            <div class="blog-3 blog-details col" data-aos="fade-up">
                               
                                <div class="info">
                                    <h3 class="title font_24 gold">{{$title->en}}</h3>
                                    <ul class="meta">
                                        <li><i class="far fa-calendar"></i>{{$press->created_at}}</li>
                                    </ul>
                                    <div class="desc urban white" style="text-align:justify">
                                        {!!$content->en!!}
                                    </div>

                                </div>
                            </div>
                            <!-- Blog End -->

                        </div>
                        <!-- Blog Wrapper End -->
                    </div>

                </div>
            </div>
        </div>




        <div class="section section-padding-bottom">
            <div class="container">

            	<div>
            		<h3 class="title font_24 white">Other Press Releases</h3>
            	</div>

                <!-- Blog Wrapper Start -->
                <div class="row row-cols-lg-3 row-cols-md-2 row-cols-1 max-mb-n30">

                    @forelse($otherpress as $opress)
                    
                    
                    @if($loop->index+1 == 3 )
                    @break
                    @else
                    
                    @php
                    $title = json_decode($opress->title);
                    @endphp
                    
                    <!-- Blog Start -->
                    <div class="col max-mb-30" data-aos="fade-up">
                        <div class="blog">
                            <div class="thumbnail">
                                <a href="/home/press/{{$opress->id}}" class="image"><img src="https://tigeradmin.testing.co.tz/{{$opress->image}}" alt="{{$title->en}}"></a>
                            </div>
                            <div class="info">
                                <h3 class="title gold"><a href="/home/press/{{$opress->id}}">{{$title->en}}</a></h3>
                                <ul class="meta">
                                    <li><i class="far fa-calendar"></i>{{$opress->created_at}}</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Blog End -->
                    @endif
                    
                    @empty
                    @endforelse



                </div>
                <!-- Blog Wrapper End -->

            </div>
        </div>




@endsection