/home/mip/mip/app/Modules/Client/Views/applicants/view.blade.php
@extends('Client::reports-layout')
@section('page-body')
    <!-- Content Header (Page header) -->
    <!-- Main content -->
    <section class="content"> 
        <div class="box box-primary">
            <div class="box-body">
                <form method="get" action="{!! route(config('modules.client').'.applicants.excel', $job->hashid) !!}">
                    <span class="pull-right">
                        <button class="btn btn-danger btn-flat" type="button" onclick="window.close();"><i class="fa fa-times"></i> Close</button>
                        <button class="btn btn-success btn-flat" type="submit"><i class="fa fa-file-excel-o"></i> Export To Excel</button>
                    </span>
                    <h4><b>Applicants for {{ $job->position }} ({{ $job->no_position }})</b></h4>
                </form>
            </div>
        </div>
        <div class="box box-default">
            <div class="box-body">
                <table class="table table-bordered table-striped table-hover data" id="applicants-table" width="100%">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Applicant Name</th>
                            <th>Mobile No.</th>
                            <th>Date Applied</th>
                        </tr>
                    </thead>
               </table>
            </div>
        </div>
    </section>
@stop
@section('page-js')
<script type="text/javascript">
$(function() {
    var applicantsTable = $('#applicants-table').DataTable({
        processing: true,
        serverSide: true,
        pagingType: "input",
        iDisplayLength: 25,
        filter: false,
        ajax: {
            url: '{!! route(config('modules.client').'.applicants-list.datatables-index', $job->hashid) !!}',
            method: 'POST',
        },
        columns: [
            {
                width:'10px', searchable: false, orderable: false,
                render: function (data, type, row, meta) {
                    return meta.row + meta.settings._iDisplayStart + 1;
                }
            },
            { data: 'full_name', name: 'full_name', sortable: true, searchable: false},
            { data: 'applicant.mobile_number', name: 'applicant.mobile_number', sortable: false, searchable: false},
            { data: 'apply_date', name: 'apply_date', sortable: true, searchable: false},
        ],
        "order": [[1, "asc"]],
    });
});
</script>
@stop