@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 pass_res">
             <!-- 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 add_pass_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="list-items-header">
                           <h4></h4>
                           <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>
                         </div>
                        <p id="selected_recom" class="font-bold text-right mt-3">Total No. Of Coaching(s): </p>
                          <ul id="sortable" class="recom_pass pass-recompass">
                          </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 add_coaching_btn" data-toggle="modal" data-target="#passPagePopularModal"><i class="fa fa-plus-circle"></i> Add Coaching</button>
                          </div>
                        </div>
                      </div>
                      <div class="list-items">
                          <p id="selected_ranking"  class="font-bold text-right mt-3">Total No. Of Coaching(s): </p>
                          <ul id="sortable" class="sortable ui-sortable popular_list pass-recompass">
                          </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 class="panel-group1 mt-6" id="accordion5">
                  <div class="panel panel-default mb-4 panel add-height">
                    <div class="panel-heading1 exam_details_tab">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion5" href="#collapseFive"
                          aria-expanded="false">SEO</a>
                      </h4>
                    </div>
                    <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                      <div class="panel-body">
                        <div class="shorting-box mt-5">
                      <div class="shorting-header">
                        <form id="exam_page_seo_frm" style="width: 100%">
                          <div class="row">
                            <div class="form-group col-lg-12">
                              <label for="testTemplage" class="form-label">Seo Title<span class="text-danger">*</span></label>
                              <input type="text" name="seo_title" id="seo_title" class="form-control" value="@if(isset($passSeo)){{$passSeo->seo_title}}@endif">
                            </div>
                            <div class="form-group col-lg-12">
                              <label for="totalMarks" class="form-label">Seo Keywords <span class="text-danger">*</span></label>
                              <input type="text" name="seo_keyword" id="seo_keyword" class="form-control" value="@if(isset($passSeo)){{$passSeo->seo_keyword}}@endif">
                            </div>
                            <div class="form-group col-lg-12">
                              <label for="totalMarks" class="form-label">Seo Description <span class="text-danger">*</span></label>
                              <textarea name="seo_desc" id="seo_desc" class="form-control" cols="30" rows="8">@if(isset($passSeo)){{$passSeo->seo_desc}}@endif</textarea>
                            </div>
                          </div>
                          <div class="test-footer">
                            <button type="button" class="btn btn-primary btn-streach-md mt-7" id="pass_page_seo_add">Save</button>
                          </div>
                        </form>
                      </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>';