@extends('frontend.layouts.app')

@section('content')

 <!-- Senior Detail Page Section Start -->
    <div class="senior-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 -->



@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">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="heading">
              @if( isset( $cms->community_heading ) )
                 <h1>{{ $cms->community_heading ?? 'Community Bus' }}</h1>
              @endif
            </div>
            @if( isset( $cms->community_heading_content ) )
            <div class="description">
             {!! $cms->community_heading_content ?? '' !!}
            </div>
            @endif
          </div>
        </div>
        <div class="row">
          <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

<!-- 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">
          <h1>Subscribe to Senior Info Newsletter from Your Local Buzz</h1>
          @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 -->


@if( isset( $moreBuzzes ) && count( $moreBuzzes ) > 0)

  <!-- Similar Senior Section Start -->
    <div class="similar-senior-section">
      <div class="container">
        <div class="heading">
          <h1>MORE SENIOR INFO POSTINGS</h1>
        </div>
        <div class="row">
          
          @foreach( $moreBuzzes as $more )   
            <div class="col-md-4">
              <a href="{{ route('cms.detail',['cms_type' => $cms->cms_type,'slug'=>$more->slug]) }}" class="box">
                <div class="image">
                 @if( isset( $more->featured_image ) ) 
                        <img src="{{asset('cms/'.$more->featured_image)}}">
                      @endif
                </div>
                <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>
              </a>
            </div>
          @endforeach

        </div>
      </div>
    </div>
    <!-- Similar Senior Section End -->

@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