@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="">Home Page</a></li>
              <li class="breadcrumb-item active" aria-current="page"></li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
          <h1>Home Page</h1>
          @if(Session::has('error'))
            <div class="alert alert-danger" style="background: none; border: none;">
              <p style="color: #f00">{{ Session::get('error') }}</p>
            </div>
          @endif
          <div class="card">
            <div class="card-body home-website-management">
                     <div>
                            <div class="panel-body">
                              <div class="tab-content-wrapper">
                              <div id="parentVerticalTab">
                                <div class="left-panel">
                                  <div class="tab-left-panel">
                                    <h3>Section</h3>
                                  </div>
                                  <ul class="resp-tabs-list hor_1" id="home_section_ul">
                                    <li data-id="header" id="header"><span>Header</span>
                                    </li>
                                    <li data-id="slider"><span>Slider</span>
                                    </li>
                                    <li data-id="short-information"  id="short_info"><span>Short Information</span>
                                    </li>
                                    <li data-id="wide-range-test-series"><span>Wide range of Test Series(Exam)</span>
                                    </li>
                                    <li data-id="featured-coaching"><span>Featured Coaching</span>
                                    </li>
                                    <li data-id="wide-range-practice-quizzes"><span>Wide range of Practice and quizzes</span>
                                    </li>
                                    <li data-id="test-series-packages"><span>Test Series Packages</span>
                                    </li>
                                    <li data-id="testimonial"><span>Testimonials</span>
                                    </li>
                                    <li data-id="blog-news"><span>Blog and News</span>
                                    </li>
                                    <li data-id="sub-footer" id="sub_footer"><span>Sub Footer</span>
                                    </li>
                                    <li data-id="seo"><span>SEO</span>
                                  </ul>
                                </div>
                                <div class="resp-tabs-container hor_1" id="home_main_div">
                                  <div class="home-header resp-tab-content-active">
                                        <div class="tab-header">
                                          <h3>Header</h3>
                                          <div class="filter-group"></div>
                                        </div>
                                        <div class="list-items number header_list"></div>
                                  </div>

                                  <div class="slider">
                                        <div class="tab-header">
                                          <h3>Slider</h3>
                                          <div class="filter-group">
                                            <button class="btn btn-primary add-btn" data-toggle="modal" data-target="#homePagesliderAddModal" id="home_slider_add"><i class="fa fa-plus-circle"></i> Add New Slider</button>
                                          </div>
                                        </div>
                                        <div class="list-items number slider_list_sort"></div>
                                  </div>

                                  <div class="short-information">
                                        <div class="tab-header">
                                          <h3>Short Information</h3>
                                          <div class="filter-group"></div>
                                        </div>
                                        <div class="list-items number short_info_list"></div>
                                  </div>

                                  <div class="wide-range-test-series">
                                        <div class="tab-header">
                                          <h3>Wide Range Of Test Series</h3>
                                          <div class="filter-group"></div>
                                        </div>
                                        <div class="">
                                            <div style="margin: 10px 10px 10px 20px;">
                                              <h3>Categories</h3>
                                            </div>
                                            <div class="panel-body">
                                                    <div class="tab-content-wrapper">
                                                    <div id="parentVerticalTab1">
                                                      <div class="left-panel">
                                                        <div class="tab-left-panel">
                                                          <h3>Exam Type</h3>
                                                          <div class="action-btn-area">
                                                            <Button class="btn btn-primary add-btn" data-toggle="modal" data-target="#homePageNewExamTypeAddModal" id="home_page_add_new_exam_type"><i
                                                                class="fa fa-plus-circle"></i> Add Exam Type</Button>
                                                          </div>
                                                        </div>
                                                        <div id="home_wide_range_test_series_left_panel">
                                                          <ul class="resp-tabs-list hor_11" id="home_wide_range_test_series_section_ul">
                                                          </ul>
                                                          <button type="submit" class="btn btn-primary btn-streachn mt-7 font-book exam_type_order_save" style="margin-left: 30%;">Save</button>
                                                        </div>
                                                      </div>
                                                      <div class="resp-tabs-container hor_11" id="home_wide_range_test_series_main_div">
                                                      </div>
                                                  </div>
                                                </div>
                                            </div>
                                        </div>
                                  </div>

                                  <div class="featured-coaching">
                                        <div class="tab-header">
                                          <h3>Featured Coaching</h3>
                                          <div class="filter-group"></div>
                                        </div>
                                        <div class="">
                                             <div class="panel-body">
                                                    <div class="tab-content-wrapper">
                                                    <div id="parentVerticalTab2">
                                                      <div class="left-panel">
                                                        <div class="tab-left-panel">
                                                          <h3>Section List</h3>
                                                          <div class="action-btn-area">
                                                            <Button class="btn btn-primary add-btn" data-toggle="modal" data-target="#homePageNewFeaturedCoachingSectionAddModal" id="home_page_add_new_featured_coaching_section"><i class="fa fa-plus-circle"></i> Add New Section</Button>
                                                          </div>
                                                        </div>
                                                        <div id="home_featured_coaching_left_panel">
                                                          <ul class="resp-tabs-list hor_12" id="home_featured_coaching_section_ul">
                                                          </ul>
                                                        </div>
                                                      </div>
                                                      <div class="resp-tabs-container hor_12" id="home_featured_coaching_main_div"></div>
                                                  </div>
                                                </div>
                                            </div>
                                        </div>
                                  </div>

                                  <div class="wide-range-practice-quizzes">
                                        <div class="tab-header">
                                          <h3>Wide range of Practice and quizzes</h3>
                                          <div class="filter-group"></div>
                                        </div>
                                        <div id="wide_practice_quiz_div">
                                            <div class="panel-body">
                                                    <div class="tab-content-wrapper">
                                                    <div id="parentVerticalTab4">
                                                      <div class="left-panel">
                                                        <div class="tab-left-panel">
                                                          <h3 style="padding: 18px 0 !important;">
                                                          <select id="wide_practice_quiz_select" class="form-control input-sm" style="max-width: 50%; margin-left: 25%;">
                                                            <option value="1" selected>Practice</option>
                                                            <option value="2">Quizzes</option>
                                                          </select>
                                                          </h3>
                                                          <div class="action-btn-area">
                                                            <Button class="btn btn-primary add-btn" data-toggle="modal" data-target="#homePageNewPracticeSectionAddModal" id="home_page_add_new_practice_section"><i class="fa fa-plus-circle"></i> Add New Section</Button>
                                                          </div>
                                                        </div>
                                                        <div id="home_practice_left_panel">
                                                          <ul class="resp-tabs-list hor_14" id="home_practice_section_ul">
                                                          </ul>
                                                        </div>
                                                      </div>
                                                      <div class="resp-tabs-container hor_14" id="home_practice_main_div"></div>
                                                  </div>
                                                </div>
                                            </div>
                                        </div>
                                  </div>

                                  <div class="test-series-packages">
                                        <div class="tab-header">
                                          <h3>Test Series Packages</h3>
                                          <div class="filter-group">
                                          </div>
                                        </div>
                                        <div class="">
                                            <div class="panel-body">
                                                    <div class="tab-content-wrapper">
                                                    <div id="parentVerticalTab3">
                                                      <div class="left-panel">
                                                        <div class="tab-left-panel">
                                                          <h3>Section Name</h3>
                                                          <div class="action-btn-area">
                                                            <Button class="btn btn-primary add-btn" data-toggle="modal" data-target="#homePageNewPackageSectionAddModal" id="home_page_add_new_package_section"><i class="fa fa-plus-circle"></i> Add New Section</Button>
                                                          </div>
                                                        </div>
                                                        <div id="home_package_left_panel">
                                                          <ul class="resp-tabs-list hor_13" id="home_package_section_ul">
                                                          </ul>
                                                        </div>
                                                      </div>
                                                      <div class="resp-tabs-container hor_13" id="home_package_main_div"></div>
                                                  </div>
                                                </div>
                                            </div>
                                        </div>
                                  </div>

                                  <div class="testimonial">
                                        <div class="tab-header">
                                          <h3>Testimonials</h3>
                                          <div class="filter-group">
                                
                                          </div>
                                        </div>
                                        <div class="list-items number testimonial_list_sort"></div>
                                  </div>

                                  <div class="blog">
                                      <div class="tab-header">
                                        <h3>Blog And News</h3>
                                        <div class="filter-group">
                                        </div>
                                      </div>
                                      <div class="list-items number blog_list_sort"></div>
                                  </div>

                                  <div class="sub-footer">
                                      <div class="tab-header">
                                        <h3>Sub Footer</h3>
                                        <div class="filter-group">
                                        </div>
                                      </div>
                                      <div class="list-items number sub_footer_list"></div>
                                  </div>

                                  <div class="seo">
                                        <div class="tab-header">
                                          <h3>SEO</h3>
                                          <div class="filter-group">
                                
                                          </div>
                                        </div>
                                        <div class="list-items number seo_list_sort"></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>';