<div class="modal fade" id="shortCodeEditModal" tabindex="-1" role="dialog" aria-labelledby="shortCodeEditModalLabel" 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="shortCodeEditModalLabelHeading">Edit Short Code Form</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div id="notifyAreaEdit" class="alert alert-danger hidden"></div>
        <form class="form-vertical" method="POST" id="shortCodeEditForm" action="{{ url('clients/shortcodes_update') }}">
              {{ csrf_field() }}
              <input type="hidden" name="shortcode_id" id="shortCodeIDEdit">
              <input type="hidden" name="code_type" id="shortCodeTypeEdit">
              <input type="hidden" name="client_id" id="shortCodeClientIdEdit">
              <div class="row">

                <div class="form-group" >
                  <div class="col-md-12" style="padding-bottom: 5px;">
                    <label for="nameEdit">Friendly Name *</label>
                    <input type="text" class="form-control" name="name" id="nameEdit" required >
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12" style="padding-bottom: 5px">
                    <label for="networks">Network *</label>
                    <!--  'multiple'=> 'true', -->
                    {!! Form::select('network', $networks_raw, null, ['class' => 'form-control' , 'id' => 'networks', 'required' => 'required', 'style' => 'width: 100%']) !!}
                  </div>
                </div>
                <div class="form-group" >
                  <div class="col-md-12" style="padding-bottom: 5px;">
                    <label for="shortCodeEdit">Code *</label>
                    <input type="number" class="form-control" name="shortcode" id="shortCodeEdit" required >
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12" style="padding-bottom: 5px">
                    <label for="tollFreeEdit">Toll Free</label>
                    <select name="toll_free" id="tollFreeEdit" class="form-control" required style="width: 100%;">
                      <option value="YES">YES</option>
                      <option value="NO">NO</option>
                    </select>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12" style="padding-bottom: 5px">
                    <label for="monthlyFeeEdit">Monthly Fee</label>
                    <input type="number" class="form-control" name="monthly_fee" id="monthlyFeeEdit" >                   
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-6">
                    <div class='input-group date' id='myDatepicker22Edit' style="padding-bottom: 5px;">
                        <label for="launchDateEdit">Launch Date</label>
                        <input type="text" class="form-control" name="launch_date"  id="launchDateEdit" required >
                        <div class="input-group-addon">
                          <span class="fa fa-calendar"></span>
                        </div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class='input-group date' id='myDatepicker223Edit' style="padding-bottom: 5px;">
                        <label for="expiryDateEdit">Expiry Date</label>
                        <input type="text" class="form-control" name="expiry_date"  id="expiryDateEdit" required >
                        <div class="input-group-addon">
                          <span class="fa fa-calendar"></span>
                        </div>
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12" style="padding-bottom: 5px">
                    <label for="codeStatusEdit">Status</label>
                    <select id="codeStatusEdit" name="status" class="form-control" required style="width: 100%;">
                      <option value="LIVE">Live</option>
                      <option value="PENDING">Pending</option>
                      <option value="TESTING">Testing</option>
                      <option value="INACTIVE">Inactive </option>
                    </select>
                  </div>
                </div>
                <div class="form-group" >
                  <div class="col-md-12" style="padding-bottom: 5px;">
                    <label for="remarksEdit">Remarks</label>
                    <input type="text" class="form-control" name="remarks"  id="remarksEdit"></textarea>
                  </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 -->
