@extends('layouts.admin')
@section('content')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="main-content-wrap sidenav-open d-flex flex-column">
   <!-- ============ Body content start ============= -->
   <div class="main-content">
      <div class="row">
         <div class="card text-left">
            <div class="card-body">
              <form action="{{route('/export/customer-list')}}" method="POST">
              @csrf
               <div class="row">
                  <div class="col-md-3">
                     <h2 class="mb-3" style="font-weight:700">Links</h2>
                  </div>
                  <div class="col-md-9">
                     <div class="" style="text-align:right">
                        <ul class="employee-top-btns">
                           <li>
                              <a href="{{ url('/admin/links/create') }}" class="btn btn-blue text-white bg-blue">
                              <i class="fa fa-plus"></i> Create
                              </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div id="empResult">
                @include('admin.links.ajax')
                </div>
            </form>
            </div>
         </div>
      </div>
   </div>
</div>


<script>
  $(function(){
    getData(0);

  //pagination
  $(document).on('click', '.pagination a',function(event){
    //loader
    $("#overlay").fadeIn(300);　
    $('li').removeClass('active');
    $(this).parent('li').addClass('active');
    event.preventDefault();
    var myurl = $(this).attr('href');
    var page=$(this).attr('href').split('page=')[1];
    getData(page);
});

function getData(page){

    $.ajax(
    {
        url: '?page=' + page,
        type: "get",
        datatype: "html",
    })
    .done(function(data)
    {
        $("#empResult").empty().html(data);
        $("#overlay").fadeOut(300);
        //debug to check page number
        // location.hash = page;
    })
    .fail(function(jqXHR, ajaxOptions, thrownError)
    {
        alert('No response from server');

    });
}

});

</script>
@endsection