@include ('layouts.header')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <a href="{{ url('show_ndaoffer') }}" class="cancel">Back</a>
            <button type="button" id="showFormButton" class="btn btn-info">Add Document</button>
        </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('uDocuments') }}" 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>

                                 <input type="submit" name="submit" class="btn btn-primary" value="Upload"></input>
                            </form>
                        </div>
                </div>
            <!-- End Upload Form Section (Initially hidden) -->

        <form id="bulkcert" method="post" class="form-split" enctype="multipart/form-data">
             @csrf
             
        <div class="section-title">Employee Certificate Upload</div>
            <label for="sslc" class="form-label">Upload SSLC(s):</label>
            <input type="file" name="sslc_files" id="sslc" accept=".pdf"></br>

            <label for="hsc" class="form-label">Upload HSC(s):</label>
            <input type="file" name="hsc_files" id="hsc" accept=".pdf"></br>

            <label for="ug" class="form-label">Upload UG(s):</label>
            <input type="file" name="ug_files" id="ug" accept=".pdf"></br>

            <label for="pg" class="form-label">Upload PG(s):</label>
            <input type="file" name="pg_files" id="pg" accept=".pdf"></br>

            <label for="others" class="form-label">Upload Other(s):</label>
            <input type="file" name="others" id="others" accept=".pdf">

            <input type="submit" name="submit" class="btn btn-dark"></input>
        </form>
    </div>

    <div id="show-certificate">
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    // Toggle visibility of the upload form when the "Upload Documents" button is clicked
    $('#showFormButton').click(function() {
        $('#uploadFormSection').toggle(); // Show or hide the form
    });

   $('#bulkcert').on('submit', function(e) {
    e.preventDefault();

    var formData = new FormData(this); // Collect form data, including files

    $.ajax({
        type: 'POST',
        url: '{{ url('acertificate') }}',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function(data) {
            $('#show-certificate').html('<div class="alert alert-success">Certificates uploaded successfully!</div>');
        },
        error: function(xhr, status, error) {
            $('#show-certificate').html('<div class="alert alert-danger">Error uploading Certificates.</div>');
        }
    });
});
});
</script>
  @include('layouts.footer')