@include ('layouts.header')

<div class="container-fluid">
     <div class="section-title">Employee Applicable for Casual Leave</div>   
    <div class="row">
         <p>Total Casual Leave Employee : {{ $count }}</p>
         <a href="{{ url('leave') }}" class="cancel">Back</a>  
        <a href="{{ url('export-casual-leave') }}" class="btn btn-info">Download Excel</a>


        <table class="table table-bordered" id="casual_leave">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>Employee Code</th>
                    <th>Employee Name</th>
                    <th>Total </th>
                </tr>
            </thead>
            <tbody>
                @foreach($employees as $employee)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $employee->EmployeeCode }}</td>
                    <td>{{ $employee->ename }}</td>
                    <td>{{ $employee->Total_casual_leave }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="https://cdn.datatables.net/v/dt/dt-2.2.1/datatables.min.css" rel="stylesheet"> 
 <script src="https://cdn.datatables.net/v/dt/dt-2.2.1/datatables.min.js"></script>
<script>
      $(document).ready(function() {
        dataTable = $("#casual_leave").DataTable({
    /*  "columnDefs": [
            {
             "targets": 0,
             "visible": false
            }
        ]*/
       });
    });
 </script>
    @include('layouts.footer')
</div>