@include('layouts.header')

<div class="container-fluid">
    <div class="row">
        <!-- Table Section -->
        <div class="col-12">
            <a href="{{ url('upload') }}" class="cancel">Back</a>
            <a href="{{ url('certificate') }}" class="btn btn-info">Add Certificate</a>
            <!-- Add button to show/hide the upload form -->
        </div>
    </div>

    <!-- Upload Form Section (Initially hidden) -->
    <div id="uploadFormSection" style="display:none;">
        <div class="section-title">Employee Documents Upload</div>

            <div class="card">
                <form method="POST" action="{{ url('uploadDocuments') }}" class="form-split" enctype="multipart/form-data">
               @csrf
                 <!-- NDA Files Upload -->
                    <label for="nda_files">Upload NDA(s):</label>
                    <input type="file" name="nda_files" id="nda_files" accept=".pdf"><br>

                    <!-- Offer Letter Files Upload -->
                    <label for="offer_files">Upload Offer:</label>
                    <input type="file" name="offer_files" id="offer_files" accept=".pdf"><br>

                    <button type="submit" class="btn btn-info">Upload</button>
                </form>
            </div>
    </div>

    <div class="card">
        <table class="table table-bordered" id="example">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>Employee Code</th>
                    <th>Employee Name</th>
                    <th>NDA</th>
                    <th>Offer Letter</th>
                </tr>
            </thead>
            <tbody>
                @foreach($ndaoffer as $key => $offer)
                <tr>
                    <td>{{ $key + 1 }}</td>
                    <td>{{ $offer->EmployeeCode }}</td>
                    <td>{{ optional($offer->appraisal)->ename ?? 'N/A' }}</td>
                    <td>
                        @if($offer->nda_agreement != 'NA')
                        <a href="{{ asset('storage/Documents/NDA/' . $offer->nda_agreement) }}" target="_blank">Show NDA</a>
                        @else
                        Not Available
                        @endif 
                    </td>
                    <td>
                        @if($offer->OfferLetter != 'NA')
                        <a href="{{ asset('storage/Documents/Offer/' . $offer->OfferLetter) }}" target="_blank">Show Offer</a>
                        @else
                        Not Available
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<!-- DataTable JS -->
<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
    });

    // Toggle visibility of the upload form when the "Upload Documents" button is clicked
    $('#showUploadFormButton').click(function() {
        $('#uploadFormSection').toggle(); // Show or hide the form
    });
});
</script>
  @include('layouts.footer')