@extends('layouts.main')
@section('title','Single Zip Download')
@section('content')
<div class="hme-loading-mask" style="display: none;">
  <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 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>Single Zip Request List</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/company/bulkzip') }}">Bulk Zip Request Form</a></li>
            </ul>
          </div>
        </div>
        <div class="page-body">
            <div class="row">
              <div class="col-xs-12 col-md-12">
                 <div class="tab-content p-0">
                    <div class="tab-pane fade show active">
                       <div class="card-block p-0">
                          <div class="row">
                            <div class="col-xs-12 col-md-9 p-r-0" style="text-align: -webkit-right;">
                                <button class="btn btn-sm btn-danger pull-left ml-1 mt-2"><a class="text-white" href="{{secure_url('pro/company/bulkzip')}}"> <i class="fa fa-arrow-left" aria-hidden="true"></i>&nbsp;Back</a></button>
                                <div class="col-md-3 p-t-10" style="padding-right: 0px;">
                                  <input type="text" id="search_value" class="form-control" name="search_value" placeholder="search testpin">
                                </div> 

                            </div>
                            <div class="col-xs-12 col-md-9 p-r-0" id="table_data_render">                   
                              @include('pro.corporate.singlezip_list_render')
                            </div>
                            <div class="col-xs-12 col-md-3 bg-eaeaea">
                                <header class="hme-pro-head m-t-15">Request details</header>
                                <div class="pro-right-utility">
                                  <div class="form-group mb-4">
                                      <input type="hidden" name="requested_id" id="requested_id" value="{{ $requested_id }}">
                                      <label>Assessment name: </label>
                                      <div class="pos-relative">
                                        <p class="data"><b>{{ $assessment_name }}</b></p>
                                      </div>
                                  </div>
                                  <div class="form-group mb-4">
                                      <label>Start Date: </label>
                                      <div class="pos-relative">
                                        <p class="data"><b>{{ $start_date }}</b></p>
                                      </div>
                                  </div>
                                  <div class="form-group mb-4">
                                      <label>End date: </label>
                                      <div class="pos-relative">
                                        <p class="data"><b>{{ $end_date }}</b></p>
                                      </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
           </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('footer')
<script type="text/javascript">

  $(function() {
    var ajax=null;
    $("#search_value").keyup(function(e){ 
        if(ajax!=null){
          ajax.abort();
        }
        var search_value = $(this).val();   
        var requested_id = $('#requested_id').val();   
        $('.hme-loading-mask').fadeIn();
        ajax = $.ajax({
            url:"{{ secure_url('pro/company/singlezip-list') }}",
            data:{'search_value':search_value,'requested_id':requested_id},
            type: 'POST',
            success: function(data) {
              $('.hme-loading-mask').fadeOut();
                $('#table_data_render').html(data.component);      
            }
        });
    });
 });

  $('body').on('click', '.pagination a', function(e) {   
        e.preventDefault();
        $('.hme-loading-mask').fadeIn();
         var url = $(this).attr('href');
          $.ajax({
              url: url,
              type: 'POST',
              success: function(data) {
                $('.hme-loading-mask').fadeOut();
                  $('#table_data_render').html(data.component);      
              }
          });
  });

</script>
@endsection