@include('layouts.header')

<div class="container">
    <div class="card">
        <h3>{{$thisMonth}}</h3>
     </div>
     <div class="row">
        <table class="table table-striped" id="appraisal">
         <thead><tr>
            <td>SI No </td>
            <td>Employee Name </td>
            <td>Reporting </td>
            <td>Dept Name</td>
            <td>Action </td>
        </tr>
     </thead>
     <tbody>
         @php $i=1;@endphp
         @foreach($results as $res)
         <tr>
            <td>{{$i++}} </td>
            <td>{{$res->ename}} ({{$res->ecode}})</td>
            <td>{{$res->reporting}}</td>
            <td>{{$res->dept_name}}</td>
            <td> Alert: {{ $res->ename }} has an upcoming appraisal in {{ $thisMonth }}<br>                        </td>
        </tr>
        @endforeach
    </tbody>
</table>
</div>
</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 = $("#appraisal").DataTable({
    /*  "columnDefs": [
            {
             "targets": 0,
             "visible": false
            }
        ]*/
       });
    });
 </script>
 </div>
 @include('layouts.footer')