@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="{{route('admin.website-management.exam-page')}}">Exam Page</a></li>
              <li class="breadcrumb-item active" aria-current="page"></li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
          <h1>Exam Page</h1>
          <div class="card">
            <div class="card-body exam-tab_block">
             <!-- Accordion -->
              <div class="panel-group1 mt-6" id="accordion1">
                  <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="#accordion1" href="#collapseOne"
                          aria-expanded="false">Exam Details</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">
                        <form id="exam_page_add_frm" style="width: 100%">
                          <div class="row">
                            <div class="form-group col-lg-6">
                              <label for="testTemplage" class="form-label">Exam Type<span class="text-danger">*</span></label>
                              <select name="exam_type" id="exam_type" class="form-control form_input" data-id="3">
                                
                              </select>
                            </div>
                            <div class="form-group col-lg-6">
                              <label for="totalMarks" class="form-label">Exam Name <span class="text-danger">*</span></label>
                              <select name="exam_name" id="exam_name" class="form-control form_input" data-id="5">
                                <option value="">Select Exam Name</option>
                              </select>
                            </div>
                          </div>
                          <input type="hidden" name="exam_page_edit_id" id="exam_page_edit_id" value="@if(isset($examPageDetails)){{$examPageDetails->id}}@endif">
                          <div class="row">
                            <div class="form-group col-lg-6">
                              <label for="testTemplage" class="form-label">Total Tests<span class="text-danger">*</span></label>
                              <input type="text" name="total_test" id="total_test" class="form-control form_input" placeholder="Total Tests" value="@if(isset($examPageDetails)){{$examPageDetails->total_test}}@endif">
                            </div>
                            <div class="form-group col-lg-6">
                              <label for="testTemplage" class="form-label">Total Questions<span class="text-danger">*</span></label>
                              <input type="text" name="total_question" id="total_question" class="form-control form_input" placeholder="Total Questions" value="@if(isset($examPageDetails)){{$examPageDetails->total_question}}@endif">
                            </div>
                          </div>
                          <div class="row">
                            <div class="form-group col-lg-12">
                              <label for="testTemplage" class="form-label">Test Taken<span class="text-danger">*</span></label>
                              <input type="text" name="test_taken" id="test_taken" class="form-control form_input" placeholder="Test Taken" value="@if(isset($examPageDetails)){{$examPageDetails->test_taken}}@endif">
                            </div>
                          </div>
                          <div class="row">
                            <div class="form-group col-lg-12">
                              <label for="testTemplage" class="form-label">Brief Description<span class="text-danger">*</span></label>
                              <textarea class="form-control form_input" name="brief_description" id="brief_description" cols="164" rows="5" placeholder="Brief Description">@if(isset($examPageDetails)){{$examPageDetails->brief}}@endif</textarea>
                            </div>
                          </div>
                          <div class="test-footer">
                            <button type="button" class="btn btn-primary btn-streach-md mt-7" id="exam_page_add">Save</button>
                          </div>
                        </form>
                      </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 exam_info_tab">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"
                          aria-expanded="false">Exam Information</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 id="parentVerticalTab">
                        <div class="left-panel">
                          <div class="tab-left-panel">
                            <h3>Exam Category</h3>
                            <div class="action-btn-area">
                              <button class="btn btn-primary add-btn exam_info_category_add"  data-id="" data-toggle="modal" data-target="#addNewExamType"><i class="fa fa-plus-circle"></i> Add New Category</button>
                            </div>
                          </div>
                          <ul class="resp-tabs-list hor_1 examTypeUl">
                          </ul>
                        </div>
                        <div class="resp-tabs-container">
                          <div>
                            <div class="shorting-header">
                                <h4>Exam Details</h4>  
                                <div class="filter-group">
                                  <select name="exam_cat_id" id="exam_cat_id" class="form-control input-sm">
                                    <option value="">Select Category</option>
                                    </select>
                                  <button class="btn btn-primary add-btn examInfoIimportBtn">Import</button>
                                </div>                      
                            </div>
                            <div class="card-body pt-0">
                                <div class="list-items px-3">
                                  <textarea class="" name="exam_details" id="exam_details"></textarea>
                                  <button type="button" class="btn btn-primary btn-streach mt-7 examDetailsSave">Save</button>
                                </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      
                    </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 package_tab">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree"
                          aria-expanded="false">Package</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 id="parentVerticalTab1" class="resp-vtabs hor_1" style="display: block; width: 100%; margin: 0px;">
                        <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 package_section_add"><i class="fa fa-plus-circle"></i> Add New Section</button>
                            </div>
                          </div>
                          <ul class="resp-tabs-list hor_1 sectionUl">
                          </ul>
                        </div>
                        <div class="resp-tabs-container">
                          <div>
                            <div class="shorting-header">
                                <h4>Product List</h4>  
                                <div class="filter-group">
                                  <button class="btn btn-primary add-btn section_product_add"><i class="fa fa-plus-circle"></i> Add New Product</button>
                                </div>                      
                            </div>
                            <div class="card-body pt-0">
                                <div class="list-items px-3">
                                  <div class="list-items-header">
                                   <h4></h4>
                                   <div class="filter-group">
                                      <select name="tag_id" id="tag_id" class="form-control input-sm">
                                        <option value="">Select Tag</option>
                                      </select>
                                    </div>
                                 </div>
                                  <ul id="sortable" class="sortable ui-sortable productList">

                                  </ul>
                                  <button type="button" class="btn btn-primary btn-streach mt-7 update_product_order">Save</button>
                                </div>
                            </div>
                          </div>
                        </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">
                      <h4 class="panel-title1 pass_tab">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion4" href="#collapseFour"
                          aria-expanded="false">Pass</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>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="#examPageRecomendedModal"><i class="fa fa-plus-circle"></i> Add Pass</button>
                          </div>
                        </div>
                      </div>
                      <div class="list-items">
                        <p id="selected_recom" class="font-bold text-right mt-3">Total No Of Pass(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="accordion5">
                  <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="#accordion5" href="#collapseFive"
                          aria-expanded="false">FAQs</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">
                        <h4>FAQs List</h4>
                        <div class="filter-group">
                          <a class="btn btn-primary add-btn addFaqBtn" href="javascript:void(0)"><i class="fa fa-plus-circle"></i> Add New FAQs</a>
                        </div>
                      </div>
                      <div class="list-items">
                        <div class="list-select">
                         </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="accordion6">
                  <div class="panel panel-default mb-4 panel add-height">
                    <div class="panel-heading1 blog_tab">
                      <h4 class="panel-title1">
                        <a class="accordion-toggle collapsed fs-18" data-toggle="collapse" data-parent="#accordion6" href="#collapseSix"
                          aria-expanded="false">Blog & News</a>
                      </h4>
                    </div>
                    <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                      <div class="panel-body">
                      <div class="shorting-box mt-5">
                      <div class="shorting-header">
                        <h4>Blog Post</h4>
                        <div class="filter-group">
                          <div class="list-select">
                            @if(isset($examPageDetails))
                           <a href="{{route('admin.website-management.exam-page.add_blog', base64_encode($examPageDetails->id))}}" class="btn btn-primary add-btn"><i class="fa fa-plus-circle"></i> Add New Blog Post</a>
                           @else
                           <a href="javascript:void(0)" class="btn btn-primary add-btn addBlogBtn"><i class="fa fa-plus-circle"></i> Add New Blog Post</a>
                           @endif
                          </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>Post Name</th>
                                    <th>Image</th>
                                    <th>Author</th>
                                    <th>Pulished Date</th>
                                    <th>Action</th>
                                  </tr>
                                </thead>
                                <tbody id="blog_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="accordion7">
                <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="#accordion7" href="#collapseSeven"            aria-expanded="false">Popular Coaching</a>
                    </h4>
                  </div>
                  <div id="collapseSeven" class="panel-collapse collapse"role="tabpanel" aria-expanded="false">
                    <div class="panel-body">
                      <div class="tab-content-wrapper">
                      <div id="parentVerticalTab1" class="resp-vtabs hor_1" style="display: block; width: 100%; margin: 0px;">
                        <div class="left-panel">
                          <div class="tab-left-panel">
                            <h3>Category List</h3>
                            <div class="action-btn-area">
                              <Button class="btn btn-primary add-btn popular_cat_add" id=""><i
                                  class="fa fa-plus-circle"></i> Add Category</Button>
                            </div>
                          </div>
                          <ul class="resp-tabs-list hor_11 popular_coaching_ul" id="">
                            
                          </ul>
                        </div>
                        <div class="resp-tabs-container hor_11">
                          <div class="">
                                <div class="tab-header">
                                  <h3>Sub Category List</h3>
                                  <button class="btn btn-primary add-btn" data-toggle="modal" data-target="#examPagePopularSubCatModal"><i class="fa fa-plus-circle"></i> Add Sub Category</button>
                                </div>
                                <div class="list-items ">                       
                                  <ul class="ui-sortable sort-devide sub_cat_ul pass-recompass">
                                    
                                  </ul>
                                  <button type="submit" class="btn btn-primary btn-streach-md mt-7 fs-14 font-book" id="popular_subcat_order">Save</button>
                                </div>
                              </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="panel-group1 mt-6" id="accordion8">
                  <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="#accordion8" href="#collapseEight"
                          aria-expanded="false">SEO</a>
                      </h4>
                    </div>
                    <div id="collapseEight" 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($examPageDetails)){{$examPageDetails->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($examPageDetails)){{$examPageDetails->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($examPageDetails)){{$examPageDetails->seo_desc}}@endif</textarea>
                            </div>
                          </div>
                          <div class="test-footer">
                            <button type="button" class="btn btn-primary btn-streach-md mt-7" id="exam_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>';
    var examtypes='<option value="">Select Exam Type</option>';
    <?php 
    if(count($examTypes)){
      foreach($examTypes as $exam_type_row){
        $selected = '';
        if(isset($examPageDetails)){
          if($examPageDetails->exam_type_id == $exam_type_row->id){
            $selected = 'selected';
          }
        }
    ?>
    examtype_options += '<option value="<?php echo $exam_type_row->id ?>" <?php echo $selected; ?>><?php echo $exam_type_row->exam_type ?></option>';
    examtypes += '<option value="<?php echo $exam_type_row->id ?>" <?php echo $selected; ?>><?php echo $exam_type_row->exam_type ?></option>';
    <?php 
     } 
    } 
    ?>
    $('#exam_page_recom_exam_type').html(examtype_options);
    $('#exam_page_product_exam_type').html(examtype_options);
    $('#exam_type').html(examtypes);
    var examnames='<option value="">Select Exam Name</option>';
    <?php 
    if(isset($examNames)){
      foreach($examNames as $exam_name_row){
        $selected = '';
        if(isset($examPageDetails)){
          if($examPageDetails->exam_name_id == $exam_name_row->id){
            $selected = 'selected';
          }
        }
    ?>
    examnames += '<option value="<?php echo $exam_name_row->id ?>" <?php echo $selected; ?>><?php echo $exam_name_row->exam_name ?></option>';
    <?php 
     } 
    } 
    ?>
    $('#exam_name').html(examnames);
    $('#exam_page_recom_exam_name').html(examnames);
    $('#exam_page_product_exam_name').html(examnames);
    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 
     } 
    } 
    ?>
    $('#exam_page_recom_state').html(state_options);
    CKEDITOR.replace( 'exam_details')
})
</script>
<script type="text/javascript" src="{{asset('js/exam_page.js?v='.time())}}"></script>
@endsection