<div class="table-responsive">
  <div class="d-flex justify-content-between">
    <h5 class="mb-0">Diagnosis/Symptom Details</h5>

    <button type="button" class="btn btn-primary" id="addSymptom" data-bs-toggle="modal" data-bs-target="#commonModal"><i class="bx bx-plus-circle"></i> Add New</button>
  </div>
  <hr class="mb-2">
  <table id="example" class="table table-bordered align-middle" style="width:100%">
    <thead class="table-light">
      <tr>
        <th class="thbutton">Sl No</th>
        <th>Diagnosis/Symptom Details</th>
        <th>Diagnosis/Symptom Code</th>
        <th class="thbutton">Edit</th>
        <th class="thbutton">Delete</th>
      </tr>
    </thead>
    <tbody>
       @if(count($ipd_symptom_history)>0)
        @foreach ($ipd_symptom_history as $key => $list)
        <tr>
          <td class="text-left">{{ $key+1 }}</td>
          <td class="text-left">{{ $list->symptoms_title }}</td>
          <td class="text-left">{{ $list->code }}</td>

          <td class="text-center">
              <button data-id="{{ $list->id }}" class="btn btn-sm btn-outline-secondary editSymptoms" data-bs-toggle="modal" id="editSymptoms" data-bs-target="#commonModal" title="Edit">
                <i class="bi bi-pencil-square"></i>
              </button>
          </td>

          <td class="text-center">
            <a data-url="{{route('ipd-admission-symptoms.destroy')}}" data-id="{{$list->id}}" class="btn btn-sm btn-danger deleteDataCustom" class="text-danger" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Delete">
              <i class="bi bi-trash text-white"></i>
            </a>
          </td>
        </tr>
        @endforeach
        @else
          <tr>
              <td colspan="6">No Data Found</td>
          </tr>
        @endif
    </tbody>
  </table>
</div>





