@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item" aria-current="page"><a href="">Pass Page</a></li>
              <li class="breadcrumb-item active" aria-current="page"></li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
          <h1>Pass Page</h1>
          <div class="card">
            <div class="card-body">
             <!-- Accordion -->
              <div class="panel-group1 mt-6" id="accordion1">
                  <div class="panel panel-default mb-4 panel add-height">
                    <div class="panel-heading1">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"
                          aria-expanded="false">Recomended Pass</a>
                      </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                      <div class="panel-body">
                        <div class="shorting-box mt-5">
                      <div class="shorting-header">
                        <h4>Coaching Pass List</h4>
                        <div class="filter-group">
                          <div class="list-select">
                           <button class="btn btn-primary add-btn" data-toggle="modal" data-target="#passPageRecomendedModal"><i class="fa fa-plus-circle"></i> Add Pass</button>
                          </div>
                        </div>
                      </div>
                      <div class="list-items">
                        <div class="filter-group">
                          <select name="" id="exam_type" class="form-control input-sm" data-id="3">
                            <option value="">Select Exam Type</option>
                          </select>
                        </div>
                        <span id="selected_recom">No of product: </span>
                          <ul id="sortable" class="recom_pass">
                          </ul>
                          <button type="button" class="btn btn-primary btn-streach-md mt-7" id="update_recomended_order" style="display: none;">Save</button>
                        </div>
                      </div>
                    </div>
                    </div>
                  </div>
              </div>
              <div class="panel-group1 mt-6" id="accordion2">
                  <div class="panel panel-default mb-4 panel add-height">
                    <div class="panel-heading1 testimonial_tab">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"
                          aria-expanded="false">Testimonials</a>
                      </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                      <div class="panel-body">
                      <div class="shorting-box mt-5">
                      <div class="shorting-header">
                        <h4>Reviews</h4>
                        <div class="filter-group">
                          <div class="list-select">
                           <a href="{{route('admin.website-management.pass-page.add_testimonial')}}" class="btn btn-primary add-btn"><i class="fa fa-plus-circle"></i> Add New Review</a>
                          </div>
                        </div>
                      </div>
                      <div class="">
                          <ul id="sortable">
                            <div class="table-responsive">
                              <table class="table card-table table-vcenter text-nowrap no-footer">
                                <thead>
                                  <tr>
                                    <th>S.No</th>
                                    <th>Name</th>
                                    <th>Image</th>
                                    <th>Address</th>
                                    <th>Email</th>
                                    <th>Exam Details</th>
                                    <th>Action</th>
                                  </tr>
                                </thead>
                                <tbody id="testimonial_tbl"></tbody>
                              </table>
                            </div>
                          </ul>
                        </div>

                      </div>
                      <button type="submit" class="btn btn-primary btn-streach-md mt-7" id="update_testimonial_order">Save</button>
                    </div>
                    </div>
                  </div>
              </div>
              <div class="panel-group1 mt-6" id="accordion3">
                  <div class="panel panel-default mb-4 panel add-height">
                    <div class="panel-heading1 faq_tab">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion3" href="#collapseThree"
                          aria-expanded="false">FAQs</a>
                      </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                      <div class="panel-body">
                        <div class="shorting-box mt-5">
                      <div class="shorting-header">
                        <h4>FAQs List</h4>
                        <div class="filter-group">
                          <select name="faq_id" id="faq_id" class="form-control input-sm">
                            <option value="">Select Section</option>
                            @if($faqSections)
                              @foreach($faqSections as $faq)
                                <option value="{{$faq->id}}">{{$faq->section_name}}</option>
                              @endforeach
                            @endif
                          </select>
                          <button class="btn btn-primary add-btn importBtn">Import</button>
                        </div>
                      </div>
                      <div class="list-items">
                        <div class="list-select">
                         <a class="btn btn-primary add-btn" href="{{route('admin.website-management.pass-page.add_faq')}}"><i class="fa fa-plus-circle"></i> Add New FAQs</a>
                        </div>
                          <ul id="sortable" class="sortable ui-sortable faq_data">
                             
                          </ul>
                          <button type="submit" class="btn btn-primary btn-streach-md mt-7" id="update_faq_order">Save</button>
                        </div>
                      </div>
                    </div>
                    </div>
                  </div>
              </div>
              <div class="panel-group1 mt-6" id="accordion4">
                  <div class="panel panel-default mb-4 panel add-height">
                    <div class="panel-heading1 popular_tab">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion4" href="#collapseFour"
                          aria-expanded="false">Popular Coaching</a>
                      </h4>
                    </div>
                    <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                      <div class="panel-body">
                        <div class="shorting-box mt-5">
                      <div class="shorting-header">
                        <h4>Educator List</h4>
                        <div class="filter-group">
                          <div class="list-select">
                           <button class="btn btn-primary add-btn" data-toggle="modal" data-target="#passPagePopularModal"><i class="fa fa-plus-circle"></i> Add Coaching</button>
                          </div>
                        </div>
                      </div>
                      <div class="list-items">
                          <span id="selected_ranking">No of product: </span>
                          <ul id="sortable" class="sortable ui-sortable popular_list">
                          </ul>
                          <button type="submit" class="btn btn-primary btn-streach-md mt-7" id="update_popular_order">Save</button>
                        </div>
                      </div>
                    </div>
                    </div>
                  </div>
              </div>

            </div>
                  <!-- // Accordion -->
            </div>
          </div>     
          <!--// MAIN BODY CONTENT -->
        </div>
      </div>
@endsection
@section('scripts')
<script type="text/javascript">
$(function(){
    var examtype_options='<option value="">Select Exam Type</option>';
    <?php 
    if(count($examTypes)){
      foreach($examTypes as $exam_type_row){
    ?>
    examtype_options += '<option value="<?php echo $exam_type_row->id ?>"><?php echo $exam_type_row->exam_type ?></option>';
    <?php 
     } 
    } 
    ?>
    $('#pass_page_recom_exam_type').html(examtype_options);
    $('#pass_page_popular_exam_type').html(examtype_options);
    $('#exam_type').html(examtype_options);
    var state_options='<option value="">Select State</option>';
    <?php 
    if(count($states)){
      foreach($states as $state){
    ?>
    state_options += '<option value="<?php echo $state->id ?>"><?php echo $state->name ?></option>';
    <?php 
     } 
    } 
    ?>
    $('#pass_page_recom_state').html(state_options);
})
</script>
<script type="text/javascript" src="{{asset('js/pass_page.js?v='.time())}}"></script>
@endsection