@extends('layouts.main')
@section('title','Registered Students')
@section('content')
<div class="pcoded-content">
  <div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <div class="page-header">
          <div class="page-header-title">
            <h4>Mapped Candidate</h4>
          </div>
          <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
              <li class="breadcrumb-item">
                <a href="{{secure_url('college/dashboard')}}">
                  <span class="hiremee-home"></span>
                </a>
              </li>
              <li class="breadcrumb-item"><a href="javascript:;">Mapped Candidate</a>
              </li>
            </ul>
          </div>
        </div>
       <!--  <div class="page-body">
          <div id="js-college-modal-view"></div>       
              <div class="card borderless-card">
                <div class="card-block">
                  <div class="row hme-filter p-0 m-0">                    
                        <div class="col-12 col-md-6 col-xl-6 p-r-0">
                            <div class="row">                             
                              <div class="col-md-3"> 
                                 <label for="email"></label>
                                <a href="{{secure_url('/gold/college/notification-config')}}">
                                   <button>New Notification</button>
                                </a>  
                                 <span id="hiremee_err"></span>
                              </div>                            
                            </div> 
                        </div>
                    </div>
                </div>
              </div>
        </div>   -->      
        
        <div class="clearfix"></div>
        <div class="row">
          <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="col-xl-12 col-md-12 col-sm-12" id="js-component-container">
             
                <div class="card borderless-card hme-card-hover">
                  <div class="card-block">
                    <table class="table table-striped pro-list-table tbl-truncate-break" id="report">
                    <thead class="bgn-gradient-blue">
                      <tr>
                        <th>HireMee Id</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Course</th>
                        <th>Assignment</th>                                 
                      </tr>
                      </thead>
                      <tbody id="tbody">

                        @include('gold.college.user.mapped_user_list_render')
                      </tbody>
                    </table>
                  </div>
                </div>
          </div>
          
          @if($candidate_list->hasMorePages())
                      <div class="col-md-12">
                        <div class="text-center">
                          <button class="btn btn-outline-info " id="js-gold-bulk-config-loader" data-page='1'>Load more...</button>
                        </div>
                      </div>
                      @endif   
                       
        </div>
        
      </div>
    </div>
  </div>
</div>
<div class="md-modal m-w-980 md-effect-1" id="assignmentview">
   <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="clear_assignment_modal"><span class="hiremee-multiply f-18"></span></button>
      <div class="row p-l-15 p-r-15">
         <div class="col-sm-12 col-lg-12">
            <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b">Assignment View</h4>
            </div>
            <div class="min-h-250">
            <div class="form-group" id="_load_assignment">
            </div>
          </div>
         </div>
      </div>
   </div>
</div>
<div class="md-overlay"></div>
<script type="text/javascript">  
  function congigListLoadFunction(pageNumber) {
  if (pageNumber <= 1) {
    var setpage = 1;
  } else {
    var setpage = parseInt(pageNumber) - 1;
  }

  $("#js-gold-bulk-config-loader").attr("data-page", setpage);

  $.ajax({
    url: baseUrl + "gold/college/college-mapped-candidate-list",
    type: "get",
    data: { page: pageNumber },
    success: function(response) {      
      $("#tbody").append(response.component);
      $("#js-gold-bulk-config-loader").attr("data-page", parseInt(pageNumber) + 1);
      if (response.hasmore == true) {
        $("#js-gold-bulk-config-loader").show();
      } else {
        $("#js-gold-bulk-config-loader").hide();
      }      
      $(".hme-loading-mask").fadeOut();
    },
    error: function(err) {
      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,
        confirmButtonColor: "#f0443a"
      });
    }
  });
}

$("#js-gold-bulk-config-loader").click(function() {
    $(".hme-loading-mask").fadeIn();
    congigListLoadFunction($(this).attr("data-page"));
  });
$('body').on('click','#js-gold-assignment',function(){ 
   var candidate_id = $(this).attr('data-id');
   $.ajax({
      url: baseUrl + "gold/college/college-individual-assignment-list",
      data:{"candidate_id":candidate_id},
      dataType:'html',
      cache:false,  
      success: function(data) {
            $('#assignmentview').addClass('md-show');
            $("body").find("#_load_assignment").html(data);
            /*$('#assessmentView').modal({
              backdrop: 'static',
              keyboard: false
            })
            $('#assessmentView').modal('show');*/
          }
        });
        return false;
});
$('#clear_assignment_modal').click(function(){
    $('#_load_assignment').html("");
    $('#assignmentview').removeClass('md-show');
   });

</script>
<!-- Modal -->
@endsection('content')