<?php $__env->startSection('title', 'Leave Applications'); ?>

<?php $__env->startSection('content'); ?>
<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="mb-0">Leave Applications</h5>
    </div>

    <div class="card">
        <div class="card-body">

            <table class="table table-bordered table-striped w-100"
                   id="leave-employee-table">

                <thead>
                    <tr>
                        <th>Emp No</th>
                        <th>Employee Name</th>
                        <th>Branch</th>
                        <th>Department</th>
                        <th>Date of Join</th>
                        <th>Status</th>
                        <th width="80">Action</th>
                    </tr>
                </thead>

            </table>

        </div>
    </div>

</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script>
$(function () {

    $('#leave-employee-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: "<?php echo e(route('leave.applications.index')); ?>",

        pageLength: 25,
        lengthChange: false,
        searching: true,
        ordering: true,
          dom:
            "<'row mb-3 align-items-center'<'col-md-6'l><'col-md-6 d-flex justify-content-end'f>>" +
            "<'table-responsive'tr>" +
            "<'row mt-3 align-items-center'<'col-md-6'i><'col-md-6 d-flex justify-content-end'p>>",

            language: {
            search: "",
            searchPlaceholder: "Search employee...",
            lengthMenu: "Show _MENU_ entries",
            info: "Showing _START_–_END_ of _TOTAL_ employee"
            },
        columns: [
            { data: 'employee_no', name: 'employee_code' },
            { data: 'employee_name', name: 'first_name' },
            { data: 'branch', orderable: false, searchable: false },
            { data: 'department', orderable: false, searchable: false },
            { data: 'date_of_join', name: 'date_of_join' },
            { data: 'status', orderable: false, searchable: false },
            { data: 'action', orderable: false, searchable: false },
        ],
    });

});
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/codeproh/demo.laraoffice.com/app/Modules/HR/Leave/Providers/../Views/applications/index.blade.php ENDPATH**/ ?>