@extends('layouts/contentNavbarLayout')
@section('title', 'Applicant - Applicant List')

@section('content')
<h4><span class="text-muted fw-light">Home /</span>All Applicant List</h4>


<div class="offcanvas-body mx-0 flex-grow-0">
  <div class="card">
    <div class="card-header">
      <h5 class="card-title">Applicant Details</h5>
    </div>
    <div class="card-body">
      <form id="applicantForm" novalidate>
        @csrf
        <div class="row">
          <div class="col-md-6">
            <div class="form-floating form-floating-outline mb-4">
              <input type="text" class="form-control" id="experience" placeholder="Experience" required />
              <label for="experience">Experience</label>
              <div class="invalid-feedback">Please provide experience details.</div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form-floating form-floating-outline mb-4">
              <input type="text" class="form-control" id="qualifications" placeholder="Qualifications" required />
              <label for="qualifications">Qualifications</label>
              <div class="invalid-feedback">Please provide your qualifications.</div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form-floating form-floating-outline mb-4">
              <input type="text" class="form-control" id="preferredLocation" placeholder="Preferred Location"
                required />
              <label for="preferredLocation">Preferred Location</label>
              <div class="invalid-feedback">Please provide your preferred location.</div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form-floating form-floating-outline mb-4">
              <input type="text" class="form-control" id="noticePeriod" placeholder="Notice Period" required />
              <label for="noticePeriod">Notice Period</label>
              <div class="invalid-feedback">Please provide your notice period.</div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form-floating form-floating-outline mb-4">
              <input type="text" class="form-control" id="expectedSalary" placeholder="Expected Salary" required />
              <label for="expectedSalary">Expected Salary</label>
              <div class="invalid-feedback">Please provide your expected salary.</div>
            </div>
          </div>
          <div class="col-md-6">
            <button type="submit" class="btn btn-primary w-25 mb-3">Filter</button>

          </div>
        </div>
      </form>
    </div>
  </div>
</div>



<div class="container-fluid mt-3 px-0">
  <div class="table-responsive">
    <table class="table table-bordered table-striped table-hover shadow-sm text-sm" id="table">
      <thead class="table-dark text-center small">
        <tr class="text-center align-middle">
          <th>Select</th>
          <th>Applicant Name</th>
          <th>Experience</th>
          <th>Contact</th>
          <th>Highest Qualification</th>
          <th>Current Location</th>
          <th>Preferred Location</th>
          <th>Notice Period</th>
          <th>Current Organisation</th>
          <th>Current Salary</th>
          <th>Expected Salary</th>
          <th>Resume</th>
          <th>Status</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        <tr class="text-center small align-middle">
          <td><input type="checkbox" /></td>
          <td>Naveen Nagam</td>
          <td>5 years</td>
          <td>9133913522</td>
          <td>M.Tech</td>
          <td>Hyderabad</td>
          <td>Bangalore</td>
          <td>30 days</td>
          <td>Glansa</td>
          <td>12 LPA</td>
          <td>15 LPA</td>
          <td><a href="#">View Resume</a></td>
          <td class="text-success">Shortlisted</td>
          <td><button type="button" class="btn btn-primary" data-bs-toggle="modal"
              data-bs-target="#applicantDetailsModal">View</button></td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="d-flex justify-content-end mt-3">
    <button id="clearForm" class="btn btn-primary" type="button" data-bs-toggle="offcanvas"
      data-bs-target="#offcanvasBackdrop" aria-controls="offcanvasBackdrop"> Format details </button>
  </div>
</div>

<!-- Success Modal -->
<div class="modal fade" id="successModal" tabindex="-1" aria-labelledby="successModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="successModalLabel">Success</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Details formatted successfully

      </div>
      <div class="modal-footer">
        <a href="/formattedapplicantslist" class="btn btn-primary">OK</a>
      </div>
    </div>
  </div>
</div>


<!-- Modal -->
<div class="modal fade" id="applicantDetailsModal" tabindex="-1" aria-labelledby="applicantDetailsModalLabel"
  aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="applicantDetailsModalLabel">Applicant Details</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-xl">
            <div class="card-body">
              <div class="row">
                <div class="col-md-6">
                  <p><strong>Name:</strong> Anita Seth </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Phone Number:</strong> 9658741235 </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Email:</strong> anita@gmail.com </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Portfolio/LinkedIn Profile:</strong> <a href="#"> linkedin.com/anita </a>
                  </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Applying For:</strong> Medical </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Highest Qualification:</strong> MBBS </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Current Location:</strong> Hyderabad </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Preferred Location:</strong> Hyderabad </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Height:</strong> 5.4 ft </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Weight:</strong> 58 kg </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Blood Group:</strong> O+ </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Hemoglobin:</strong> 14.5% </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Notice Period:</strong> 1 month </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Work Experience:</strong> 5 years </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Current Salary:</strong> 3,00,000 </p>
                </div>
                <div class="col-md-6">
                  <p><strong>Expected Salary:</strong> 6,20,000 </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Current Organisation:</strong> Glansa </p>
                </div>

                <div class="col-md-6">
                  <p><strong>Resume:</strong> <a href="#"> Download Resume </a></p>
                </div>
                <div class="col-md-6">
                  <p><strong>Certificates:</strong> <a href="#"> Download Certificates </a></p>
                </div>

                <div class="col-md-12">
                  <p><strong>Remarks:</strong> Demonstrates exceptional dedication and compassion
                    towards patients, providing holistic care and support.</p>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
