@extends('frontend.layouts.app')

@section('content')

<!-- Senior Detail Page Section Start -->
<div class="senior-detail-page youth-detail-page">
  <div class="container">
    <div class="row box">
      <div class="preview gallery-slider-sec col-md-6">
        <div class="item">
          <ul id="image-gallery" class="gallery list-unstyled cS-hidden">
          	@if( isset( $cms->sliders ) )
	       		@php  $decodeSliders = json_decode( $cms->sliders ); @endphp

	       		  @foreach( $decodeSliders as $slider )

		            <li data-thumb="{{ asset('cms/sliders/'.$slider) }}"> 

		              <img src="{{ asset('cms/sliders/'.$slider) }}" />

		            </li>

	           	@endforeach

            @endif
          </ul>
        </div>
        <div class="img-pdf">
          <ul>
          	  @if( isset( $cms->pdf_file ) )
               	@php $decodePdfFiles = json_decode( $cms->pdf_file ); @endphp
               	@foreach( $decodePdfFiles as $pdf )
                  @if( isset( $pdf->pdf_file ) )
            		    <li><a href="{{ asset('cms/pdf_file/'.$pdf->pdf_file) }}" target="_blank"><i class="fas fa-file-pdf"></i> {{ $pdf->pdf_name ?? 'View PDF' }}</a></li>
                  @endif
            	 @endforeach
             @endif
          </ul>
        </div>
      </div>
      <div class="col-md-6">
        <div class="title">
          <h2>{{ $cms->title ?? '' }}</h2>
        </div>
        <div class="description">
          {!! $cms->description ?? '' !!}
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Senior Detail Page Section End -->
@if( isset( $moreBuzzes ) && count( $moreBuzzes ) > 0)
<!-- Similar Youth Section Start -->
<div class="youth-page-section similar-youth-page-section">
  <div class="container">
    <div class="heading">
      @if( $cms->cms_type == 1 )
      <h1>MORE BUZZ POSTINGS</h1>
      @elseif( $cms->cms_type == 2 )
      <h1>MORE YOUTH INFO POSTINGS</h1>
      @elseif( $cms->cms_type == 3 )
      <h1>MORE SENIOR INFO POSTINGS</h1>
      @endif
    </div>
    <div class="row">
		@foreach( $moreBuzzes as $more )    	
    	<div class="col-md-6">
	        <a href="{{ route('cms.detail',['cms_type' => $cms_type,'slug'=>$more->slug]) }}" class="box">
	          <div class="row youthbox-row">
	            <div class="col-lg-5 p-lg-0">
	              <div class="image">
	              	@if( isset( $more->featured_image ) ) 
                      <img src="{{asset('cms/'.$more->featured_image)}}">
                    @endif
	              </div>
	            </div>
	            <div class="col-lg-7 p-lg-0">
	              <div class="title">
	                <h2>{{ $more->title }}</h2>
	              </div>
	              <div class="description">
	                <p>{!! substr( strip_tags( $more->description ), 0, 30 )!!}</p>
	              </div>
	              <div class="contact-detail">
	                <ul>
	                  <li><i class="fas fa-mobile-alt" aria-hidden="true"></i> {{ $more->phone }}</li>
	                  <li><i class="fas fa-home" aria-hidden="true"></i> {{ $more->street_address ?? '' }}, {{ $more->province->name ?? ''}}</li>
	                </ul>
	              </div>
	            </div>
	          </div>
	        </a>
      	</div>
      	@endforeach
    </div>
  </div>
</div>
<!-- Similar Youth Section End -->
@endif

