@extends('super-admin.layouts.main')
@section('content')
<style>
  .student-table-wrap {
    overflow-x: auto;
  }

  .student-table-wrap table {
    min-width: 1200px;
  }

  .student-table-wrap .badge {
    border-radius: 999px;
    font-weight: 700;
    padding: 6px 9px;
  }
</style>
<main>
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">View Students</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
           
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
   @if(Session::has('success'))
    <div id="successMessage" class="alert alert-success">{{ Session::get('success') }}</div>
  @endif
    <div class="card">
      <div class="card-body student-table-wrap">
       
        <table id="datatable" class="display table table-striped table-hover">
          <thead>
            <tr align="left">
                <th>ID</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Resume</th>
                <th>LinkedIn</th>
                <th>Signup</th>
                <th>Signup Date</th>
                <th>VWEP Started</th>
                <th>VWEP Tasks</th>
                <th>Action</th>
            </tr>
          </thead>
        <tbody>
        </tbody>
        </table>
      </div>
    </div>
  </div>
</main>
@endsection

@section('script')
 $(function () {
    var table = $('#datatable').DataTable({
        processing: true,
        serverSide: true,
        responsive:true,
        order:['0','desc'],
        ajax: "{{ route('student.view') }}",

        "columnDefs": [
        {
            "targets": [ 0 ],
            "visible": false,
            "searchable": true
        },
        ],
            "columns": [
             { data: 'id' },
             { data: 'first_name' },
             { data: 'last_name' },
             { data: 'email' },
             { data: 'phone_number' },
             { data: 'resume_status', name: 'resume_status', orderable: false, searchable: false },
             { data: 'linkedin_status', name: 'linkedin_status', orderable: false, searchable: false },
             { data: 'signup_method', name: 'signup_method', orderable: false, searchable: false },
             { data: 'signed_up_at', name: 'signed_up_at' },
             { data: 'vwep_started', name: 'vwep_started', orderable: false, searchable: false },
             { data: 'vwep_tasks', name: 'vwep_tasks', orderable: false, searchable: false },
             {data: 'action', name: 'action', orderable: false, searchable: false},

        ]
    });
  });
  @endsection