@extends('layouts.main')
@section('title',"Test Inventory")
@section('content')
<div class="pcoded-content">
   <div class="pcoded-inner-content p-0">
      <div class="main-body">
         <div class="page-wrapper p-0">
            <div class="page-header p-15 m-b-0 pro-page-heading1">
               <div class="page-header-title">
                  <h4>Test Inventory</h4>
               </div>
               <div class="page-header-breadcrumb p-r-10">
                  <ul class="breadcrumb-title">
                     <li class="breadcrumb-item">
                        @if(Auth::guard('corporate')->user()->user_type == 1)
                        <a href="{{secure_url('company/dashboard') }}">
                        @elseif(Auth::guard('corporate')->user()->user_type == 2)
                        <a href="{{secure_url('recruiter/dashboard') }}">
                        @endif 
                        <span class="hiremee-home"></span>
                        </a>
                     </li>
                     <li class="breadcrumb-item"><a href="{{ secure_url('pro/test-inventory') }}">Test Inventory</a>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="page-body">
               {{-- Upload Question Wrapper for tabs and content --}}
               <div class="row">
                  <div class="col-xs-12 col-md-12">
                     <div class="tab-content p-0" id="myTabContent">
                        <div class="tab-pane fade show active" id="question-pool" role="tabpanel" aria-labelledby="bulk-upload-tab">
                           <div class="card-block p-0">
                              <div class="row">
                                 <div class="col-xs-12 col-md-12 p-r-0">
                                    <table class="table table-striped pro-list-table">
                                       <thead class="bgn-gradient-blue">
                                          <tr>
                                            <th scope="col">
                                                #
                                             </th>
                                             <th scope="col">
                                                Assessment Name
                                             </th>
                                             <th scope="col">Created Date</th>
                                          </tr>
                                       </thead>
                                       <tbody id="js-component-load">
                                          <div class="hme-loading-mask">
                                             <div class="hme-loading-container">
                                                <div class="hme-dual-ring"></div>
                                                <div>Please wait, Loading...</div>
                                             </div>
                                          </div>
                                        {!! $component!!}

                                       </tbody>
                                    </table>
                                    <input type="hidden" id="total_count" value={{count($test_inventory_list)}}>
                                    <div class="col-md-12">
                                       <div class="text-center">
                                          <a href="javascript:void(0)" class="btn orange btn-lg" id="testinventory_loader" data-page='2'>Load more...</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection
@section('footer')
<script type="text/javascript">
$(document).ready(function(){
  if($('#total_count').val() > 100){
    $('#testinventory_loader').show();
  }else{
    $('#testinventory_loader').hide();
  }
});

   $(document).on('click','#testinventory_loader', function() {
   $(this).hide();
   $('.hme-loading-mask').fadeIn();
   $.ajax({
     url: baseUrl+'pro/test-inventory',
     type: "get",
     data: {'limit': 100,'page':$(this).attr('data-page')},
     success: function(response){
       if (response.status == 200) {
         $('#js-component-load').append(response.component);
         $('.hme-loading-mask').fadeOut();
         if(response.hasmore == false) {
           $('#testinventory_loader').hide();
           $('#loader').show();
         } else {
           $('#testinventory_loader').show();
           $('#loader').hide();
           $('#testinventory_loader').attr('data-page',parseInt($('#testinventory_loader').attr('data-page'))+1);
         }
       }
     },
     error: function(error){
       swal({
         html: true, 
         title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
         text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
         type: "error",
         showCancelButton: false,
         confirmButtonText: "OK",
         closeOnConfirm: false
       });
     }
   });
   });

</script>
@endsection