<script>
  var applicantsData;
  var filterApplicantsData;
  $(document).ready(function () {
    fetchApplicants();
  });

  function fetchApplicants() {

    var table = $('#table').DataTable();
    let tableBody = $("#table tbody");
    tableBody.html(`<tr><td colspan="14" class="text-center">Loading data...</td></tr>`); // Show loading message

    $.ajax({
      url: "/api/getapplicant",
      type: "GET",
      dataType: "json",
      success: function (response) {
        if (response.status === "success") {
          let applicants = response.data.filter((e) => e.Source !== 'sm');
          applicantsData = response.data.filter((e) => e.Source !== 'sm');
          filterApplicantsData = response.data.filter((e) => e.Source !== 'sm');
          tableBody.empty(); // Clear the loading message

          if (applicants.length === 0) {
            tableBody.html(`<tr><td colspan="14" class="text-center text-danger">No applicants found</td></tr>`);
            return;
          }

          filterApplicantsData.forEach(applicant => {
            let rows = `
                            <tr class="text-center small align-middle">
                                <td><input type="checkbox" /></td>
                                <td>${applicant.FirstName} ${applicant.LastName}</td>
                                <td>${applicant.Experience || 'N/A'}</td>
                                <td>${applicant.PhoneNumber || 'N/A'}</td>
                                <td>${applicant.Qualification || 'N/A'}</td>
                                <td>${applicant.CurrentLocation || 'N/A'}</td>
                                <td>${applicant.PreferredLocation || 'N/A'}</td>
                                <td>${applicant.NoticePeriod || 'N/A'}</td>
                                <td>${applicant.CurrentOrganization || 'N/A'}</td>
                                <td>${applicant.CurrentSalary ? applicant.CurrentSalary + ' LPA' : 'N/A'}</td>
                                <td>${applicant.ExpectedSalary ? applicant.ExpectedSalary + ' LPA' : 'N/A'}</td>
                                <td>
                                    ${applicant.Resume ? `<a href="${applicant.Resume}" target="_blank">View Resume</a>` : 'N/A'}
                                </td>
                                <td class="${applicant.StatusId === "1" ? 'text-warning' : 'text-success'}">
                                    ${applicant.sname}
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary viewApplicantBtn" data-bs-toggle="modal"
                                        data-bs-target="#applicantDetailsModal" data-name="${applicant.FirstName} ${applicant.LastName}"
                                        data-phone="${applicant.PhoneNumber || 'N/A'}"
                                        data-email="${applicant.Email || 'N/A'}"
                                        data-linkedin="${applicant.LinkedIn || '#'}"
                                        data-applying="${applicant.ApplyingFor || 'N/A'}"
                                        data-qualification="${applicant.Qualification || 'N/A'}"
                                        data-current-location="${applicant.CurrentLocation || 'N/A'}"
                                        data-preferred-location="${applicant.PreferredLocation || 'N/A'}"
                                        data-height="${applicant.Height || 'N/A'}"
                                        data-weight="${applicant.Weight || 'N/A'}"
                                        data-blood="${applicant.BloodGroup || 'N/A'}"
                                        data-hemoglobin="${applicant.Hemoglobin || 'N/A'}"
                                        data-notice="${applicant.NoticePeriod || 'N/A'}"
                                        data-experience="${applicant.Experience || 'N/A'}"
                                        data-current-salary="${applicant.CurrentSalary || 'N/A'}"
                                        data-expected-salary="${applicant.ExpectedSalary || 'N/A'}"
                                        data-organization="${applicant.CurrentOrganization || 'N/A'}"
                                        data-resume="${applicant.Resume || '#'}"
                                        data-certificates="${applicant.Certificates || '#'}"
                                        data-remarks="${applicant.Remarks || 'N/A'}">View</button>
                                  </td>
                            </tr>
                        `;
            tableBody.append(rows);
            table.clear(); // Clear any previous DataTable data
            table.rows.add(tableBody.find('tr')).draw();
          });
        } else {
          tableBody.html(`<tr><td colspan="14" class="text-center text-danger">Failed to fetch applicants</td></tr>`);
        }
      },
      error: function () {
        tableBody.html(`<tr><td colspan="14" class="text-center text-danger">Error fetching data. Try again later.</td></tr>`);
      }
    });
  }
  $('#clearForm').on('click', function () {
    var successModal = new bootstrap.Modal(document.getElementById('successModal'));
    successModal.show();
  });

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

    var successModal = new bootstrap.Modal(document.getElementById('successModal'));
    successModal.show();
    $('#emailForm')[0].reset();
  });



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

    // Retrieve form values
    let experience = $('#experience').val();
    let qualification = $('#qualifications').val();
    let preferredLocation = $('#preferredLocation').val();
    let noticePeriod = $('#noticePeriod').val();
    let expectedSalary = $('#expectedSalary').val();

    // console.log(filterApplicantsData);

    let filteredApplicant;

    switch (filterApplicantsData.length > 0) {
      case experience !== '' && qualification == '' && preferredLocation == '' && noticePeriod == '' && expectedSalary == '':
        filteredApplicant = filterApplicantsData.filter((e) => e.Experience == experience);

        console.log(filteredApplicant);
        break;
      case qualification !== '' && experience == '' && preferredLocation == '' && noticePeriod == '' && expectedSalary == '':
        filteredApplicant = filterApplicantsData.filter((e) => e.Qualification && e.Qualification.toLowerCase() == qualification.toLowerCase());
        console.log(filteredApplicant);
        break;
      case preferredLocation !== '' && qualification == '' && experience == '' && noticePeriod == '' && expectedSalary == '':
        filteredApplicant = filterApplicantsData.filter((e) => e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase());
        console.log(filteredApplicant);
        break;
      case noticePeriod !== '' && qualification == '' && experience == '' && preferredLocation == '' && expectedSalary == '':
        filteredApplicant = filterApplicantsData.filter((e) => e.NoticePeriod <= noticePeriod);
        console.log(filteredApplicant);
        break;
      case expectedSalary !== '' && qualification == '' && experience == '' && preferredLocation == '' && noticePeriod == '':
        filteredApplicant = filterApplicantsData.filter((e) => parseFloat(e.ExpectedSalary) <= parseFloat(expectedSalary));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && qualification !== '' && preferredLocation == '' && noticePeriod == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.Qualification && e.Qualification.toLowerCase() == qualification.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && preferredLocation !== '' && qualification == '' && noticePeriod == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && noticePeriod !== '' && qualification == '' && preferredLocation == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.NoticePeriod == noticePeriod));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && expectedSalary !== '' && qualification == '' && preferredLocation == '' && noticePeriod == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (parseFloat(e.ExpectedSalary) <= parseFloat(expectedSalary)));
        console.log(filteredApplicant);
        break;
      case (qualification !== '' && preferredLocation !== '' && experience == '' && noticePeriod == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Qualification && e.Qualification.toLowerCase() == qualification.toLowerCase()) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (qualification !== '' && noticePeriod !== '' && experience == '' && preferredLocation == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Qualification && e.Qualification.toLowerCase() == qualification.toLowerCase()) && (e.NoticePeriod == noticePeriod));
        console.log(filteredApplicant);
        break;
      case (qualification !== '' && expectedSalary !== '' && experience == '' && preferredLocation == '' && noticePeriod == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Qualification == qualification) && (e.ExpectedSalary <= expectedSalary));
        console.log(filteredApplicant);
        break;
      case (preferredLocation !== '' && noticePeriod !== '' && experience == '' && qualification == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()) && (e.NoticePeriod == noticePeriod));
        console.log(filteredApplicant);
        break;
      case (preferredLocation !== '' && expectedSalary !== '' && experience == '' && qualification == '' && noticePeriod == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()) && (parseFloat(e.ExpectedSalary) <= parseFloat(expectedSalary)));
        console.log(filteredApplicant);
        break;
      case (noticePeriod !== '' && expectedSalary !== '' && experience == '' && qualification == '' && preferredLocation == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.NoticePeriod == noticePeriod) && (parseFloat(e.ExpectedSalary) <= parseFloat(expectedSalary)));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && qualification !== '' && preferredLocation !== '' && noticePeriod == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && qualification !== '' && noticePeriod !== '' && preferredLocation == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.NoticePeriod == noticePeriod));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && qualification !== '' && expectedSalary !== '' && preferredLocation == '' && noticePeriod == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (parseFloat(e.ExpectedSalary) <= parseFloat(expectedSalary)));
        console.log(filteredApplicant);
        break;
      case (preferredLocation !== '' && qualification !== '' && noticePeriod !== '' && qualification == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.NoticePeriod == noticePeriod) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (preferredLocation !== '' && qualification !== '' && expectedSalary !== '' && qualification == '' && noticePeriod == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (parseFloat(e.ExpectedSalary) <= expectedSalary) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (preferredLocation !== '' && noticePeriod !== '' && expectedSalary !== '' && qualification == '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.NoticePeriod == noticePeriod) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && qualification !== '' && preferredLocation !== '' && noticePeriod !== '' && expectedSalary == ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.NoticePeriod == noticePeriod) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && qualification !== '' && preferredLocation !== '' && noticePeriod == '' && expectedSalary !== ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (parseFloat(e.ExpectedSalary) == parseFloat(expectedSalary)) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (experience == '' && qualification !== '' && preferredLocation !== '' && noticePeriod !== '' && expectedSalary !== ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.NoticePeriod == noticePeriod) && (parseFloat(e.ExpectedSalary) <= parseFloat(expectedSalary)) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
      case (experience !== '' && qualification !== '' && preferredLocation !== '' && noticePeriod !== '' && expectedSalary !== ''):
        filteredApplicant = filterApplicantsData.filter((e) => (e.Experience == experience) && (e.NoticePeriod == noticePeriod) && (parseFloat(e.ExpectedSalary) <= parseFloat(expectedSalary)) && (e.Qualification && e.Qualification.toLowerCase() == qualification) && (e.PreferredLocation && e.PreferredLocation.toLowerCase() == preferredLocation.toLowerCase()));
        console.log(filteredApplicant);
        break;
    }


    let table = $('#table').DataTable(); // Access DataTable instance
    let tableBody = $("#table tbody");

    if (filteredApplicant.length === 0) {
      // Show no results message
      tableBody.html(`<tr><td colspan="14" class="text-center text-danger">No applicants found</td></tr>`);
      table.clear().draw(); // Clear DataTable if no results
      return;
    }

    // Clear table body and DataTable
    tableBody.empty();
    table.clear();

    // Append filtered rows to the table
    filteredApplicant.forEach(applicant => {
      let row = `
            <tr class="text-center small align-middle">
                <td><input type="checkbox" /></td>
                <td>${applicant.FirstName} ${applicant.LastName}</td>
                <td>${applicant.Experience || 'N/A'}</td>
                <td>${applicant.PhoneNumber || 'N/A'}</td>
                <td>${applicant.Qualification || 'N/A'}</td>
                <td>${applicant.CurrentLocation || 'N/A'}</td>
                <td>${applicant.PreferredLocation || 'N/A'}</td>
                <td>${applicant.NoticePeriod || 'N/A'}</td>
                <td>${applicant.CurrentOrganization || 'N/A'}</td>
                <td>${applicant.CurrentSalary ? applicant.CurrentSalary + ' LPA' : 'N/A'}</td>
                <td>${applicant.ExpectedSalary ? applicant.ExpectedSalary + ' LPA' : 'N/A'}</td>
                <td>
                    ${applicant.Resume ? `<a href="${applicant.Resume}" target="_blank">View Resume</a>` : 'N/A'}
                </td>
                <td class="${applicant.StatusId === "1" ? 'text-success' : 'text-warning'}">
                    ${applicant.StatusId === "1" ? 'Shortlisted' : 'Pending'}
                </td>
                <td>
                    <button type="button" class="btn btn-primary viewApplicantBtn" data-bs-toggle="modal"
                        data-bs-target="#applicantDetailsModal" data-name="${applicant.FirstName} ${applicant.LastName}"
                        data-phone="${applicant.PhoneNumber || 'N/A'}"
                        data-email="${applicant.Email || 'N/A'}"
                        data-linkedin="${applicant.LinkedIn || '#'}"
                        data-applying="${applicant.ApplyingFor || 'N/A'}"
                        data-qualification="${applicant.Qualification || 'N/A'}"
                        data-current-location="${applicant.CurrentLocation || 'N/A'}"
                        data-preferred-location="${applicant.PreferredLocation || 'N/A'}"
                        data-height="${applicant.Height || 'N/A'}"
                        data-weight="${applicant.Weight || 'N/A'}"
                        data-blood="${applicant.BloodGroup || 'N/A'}"
                        data-hemoglobin="${applicant.Hemoglobin || 'N/A'}"
                        data-notice="${applicant.NoticePeriod || 'N/A'}"
                        data-experience="${applicant.Experience || 'N/A'}"
                        data-current-salary="${applicant.CurrentSalary || 'N/A'}"
                        data-expected-salary="${applicant.ExpectedSalary || 'N/A'}"
                        data-organization="${applicant.CurrentOrganization || 'N/A'}"
                        data-resume="${applicant.Resume || '#'}"
                        data-certificates="${applicant.Certificates || '#'}"
                        data-remarks="${applicant.Remarks || 'N/A'}">View</button>
                  </td>
            </tr>
        `;
      tableBody.append(row);
    });

    // Redraw the DataTable with the new data
    table.rows.add(tableBody.find('tr')).draw();

  });


</script>

@endsection