@include('layouts.header')


<div class="container">
       
        <div class="card">
        <a href="{{ url('view') }}" class="btn btn-info">Back</a>
            <table class="table table-striped" id="pagination"> 
                <thead>
                    <tr>
                    <th>#</th>
                        <th>Code</th>
                        <th>Name</th>
                        <th>Gender</th>
                        <th>Department</th>
                        <th>Designation</th>
                    </tr>
                </thead>
                <tbody>
                @php $i=1 @endphp
                    @foreach($team as $tm)
                    <tr>
                        <td>{{ $i++ }}</td>
                        <td>{{ $tm->EmployeeCode }}</td>
                        <td>{{ $tm->EmployeeName }}</td>
                        <td>{{ $tm->gender }}</td>
                        <td>{{ $tm->dept_name }}</td>
                        <td>{{ $tm->designation }}</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() {
        var dataTable = $("#pagination").DataTable({
          /*  "columnDefs": [
                {
                 "targets": 0,
                "visible": false
                }
            ]*/
        });
});
</script>
  @include('layouts.footer')