<!-- Senior Detail Contact Form Section Start -->
<div class="senior-detail-contact">
  <div class="container">
    <div class="row box">
      <div class="col-md-8 left">
      	 @include('layouts.message')
        <form action="{{ route('cms.community.message') }}" method="POST">
        	@csrf()
          <input type="hidden" name="cms_slug" value="{{ $cms->slug }}">
            	<input type="hidden" name="cms_type" value="{{ $cms->cms_type }}">
          <div class="heading">
            <p>Fill in the form below to ask questions or request information from the owner of this listing.</p>
          </div>
          <div class="form-row">
            <div class="form-group col-md-6">
              <label for="inputName">Name <span>*</span></label>
              <input type="text" name="full_name" class="form-control @guest you-are-something @endguest" id="inputName" placeholder="Full Name" required>
            </div>
            <div class="form-group col-md-6">
              <label for="inputEmail">Email <span>*</span></label>
              <input type="email" name="email_address" class="form-control @guest you-are-something @endguest" id="inputEmail" placeholder="Email Address" required>
            </div>
          </div>
          <div class="form-row">
            <div class="form-group col-md-6">
              <label for="inputNumber">Phone Number</label>
              <input type="text" name="phone" class="form-control @guest you-are-something @endguest" id="inputNumber" placeholder="Phone Number" required>
            </div>
            <div class="form-group col-md-6">
              <label for="inputSubject">Subject</label>
              <input type="text" name="subject" class="form-control @guest you-are-something @endguest" id="inputSubject" placeholder="Subject" required>
            </div>
          </div>
          <div class="form-group">
            <label for="TextareaMessage">Message</label>
            <textarea class="form-control @guest you-are-something @endguest" name="message" id="TextareaMessage" rows="3" placeholder="Message Here..."></textarea>
          </div>
          @guest
           <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Send a Message" class="btn btn-warning sendUsMessage" data-slug="{{$cms->slug}}" id="sendMessageLoginCon1">Send Message</a>
          @else
            <button type="submit" class="btn btn-warning">Send Message</button>
          @endguest
         
        </form>
      </div>
      <div class="col-md-4 right">
        <div class="contact-detail">
          <h1>Listing Owner Contact Information</h1>
          <div class="content">
            <p><i class="fas fa-home" aria-hidden="true"></i> {{ $cms->street_address ?? '' }}, {{ $cms->province->name ?? ''}}</p>
            <p><i class="fas fa-mobile-alt" aria-hidden="true"></i> {{ $cms->phone ?? '' }}</p>
            <p><i class="fas fa-envelope" aria-hidden="true"></i> {{ $cms->email_address ?? '' }}</p>
          </div>
          <div class="follow-us">
            <div class="content">
              <ul>
	              	@if( isset( $cms->facebook_url ) )
	                	<li><a href="{{$cms->facebook_url}}"><i class="fa fa-facebook-f" aria-hidden="true"></i></a></li>
	                @endif
	                @if( isset( $cms->twitter_url ) )
	                	<li><a href="{{$cms->twitter_url}}"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
	                @endif
	                @if( isset( $cms->pinterest_url ) )
	                	<li><a href="{{$cms->pinterest_url}}"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
	                @endif
	                @if( isset( $cms->instagram_url ) )
	                	<li><a href="{{$cms->instagram_url}}"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
	                @endif
              </ul>
            </div>
          </div>
        </div>
        <div class="newletter-section">
          @if( $cms->cms_type == 1 )
          <h1>Subscribe to More Buzz Newsletter from Your Local Buzz</h1>
          @elseif( $cms->cms_type == 2 )
          <h1>Subscribe to Youth Info Newsletter from Your Local Buzz</h1>
          @endif
          
          @include('layouts.message')
          <div class="content">
            <form action="{{ route('cms.community.subscribe') }}" method="POST">
            	@csrf
            	<input type="hidden" name="cms_slug" value="{{ $cms->slug }}">
            	<input type="hidden" name="cms_type" value="{{ $cms->cms_type }}">
              <div class="form-group">
                <input type="text" name="full_name" class="form-control @guest you-are-something @endguest"  placeholder="Full Name" required>
              </div>
              <div class="form-group">
                <input type="text" name="email" class="form-control @guest you-are-something @endguest" id="inputSubject" placeholder="Email Address">
              </div>
              @guest
               <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Subscribe to our Newsletter" class="btn btn-warning sendUsMessage" data-slug="{{$cms->slug}}" id="sendMessageLoginCon">Subscribe</a>
              @else
                <button type="submit" class="btn btn-warning">Subscribe</button>
              @endguest
             
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Senior Detail Contact Form Section End -->
@php 
 $decodeRouteSchedules = json_decode( $cms->route_schedule_repeater );  
