@include('layouts.header')

    <div class="container-fluid mt-4">
       
        <div class="card">
        <h1>Total: {{ $count }}</h1>
        <a href="{{ url('member') }}" class="cancel">Back</a>
           <table class="table table-striped" id="confirm">
                <thead>
                     <tr>
                        <th>ID</th>
                        <th>EmployeeCode</th>
                        <th>Name of Employee</th>
                        <th>Joining Date</th>
                        <th>Confirmed Date</th>
                    </tr>
                    </thead>
                    <tbody>
                        @foreach($employees as $employee)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $employee->Empcode }}</td>
                                <td>{{ $employee->EmployeeName }}</td>
                                <td>{{ \Carbon\Carbon::parse($employee->DateOfJoining)->format('d-M-Y') }}</td>
                                <td>{{ \Carbon\Carbon::parse($employee->confirm_date)->format('d-M-Y') }}</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 e(){
            dataTable = $("#confirm").DataTable({
            //
            });
        });
    </script>    
    @include('layouts.footer')