@extends('site.inner')
@section('title')
{!! label('lbl_news') !!}
@endsection

{{-- @section('page_title')
{!! label('lbl_news') !!}
@endsection --}}

@section('content')

<div class="about-page pb-0  mt-0 pages-decorater-bottom bg-white">
	<div class="row intro-image-container px-0">
			<div class="bg-secondary">
				<div class="px-3 px-md-5 pt-4">
					{{ breadcrumb() }}
				</div>
				<div class="container py-4">
					<div class="mx-auto w-100 mb-5">
						<div class="image-cont shadow" style="background: url({{asset('site/images/sliders/_slider.png')}});">
						</div>
					</div>
				</div>
			</div>
	</div>


	<div class="row bg-primary p-5">
        <div class="container bg-secondary br-15 shadow">
          <div class="row">
            <div class="col-12 d-flex justify-content-start align-items-start">
              <div class="explore-our-courses-banner box-shadow-slight">
                <h2 class="explore-our-courses-banner-title text-uppercase">{{ label('lbl_news') }}</h2>
              </div>
            </div>
          </div>
    
          <div class="row my-2">
      
            <div class="col-12 mx-4 d-flex justify-content-between align-items-center bg-red">
    		@if(count($news_list))
              <div class="row d-flex justify-content-between align-items-center " style="width: 100%">
                <div class="owl-carousel owl-theme owl-loaded parallax-banner position-relative">
                  <div class="owl-stage-outer overflow-hidden">
                    <div class="owl-stage d-flex min-h-350px pt-3">

				@foreach ($news_list as $key=>$news)
                <div class="owl-item  py-3">
                  <div class="news-item">
                    <a href="{{url('news/'.$news->slug)}}" class="news-link shadow">
                      <div class="news-image">
                       <img class="image" src="{{asset('uploads/news/'.$news->photo_url)}}" alt="{{$news->title}}">
                      </div>
                      <div class="news-content">
                        <div class="title mx-0 my-1">{{ $news->title }}</div>
                        <p>{!! str_limit(strip_tags($news->content) ,120) !!}</p>
                        <div class="news-link">
                          <div class="data">{{ date('d F, Y', strtotime($news->created_at)) }}</div>
                          <div class="read-more">
                            <div class="icon">
                              <button class="action-icons"   onclick="location.href="{{url('news/'.$news->slug)}}">
                                  <span class="mx-2"><i class="fab fa-readme icon"></i></span>
                                  <span>{{label('lbl_read_more')}}</span>
                             </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </a>
                  </div>
                </div>
				@endforeach
                  </div>
                </div>
              </div>
			  @else
				<div class="col-12 px-0 py-3">
					{{label('lbl_no_information')}}
				</div>
			@endif
            </div>

            
          </div>
          <div class="d-flex justify-content-center align-items-center mt-3 view-announcements-button mb-3">
            <button class="bg-primary text-secondary read-more-button view-all-btn"
              onclick="location.href='{{ url('news_all') }}'">
              <span>{{label('lbl_view_all')}}</span>
            </button>
          </div>
         
          </div>
    
        </div>
    </div>


	<div class="row bg-primary p-5">
      <div class="container bg-secondary br-15 shadow">
        <div class="row">
          <div class="col-12 d-flex justify-content-start align-items-start">
            <div class="explore-our-courses-banner box-shadow-slight">
              <h2 class="explore-our-courses-banner-title">{{label('lbl_videos')}}</h2>
            </div>
          </div>
        </div>
  
        <div class="row p-4">
		@forelse($videos as $key => $video)
		<div class="col-md-4 my-2 px-2 px-md-4">
						<a  href="{{$video->url}}" target="_blank" rel="noopener noreferrer" class="shadow popup-youtube hover-bg d-block box-shadow-slighttt pointer-hover position-relative box-shadow rounded-small">
                          <div style="background: url('{{ youtube_thumbnail($video->url) }}');" class="full-hd-container1 h-min-250 overflow-hidden position-relative d-flex align-items-center justify-content-center unround-bottom-on-hover"> 
                              <div class="play-bg d-flex align-items-center justify-content-center bg-primary position-relative">
                                <i class="fa fa-expand"></i>
                                <i class="fa fa-play"></i>
                              </div>  
                              <div class="container-overlay position-absolute w-100 h-100"></div> 
                              <div class="small text-white faded text-right position-absolute p-2 w-100 item-date">{{ date('d F, Y', strtotime($video->created_at)) }}</div>  
                          </div> 
                        </a>


                        </div>
                    @empty
                        <div class="col-12 p-3 text-muted">
                            {{ label('lbl_no_information') }}
                        </div>
        @endforelse

        <div class="d-flex justify-content-center align-items-center mt-3 view-announcements-button mb-3">
              <button class="bg-primary text-secondary read-more-button view-all-btn"
                onclick="location.href='{{ url('/galleries/listing/videos') }}'">
                <span>{{label('lbl_view_all')}}</span>
              </button>
            </div>

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


    <div class="row bg-primary p-5">
      <div class="container bg-secondary br-15 shadow">
        <div class="row">
          <div class="col-12 d-flex justify-content-start align-items-start">
            <div class="explore-our-courses-banner box-shadow-slight">
              <h2 class="explore-our-courses-banner-title">{{label('lbl_photos')}}</h2>
            </div>
          </div>
        </div>
  
        <div class="row p-4">
		@forelse($photos as $key => $photo)
		<div class="col-md-4 my-2 px-2 px-md-4">
			<a  target="_blank" href="{{asset('uploads/gallery/'.$photo->filename)}}"  class="shadow popup-youtube hover-bg d-block box-shadow-slighttt pointer-hover position-relative box-shadow rounded-small">           
				<div style="background: url('{{asset('uploads/gallery/'.$photo->filename)}}');" class="full-hd-container1 h-min-250 overflow-hidden position-relative d-flex align-items-center justify-content-center unround-bottom-on-hover"> 
					<div class="container-overlay position-absolute w-100 h-100"></div> 
				</div> 
			</a>

		</div>
		@empty
			<div class="col-12 p-3 text-muted">
				{{ label('lbl_no_information') }}
			</div>
		@endforelse

    <div class="d-flex justify-content-center align-items-center mt-3 view-announcements-button mb-3">
              <button class="bg-primary text-secondary read-more-button view-all-btn"
                onclick="location.href='{{ url('/galleries/listing/photos') }}'">
                <span>{{label('lbl_view_all')}}</span>
              </button>
            </div>

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


</div>	

@stop