@endphp
@if( isset( $cms->community_heading ) || isset($cms->route_schedule_repeater) || isset( $cms->benefit_content ))
<!-- Senior Bus Section Start -->
<div class="senior-bus-section youth-bus-section">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        @if( isset( $cms->community_heading ) )
        <div class="heading">
          <h1>{{ $cms->community_heading ?? 'Community Bus' }}</h1>
        </div>
        @endif

        @if( isset( $cms->community_heading_content ) )
        <div class="description">
          {!! $cms->community_heading_content ?? '' !!}
        </div>
        @endif
      </div>
      <div class="col-md-4">
        <div class="box">
          @if( isset( $cms->benefit_heading ) )
            <h1>{{ $cms->benefit_heading ?? 'Benefits' }}</h1>
          @endif
          {!! $cms->benefit_content ?? '' !!}
        </div>
      </div>
      <div class="col-md-8">
        <div class="box">
          @if( $cms->route_schedule_heading )
          <h1>{{ $cms->route_schedule_heading ?? 'Routes and Schedules' }}</h1>
          @endif
          @if(isset($cms->route_schedule_repeater))
          @php  
              $count = 0;
              $decodeRouteSchedules = json_decode( $cms->route_schedule_repeater ); 
          @endphp
            @if( isset( $decodeRouteSchedules ) && count( (array) $decodeRouteSchedules ) )
              <div id="accordion">
                    
                @foreach( $decodeRouteSchedules as $sKey => $schedule )
                  @if( isset( $schedule->title ) || isset(  $schedule->content ) )
    	            <div class="card">

    	              <div class="card-header" id="heading{{ $sKey }}">
    	                <h5 class="mb-0">
    	                  <button class="btn btn-link" data-toggle="collapse" data-target="#collapse{{ $sKey }}" aria-expanded="true" aria-controls="collapse{{ $sKey }}">
    	                   {{ $schedule->title }}
    	                  </button>
    	                </h5>
    	              </div>

    	              <div id="collapse{{ $sKey }}" class="collapse {{ $count == 0 ? 'show' : ''}}" aria-labelledby="heading{{ $sKey }}" data-parent="#accordion">
    	                <div class="card-body">
    	                 {!! $schedule->content !!}
    	                </div>
    	              </div>
    	            </div>
                  @endif
    	          @php 
    	          	$count++;
    	          @endphp
    	         @endforeach
                  
              </div>
            @endif
          @endif

        </div>
      </div>
    </div>
  </div>
</div>
<!-- Senior Bus Section Start -->
@endif

@include('frontend.ads.modal.login')

@endsection

@section('head-css')
<link rel="stylesheet"  href="{{ asset('frontend/lightslider/lightslider.css') }}"/>
<style>
ul{list-style: none outside none; padding-left: 0; margin: 0;}
.demo .item{margin-bottom: 60px;}
.content-slider li{background-color: #ed3020; text-align: center; color: #FFF;}

.lSSlideOuter .lSPager.lSGallery li{height: 40px;}
.lSSlideOuter .lSPager.lSGallery li img{height: 40px;}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border: 3px solid #ffcd00; transition: all 0.1s linear;}
</style>
@endsection

@section('scripts')
<script src="{{ asset('frontend/lightslider/lightslider.js') }}"></script> 
<script>
 $(document).ready(function() {
  	$("#content-slider").lightSlider({
        loop:true,
        keyPress:true
    });
  	$('#image-gallery').lightSlider({
  	    gallery:true,
  	    item:1,
  	    thumbItem:9,
  	    slideMargin: 0,
  	    speed:500,
  	    auto:true,
  	    loop:true,
  	    onSliderLoad: function() {
  	        $('#image-gallery').removeClass('cS-hidden');
  	    }  
  	});

    $(".card-body table").addClass('table');
    $(".card-body table").removeAttr('border');
    $(".card-body table").removeAttr('style');
    $(".card-body table tr").removeAttr('style');
    $(".card-body table td").removeAttr('style');
});

$(".you-are-something").on('keyup',function(){

  $("#signinForm").modal('show');    

});

$("#sendMessageLoginCon,#sendMessageLoginCon1").on('click',function(){

    $("#send-message-modal").modal('hide');

    $("#signinForm").modal('show');
});
</script>
@include('frontend.ads.js.login-js')
@endsection