/home/mip/mip/app/Modules/Client/Views/applicants/source-applicant/view.blade.php
@extends('Client::reports-layout')
@section('page-body')
    <!-- Main content -->
    <section class="content">
        <div class="box box-primary">
            <div class="box-body">
                <form method="get" action="{{route(config('modules.client').'.source-applicants.excel')}}">
                @foreach(Input::all() as $input => $value)
                    <input type="hidden" name="{{$input}}" value="{{$value}}">
                @endforeach
                    <span class="pull-right">
                        <button class="btn btn-danger btn-flat" type="button" onclick="window.close();"><i class="fa fa-times"></i> Close</button>
                    @can('export', $permissions)
                        <button class="btn btn-success btn-flat" type="submit"><i class="fa fa-file-excel-o"></i> Export To Excel</button>
                    @endcan
                    </span>
                </form>
                <h4><b>Applicant Source Result</b></h4>
                <p style="font-size:17px">Total of applicants found : <b><i>{{ $count }}</i></b></p>
            </div>
        </div>
        <div class="box box-default">
            <div class="box-body">
                <table class="table table-bordered table-striped table-hover data" id="source-applicant-table" width="100%">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            <th>Mobile No.</th>
                            <th>Email</th>
                            <th>Latest Employment</th>
                        </tr>
                    </thead>
               </table>
            </div>
        </div>
    </section>
@stop
@section('page-js')
<script type="text/javascript">
$(function(){
    var sourceTable = $('#source-applicant-table').DataTable({
        "processing": true,
        "serverSide": true,
        "pagingType": "input",
        "filter":false,
        "lengthChange": false,
        "pageLength": 15,
        language: {
            "processing": '<i class=\"fa fa-spinner fa-spin fa-2x\" style=\"color: black;\"></i>',
            "zeroRecords": "No matching records found",
        },
        ajax: {
            url: '{{ route(config('modules.client').'.source-applicants.datatables-index') }}',
            type: 'POST',
            "data": function(d){
                d.position_applied = $('input[name="position_applied"]').val();
                d.school = $('input[name="school"]').val();
                d.recent_emp = $('input[name="recent_emp"]').val();
                d.col_deg = $('input[name="col_deg"]').val();
                d.min_yrs = $('input[name="min_yrs"]').val();
                d.max_yrs = $('input[name="max_yrs"]').val();
                d.work_location = $('input[name="work_location"]').val();
            }
        },
        "dom": "<'row'<'col-sm-6'i><'col-sm-6 text-right'l>>" +
                "<'row'<'col-sm-12'tr>>" +
                "<'row'<'col-sm-5'><'col-sm-7'p>>",
        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: 'mobile_number', name: 'mobile_number', sortable: false, searchable: false},
            { data: 'email', name: 'email', sortable: false, searchable: false},
            { data: 'position', name: 'position', sortable: false, searchable: false},
        ],
        fnDrawCallback: function ( oSettings ){
        },
        "order": [[1, "asc"]],
    });
});
</script>
@stop