@extends('company.layouts.main')
@section('content')
<main>
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="module-heading m-0">Jobs </h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <a class="btn btn-info " href="{{ route('add.job') }}">Add Jobs</a>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        @if(Session::has('success'))
        <div id="successMessage" class="alert alert-success">{{ Session::get('success') }}</div>
        @endif
        <div class="card">
            <div class="card-body">
                {{-- <div class="buttonSearch ">
                    <a class="btn btn-addbtn" href="#">Export
                        <!-- <i class="fas fa-arrow-down ml-1"></i> -->
                        <i class="fas fa-download ml-1"></i>
                    </a>
                </div> --}}
                <table id="datatable" class="table table-bordered student_table" style="width:100%">

                    <thead>
                        <tr align="left">
                            <th>ID</th>
                            {{-- <th></th> --}}
                            <th>Job Title</th>
                            <th>Department Name</th>
                            <th>location</th>
                            <th>Date Published</th>
                            <th>Application</th>
                            <th>Shortlisted</th>
                            <th>action</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</main>
@endsection

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

"columnDefs": [
{
"targets": [ 0 ],
"visible": false,
"searchable": true
},
],
"columns": [
{ data: 'id' },
{{-- {data: 'checkbox', name: 'action', orderable: false, searchable: false}, --}}
{ data: 'title' },
{ data: 'department_name' },
{ data: 'city_name' },
{ data: 'start_date' },
{ data: 'application_count' },
{ data: 'shortlist_count' },

{data: 'action', name: 'action', orderable: false, searchable: false},
]
});
setTimeout(function() {
$('#successMessage').fadeOut('fast');
}, 1000);
});
@endsection