@include('layouts.header')
 <div class="container-fluid">
    <div class="row">
        <div class="page-header">
            <a href="{{ url('proof') }}" class="btn btn-info">Add Proof</a>             
            <a href="{{ url('upload') }}" class="cancel">Back</a>
        </div>
    </div>
    
    
    <div class="card">
        <table class="table table-bordered" id="example">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>Code</th>
                    <th>Name</th>
                    <th>Aadhaar</th>
                    <th>PAN</th>
                    <th>VoterID</th>
                    <th>Driving Licence</th>
                    <th>Passport</th>
                </tr>
            </thead>
                <tbody>
                  @foreach($emp_proof as $index => $proof)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $proof->EmployeeCode }}</td>
                    <td>{{ $proof->name }}</td>
                    <td>
                        @if($proof->aadhaar != 'NA')
                            <a href="{{ asset('storage/Documents/Aadhaar/' . $proof->aadhaar) }}" target="_blank">Show Aadhar</a>
                        @else
                            Not Available
                        @endif
                    </td>
                    <td>
                        @if($proof->pan != 'NA')
                            <a href="{{ asset('storage/Documents/PAN/' . $proof->pan) }}" target="_blank">Show PAN</a>
                        @else
                            Not Available
                        @endif
                    </td>
                    <td>
                        @if($proof->Voter != 'NA')
                            <a href="{{ asset('storage/Documents/VoterID/' . $proof->Voter) }}" target="_blank">Show VoterID</a>
                        @else
                            Not Available
                        @endif
                    </td>
                    <td>
                        @if($proof->DL != 'NA')
                            <a href="{{ asset('storage/Documents/DL/' . $proof->DL) }}" target="_blank">Show DL</a>
                        @else
                            Not Available
                        @endif
                    </td>
                    <td>
                @if($proof->passport != 'NA')
                      <a href="{{ asset('storage/Documents/Passport/' . $proof->passport) }}" target="_blank">Show Passport</a>
                   @else
                       Not Available
                   @endif
                </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() {
        // Initialize DataTable
        $('#example').DataTable({
                responsive: true
            });
});
</script>
  @include('layouts.footer')