@if(count($data)>0)
<table class="table table-style-1 table-responsive mb-4 table-bordered table-striped" id="TableTools">
			  <thead>
				<tr>
				  <th scope="col" class="srno-th">Sr. No.</th>
				  <th scope="col" onclick="sortByList('responsibility',this)">Responsibility Name 
          </th>

				  <th scope="col" onclick="sortByList('description',this)">Description</th>
				  
				  <th scope="col" width="220"> Action</th>
				</tr>
			  </thead>
              @php
              $j=1;
              @endphp
            
              @foreach($data as $list)
              <tbody>
                
              <tr>
				  <td>{{ $i + $j}}</td>
				  <td>{{ $list->responsibility}}</td>
				  <td>{{ $list->description }}.</td>
				  <td>
					<button type="button" class="btn btn-md mb-1 btn-outline-primary" onclick="location.href='edit-Responsibilities.php'"><i class="fa fa-pencil" aria-hidden="true"></i> Edit</button>	
					<button type="button" class="btn btn-md mb-1 btn-outline-danger" data-toggle="modal" data-target="#delete"><i class="fa fa-trash-o" aria-hidden="true"></i> Delete</button>	
				 </td>
				</tr>

                
              </tbody>
              @php
              $j++;
              @endphp

              @endforeach
            </table>

            <div class="page-bottom-pagination text-right">
                <nav id="respons_page" aria-label="Page navigation example" class="d-inline-block">
                      {!! $data->links() !!}
                </nav>
            </div>

    @else



    @endif
        

<script>
        $(document).ready(function() {

         
          
        });

      
</script>