@extends('layout')
<style>
  .disable-link {
      pointer-events: none;
  }

  
  .disable-link {
      pointer-events: none;
  }
  
	.home_heading{
		position:relative;
		top:23px !important;
	}

	@media(max-width:991px){
		.home_heading{
			position:relative;
			top:15px !important;
		}

		.home_paragraph {
			position:relative;
			top:8px !important;
	}

	}

.home_content span{
	position:relative;
}

.home_paragraph{
	position:relative;
	top:15px;
}
.disabled-btn-modal
{
  display:none;
  width:250px;
  height:150px;
  position:absolute;
  bottom:65px;
  right:10px;
  z-index:1000000;
  border-radius:8px;
  padding:8px;
  background:#C51D23;
}
.disabled-btn-modal p
{
  font-size:14px !important;
  padding:0px !important;
  color:white !important;
  text-align:justify;
}
.green_bg{
  background:green !important;
}
.home_paragraph table{
  border:1px solid #ddd !important;
  font-size:12px;
}
.home_paragraph table tbody tr td{
  border:1px solid #ddd !important;
  padding:5px !important;
  font-size:12px;
}
.home_paragraphp ol li{
  position: relative;
  margin-top:20px;
}
.home_paragraph ol li::marker {
  
}



</style>

@section('title','home')
@section('content')




    <div class="wrapper home-section data-adjust">

    
      {{-- <div class="sticker wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">
        Section 4
      </div> --}}

      <div class="container-fluid cf-set">
        <div class="row align-items-center justify-content-center pt-20">
          <div class="col-lg-12">
              
              <div class="tab-content">
                @if(!empty($more_content))
                @foreach($more_content as $key=>$content)              
                <div class="col-lg-12 tab-pane fade show {{($key ==0)?"active":""}} " id="ex1-tabs-{{$key}}" role="tabpanel" aria-labelledby="ex1-tab-1">
                    <div class="row pt-20 mt-3 home_content py-3">
                        <div class="col-lg-7 pb-5">
                          
                          @include('includes.breadcrum')
                            <h2 class="h2 home_heading">
                              {!! (session()->get('locale') == 'hi')? $content['title_hi']: $content['title_en'] !!} 
                            </h2>
                            <div class="home_paragraph text-justify">
                              {!! (session()->get('locale') == 'hi')? $content['description_hi']: $content['description_en'] !!} 
                            </div>
        
                        </div>
      
                        <div class="col-lg-5  justify-content-center pt-5">
                          
                            <img width="80%" src="{{asset('public/uploads/content/'.$content['image'])}}" alt="image">
                        </div>
                    </div>               
                </div>
                @endforeach
                @endif
                
              </div>
    

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


    @php 
    $filterNexturl = App\Helpers\Frontend::getContentByOrder(Request::segment(2),Request::segment(3),$content12->slug);
    $filterBackurl = App\Helpers\Frontend::getContentByBackOrder(Request::segment(2),Request::segment(3),$content12->slug);

    $questions = App\Helpers\Frontend::getMcqFirstQuest(Request::segment(3));
   
    
 @endphp

 <?php 
        $user_id = Request::session()->get('web_loggedIn')['id'];
       
        $currentUrl = url()->current(); // Get the current URL
        $url = explode('/',$currentUrl);
        $len = count($url);
        $endurl = $url[$len-1];
        
        ?>
            
 <div class="button-fixed wow fadeInDown">
          
         <div class=" d-flex justify-content-end">
           <button class="button_su" >
             <span class="su_button_circle">
             </span>
             <a href="{{route('intro',['category'=>Request::segment(2),'policy'=>Request::segment(3),'slug'=>$filterBackurl->slug])}}" class="button_su_inner"><span class="button_text_container"><i class="bi bi-arrow-left"></i>  Previous </span> </a>
           </button>
           
         
           <button class="button_su "  >
             <span class="su_button_circle">
             </span>
          </button> 
          @if(!empty($filterNexturl))

             @if($filterNexturl->type != 'quiz' || $filterNexturl->type == 'slide' || $filterNexturl->type == 'intro')
             <button disabled  data-url="{{route('intro',['category'=>Request::segment(2),'policy'=>Request::segment(3),'slug'=>$filterNexturl->slug])}}" id="callPage" class="button_su_inner disabled-btn button-redesign next-btn"><span class="button_text_container"> Go Next <i class="bi bi-arrow-right"></i></span> </button>
             @endif

             @if($filterNexturl->type == 'quiz')
             <button disabled class="button_su disabled-btn"  id="callPage" data-url="{{route('quiz',['category'=>Request::segment(2),'policy'=>Request::segment(3),'slug'=>$filterNexturl->slug,'ques='.$questions->id])}}">
              <a   class="button_su_inner" ><span class="button_text_container"> Go Next <i class="bi bi-arrow-right"></i></span> </a>
             </button>
             @endif

          @else
            <button class="button_su"  data-url="{{route('intro',['category'=>Request::segment(2),'policy'=>Request::segment(3),'slug'=>$filterBackurl->slug])}}" id="callPage">
              <a href="{{asset('web/dashboard')}}" class="button_su_inner" ><span class="button_text_container"> Go Next <i class="bi bi-arrow-right"></i></span> </a>
             </button>

          @endif
           
          
         
         </div>

         
     
 </div>
 
 <div class="paginatin wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.3s">
  <nav class="pagination-outer" aria-label="Page navigation">
    <ul class="nav nav-pills pagination">
      {{-- <li class=" page-set">
        <a href="#!" class="page-link" aria-label="Previous">
            <span aria-hidden="true">«</span>
        </a>
      </li> --}}
      @if(!empty($more_content))
      
      
      

      @foreach($more_content as $key=>$more_cont)
     
           
              <li class="nav-item page-item">
                <a current-url="{{$currentUrl}}" user_id="{{$user_id}}"  class="nav-link page-link pagenumber policy-page-btn {{($key==0)?"active":""}}" data-key="{{$key}}" id="ex1-tab-{{$key}}" data-mdb-toggle="tab" href="#ex1-tabs-{{$key}}"role="tab" aria-controls="ex1-tabs-{{$key}}" aria-selected="true" style="font-size:8px !important; ">topic {{$key+1}}</a>
              </li>
                 <?php $index=$key; ?>   
          
      @endforeach
      <p class="count-btn d-none" current-url="{{$currentUrl}}" total-index="{{$index}}"></p>
      @endif
      
    </ul> 
  </nav>


</div>

<div class="disabled-btn-modal">
  <p style=""> Before moving to the next policy, complete all the topics by navigate the topic buttons in the left bottom corner </p>
<div>
@endsection
<script>
  
  
</script>
@push('footer-script')



@endpush