{{-- modal tambah keluarga --}}
<div class="modal hide fade" id="modal-edit" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document" >
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="input_title">Parent's Data </h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <form name="create" id="parent_form" action="" role="form" enctype="multipart/form-data" onsubmit="return false" method="post">
         
          <div class="row" id="new_parent" >
            {{-- <div  > --}}
              
              
              <div class="col-md-3">
              <div class="form-group">            
                <label class="col-form-label" for="nm_activity">NO KTP<b style="color: red">*</b></label>
                <br>
                <input type="text" name="NIK" id="p_nik" class="form-control" >
                 
              </div> 
            </div>
            <div class="col-md-4">
              <div class="form-group">            
                <label class="col-form-label" for="nm_activity">Nama</label>
                <br>
                <input type="text" name="nama" id="p_nama" class="form-control">
                 
              </div> 
            </div> 
            <div class="col-md-4">
              <div class="form-group">            
                <label class="col-form-label" for="nm_activity">Email</label>
                <br>
                 <input type="text" name="email" id="p_email" class="form-control">
                 <span id='message'></span>
              </div> 
            </div>
            <div class="col-md-4">
              <div class="form-group">            
                <label class="col-form-label" for="nm_activity">No Hp</label>
                <br>
                 <input type="text" name="hp" id="p_hp" class="form-control">
                 
              </div> 
            </div>
            
            <div class="col-md-4">
              <div class="form-group">            
                <label class="col-form-label" for="nm_activity">Relationship</label>
                <br>
                 <select class="form-control" name="hub" id="p_hub">
                  <option value="">-- Select Relationship --</option>
                  <option value="A">Father</option>
                  <option value="I">Mother</option>
                  <option value="W">Gurdian</option>
                </select>
                 
              </div> 
            </div>
            <div class="col-md-8">
              <div class="form-group">            
                <label class="col-form-label" for="nm_activity">Student</label>
                <br>
                 <select class="js-example-basic-multiple js-states form-control " style="width: 100%"multiple="multiple" name='student[]' id="p_students">
                  @foreach ($student as $row)
                    <option value="{{$row->NIS}}">{{$row->NIS}}-{{$row->nama_panggilan}}</option>
                    {{-- expr --}}
                  @endforeach
                </select>       
                 
              </div> 
            </div>
            {{-- </div> --}}
          </div>
            
               
          {{-- </div> --}}
         
          
          <hr>
            <button type="button" class="btn btn-secondary pull-right" data-dismiss="modal">Cancel</button>&nbsp;

            <input type="submit"  data-loading-text="<i class='fa fa-spinner fa-spin '></i> Processing" class="btn btn-primary send pull-right" id="submitParent" value="Save">&nbsp;
          </form><br>
          
          </div>
         
         
      </div>  
      <div class="modal-footer pull-left">
        
        
        {{-- <button type="button" class="btn btn-primary " onClick="take_snapshot()"><i class="fa fa-camera"></i> Ambil Gambar</button> --}}
      </div>
    </div>
      {!! method_field('POST') !!}
      {!!csrf_field()!!}
    
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->