@if($sub_districts->count()>0)
@foreach ($sub_districts as $key => $sub)
   <li><a href="#">{{$sub->name}} {{$sub->bn_name}}</a>
   	<a data-toggle="modal" data-target="#editSubDis" href="#" data-id="{{$sub->id}}" href="#" class="float-right editSubDis"><i class="fa fa-edit"></i></a>
   </li>
@endforeach
@else no data found @endif


<div class="modal fade" id="editSubDis" role="dialog">
  <div class="modal-dialog">
  
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Edit sub-district</h4>
      </div>
      <div class="modal-body">
        <div class="sub_dis_edit"></div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
	$(function(){
	    $('.editSubDis').on('click',function(){
	        $.ajax({
	            type:'get', url: '/common/sub-district-edit-form',
	            data: {id: $(this).data('id')},
	            success: function (response) { $('.sub_dis_edit').html(response);},
	        });
	    });
	})
</script>