<div class="modal fade" id="newNotesForm" tabindex="-1" role="dialog" aria-labelledby="approveModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <!-- <h4 class="modal-title">Default Modal</h4> -->
        <h5 class="modal-title text-center" id="approveModalLabelHeading">New Notes</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="form-vertical" method="POST" id="newNotesFormForm" action="{{ url('clients/notes_store') }}">
            {{ csrf_field() }}
            <!-- <input type="hidden" name="user_id" value="" id="userID" > -->
            <input type="hidden" name="client_id" id="clientID" value="{{ $showclient->id }}">
              <div class="row">
                <div class="form-group">
                  <label for="notesServices">Services</label>
                  <div class="col-md-12">
                  {!! Form::select('services[]', $service_type_names , old('services'), ['class' => 'form-control' , 'id' => 'notesServices', 'required' => 'required', 'multiple'=> 'true', 'style' => 'width: 100%']) !!}
                  </div>
                </div>
                <div class="form-group" >
                  <div class="col-md-12" style="padding-bottom: 5px;">
                    <label for="notesBody">Notes</label>
                    <textarea class="form-control" name="notes_body" rows="5" id="notesBody"></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <div class="pull-rights">
                    <label>Highlight :</label>
                    <div class="">
                      <div class="">
                        <label>
                          <input type="checkbox" name="highlight" class="" /> YES
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
                
                
                <div class="form-group" style="margin-bottom: 0.2rem; padding-bottom: 5px; padding-top: 5px;">
                    <div class="col-md-12" style="padding-bottom: 10px;">
                        <button type="submit" class="btn btn-success btn-block updateBtn"> <i class="fa fa-send"></i> Submit</button>
                    </div>
                </div>
                <div class="form-group" style="margin-bottom: 0.5rem; padding-bottom: 5px; padding-top: 5px;">
                  <div class="col-md-12">
                    <button type="button" class="btn btn-dark btn-block" data-dismiss="modal"><i class="fa fa-close"></i> Close</button>
                  </div>
                </div>

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

    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
