@extends('layouts.frontend.master')
@section('page-div-start')
<div id='about-us-bios-page'>
   @endsection
   @push('styles')
   <link rel="stylesheet" href="{{ asset('frontend/css/news.css') }}">
   @section('title', $data->title)
   @if(file_exists(public_path('/').$data->image) && $data->image)
   <meta property="og:image" content="{{url('/')}}/public/{{$data->image}}">
   @endif
   @if($data->tags)
   @php
   $strings = '';
   foreach(explode(',',$data->tags) as $index=>$item)
   {
      if($index == 0)
      {
         $strings = trim(str_replace('#','',trim($item)));
      }
      else
      {
         $strings .= trim(str_replace('#',',',trim($item)));
      }
   }
   @endphp
   <meta name="keywords" content="{{ str_replace(' ',', ',$strings) }}">
   @endif
   @if($data->title)
   <meta property="og:title" content="{{$data->title}}">
   @endif

   @endpush
   @section("content")
   <!-- Team Section -->
   <div id="news-page">
      <div class="container-fluid">
         <div class="row flex-nowrap">
            <!-- CONTENT AREA -->
            <div class="col p-0 content single-news">
               <div class="container">
                  <!-- MAIN CONTENT SECTION -->

                  <div class="mainContent">
                     <div class="catDiv1">
                        <p class="news_cat"><a href="#">{{str_replace(',', '  ', $data->blog_category) ?? ''}}</a></p>
                     </div>
                     <div class="row">
                        @if($data->video)
                        <div class="col-lg-12">
                           <div class="videoDiv">

                              <iframe title="Welcoming Guests at Corsair Waste Plastic to Fuel Processing Facility" width="100%" height="500px" src="https://www.youtube.com/embed/{{$data->video}}?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

                           </div>
                        </div>
                        <div class="col-lg-12">
                           <p class="pDate">
                              <a href="#">{{date('d M, Y',strtotime($data->date)) ?? ''}} {{date('h:i A',strtotime($data->time)) ?? ''}}</a>
                           </p>
                           <h4 class="pHead">
                              <a href="#">{!!$data->title!!}</a>
                           </h4>
                           <div class="pPara">
                              {!!$data->description!!}
                              @if($data->tags)
                              </br>
                              {{str_replace(',', ' ', $data->tags); }}
                              @endif
                           </div>

                        </div>
                        @elseif($data->image && file_exists(public_path('/').$data->image))
                        <div class="col-lg-12">
                           <div class="videoDiv">

                           <img src="{{url('/')}}/public/{{$data->image}}" class="news-height-400" />

                           </div>
                        </div>
                        <div class="col-lg-12">
                           <p class="pDate">
                              <a href="#">{{date('d M, Y',strtotime($data->date)) ?? ''}} {{date('h:i A',strtotime($data->time)) ?? ''}}</a>
                           </p>
                           <h4 class="pHead">
                              <a href="#">{!!$data->title!!}</a>
                           </h4>
                           <div class="pPara">
                              {!!$data->description!!}
                              @if($data->tags)
                              </br>
                              {{str_replace(',', ' ', $data->tags); }}
                              @endif
                           </div>

                        </div>
                        @else
                        <div class="col-lg-12">
                           <p class="pDate">
                              <a href="#">{{date('d M, Y',strtotime($data->date)) ?? ''}} {{date('h:i A',strtotime($data->time)) ?? ''}}</a>
                           </p>
                           <h4 class="pHead">
                              <a href="#">{!!$data->title!!}</a>
                           </h4>
                           <div class="pPara">
                              {!!$data->description!!}
                              @if($data->tags)
                              </br>
                              {{str_replace(',', ' ', $data->tags); }}
                              @endif
                           </div>

                        </div>
                        @endif
                     </div>
                  </div>
                  <!-- END MAIN CONTENT SECTION -->
                  <!-- RELATED POSTS SECTION -->
                  <h3 class="related-news-head">Related Posts</h3>
                  <div class="related-posts row">
                     @foreach($relatedData as $value)
                     <!-- <div class="col-xl-6"> -->
                     <div class="col-xl-12">
                        <div class="mainContent">
                           <div class="row">
                              @if((file_exists(public_path('/').$value->image) && $value->image) || ($value->video))
                              <div class="col-lg-6">
                                 <div class="videoDiv">

                                    @if($value->video)
                                    <iframe title="Welcoming Guests at Corsair Waste Plastic to Fuel Processing Facility" width="100%" height="500px" src="https://www.youtube.com/embed/{{$value->video}}?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="">
                                    </iframe>
                                    @elseif(file_exists(public_path('/').$value->image) && $value->image)
                                    <img src="{{url('/')}}/public/{{$value->image}}" class="news-height-400" />
                                    @endif

                                 </div>
                              </div>
                              <div class="col-lg-6">
                                 <div class="catDiv1">
                                    <p class="news_cat"><a href="#">{{str_replace(',', '  ', $value->blog_category) ?? ''}}</a></p>
                                    <!-- <p class="news_cat"><a href="#">Investors</a></p> -->
                                 </div>
                                 <p class="pDate">
                                    <a href="#">{{date('d F, Y',strtotime($value->date)) ?? ''}} {{date('h:i A',strtotime($value->time)) ?? ''}}</a>
                                 </p>
                                 <h4 class="pHead">
                                    <a href="{{route('news-detail',['name' => $value->slug])}}">{{$value->title ?? ''}}</a>
                                 </h4>
                                 <div class="pPara">
                                    <p>
                                       {!!\Illuminate\Support\Str::limit($value->description, 100)!!}
                                    </p>
                                 </div>
                                 <span class="readLink">
                                    <a class="readMore" href="{{route('news-detail',['name' => $value->slug])}}">Read More</a>
                                 </span>
                              </div>
                              @else
                              <div class="col-lg-12">
                                 <div class="catDiv1">
                                    <p class="news_cat"><a href="#">{{str_replace(',', ' ', $value->blog_category) ?? ''}}</a></p>
                                    <!-- <p class="news_cat"><a href="#">Investors</a></p> -->
                                 </div>
                                 <p class="pDate">
                                    <a href="#">{{date('d F, Y',strtotime($value->date)) ?? ''}} {{date('h:i A',strtotime($value->time)) ?? ''}}</a>
                                 </p>
                                 <h4 class="pHead">
                                    <a href="{{route('news-detail',['name' => $value->slug])}}">{{$value->title ?? ''}}</a>
                                 </h4>
                                 <div class="pPara">
                                    <p>
                                       {!!\Illuminate\Support\Str::limit($value->description, 100)!!}
                                    </p>
                                 </div>
                                 <span class="readLink">
                                    <a class="readMore" href="{{route('news-detail',['name' => $value->slug])}}">Read More</a>
                                 </span>
                              </div>
                              @endif
                           </div>
                        </div>

                     </div>
                     @endforeach
                  </div>
                  <!-- END RELATED POSTS SECTION -->
                  <!-- COMMENTS SECTION -->
                  @if(Auth::check())
                  <!-- <h3 class="related-news-head">Leave a Comment</h3>
                  <p class="loginMsg">
                     Logged in as
                     <a href="">{{Auth::user()->name}}. </a>
                     <a href="{{url('/logout')}}">Log out?</a>
                  </p>
                  <div class="post-comments row">
                     <form action="" id="comment-form"
                     >
                     @csrf
                        <label for="">Comment</label>
                        <textarea name="comment" id="comment" rows="5"></textarea>
                        <input type="hidden" name="blog_id" value="{{$data->id ?? ''}}"/>
                        <input class="commentBtn" type="submit" value="post comment">
                     </form>
                  </div> -->
                  @endif
                  <!-- END COMMENTS SECTION -->
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- END OF CONTENT AREA -->
</div>
<!-- End Section -->
@endsection
@section('page-div-end')
</div>
@endsection
@push('scripts')

@endpush