@extends('layouts.main')
@section('title','Manage Series')
@section('content')
<style type="text/css">
.round-zero-series-paginate ul {
  float: right;
}
</style>
<div class="hme-loading-mask">
    <div class="hme-loading-container">
        <div class="hme-dual-ring"></div>
        <div>Please wait, Loading...</div>
    </div>
</div> 
<div class="pcoded-content">
    <div class="pcoded-inner-content">
        <div class="main-body">
            @if(Session::get('series_error'))
            <div class="alert alert-danger background-danger" style="display: block !important;">
              <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
                <i class="hiremee-multiply text-white"></i>
              </button>
              <strong>Error!</strong> {{ Session::get('series_error') }}
            </div>
 @endif
            <div class="page-wrapper p-0">
                <div class="page-header p-15 m-b-0 pro-page-heading1">
                    <div class="page-header-title">
                       <h4>Manage Series</h4>
                    </div>
                    @if(!session()->has('new_portal_redirect'))
                    <div class="page-header-breadcrumb p-r-10">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{ secure_url('company/dashboard') }}">
                                   <span class="hiremee-home"></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    @endif
                </div>
                <div class="page-body p-15">
                    <a class="btn btn-primary float-right mb-3" href="{{ secure_url('pro/series/1') }}">Create New Series</a>
                    <div class="table-responsive">
                        <table class="table table-striped pro-list-table tbl-truncate-break">
                            <thead class="bgn-gradient-blue">
                                <tr>
                                    <th>Series Name</th>
                                    <th>No of Test</th>
                                    <th>Candidate Booking</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="js-round-zero-series-container">
                                @include('pro.corporate.round-zero-plus.series.listing-render') 
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('footer')
<script>
    $('body').on('click', '.round-zero-series-paginate .pagination a', function(e) {
    e.preventDefault();
    var page = $(this).attr('href').split('page=')[1];  
    reloadSeriesList(page);
});

function reloadSeriesList(page){
     $('.hme-loading-mask').fadeIn();
    $.ajax({
      url: "{{ secure_url('pro/series-listing')}}",
      type: "get",
      data: {'page':page},
      //async:false,
      success: function(response) {
        // console.log(response);
        if(response.status == 200) {
            $('#js-round-zero-series-container').html(response.component);
        }
          $('.hme-loading-mask').fadeOut();
      },
      error: function(error){
      alertMessage("danger","Something went wrong","Error");
       $('.hme-loading-mask').fadeOut();
      }

    });
}

$(document).on('click', '#delete_series', function(e) {
    var id = $(this).val();
    swal({
      html: true, 
      title: '<span class="sweet-danger-text">Are your sure want to delete ?</span>', 
      text: '',
      type: "info",
      showCancelButton: true,
      confirmButtonText: "OK",
      closeOnConfirm: false
    },
    function(){
     $('.hme-loading-mask').fadeIn();
        $.ajax({
          url: "{{ secure_url('pro/series-delete')}}",
          type: "post",
          data: {'id':id},
          //async:false,
          success: function(response) {
            // console.log(response);
            if(response.status == 200) {
                // successMessage("Success","Series deleted successfully","Success");
                swal({
                  html: true, 
                  title: '<span class="sweet-success-text">Success</span>', 
                  text: 'Series Deleted successfully',
                  type: "success",
                  showCancelButton: false,
                  confirmButtonText: "OK",
                  closeOnConfirm: false,
                  confirmButtonColor: '#f0443a',
                });
                reloadSeriesList(1);
            }
              $('.hme-loading-mask').fadeOut();
          },
          error: function(error){
          alertMessage("danger","Something went wrong","Error");
           $('.hme-loading-mask').fadeOut();
          }
        });
    });
});
</script>
@endsection