<div class="modal fade" id="financePaymentsEditForm" tabindex="-1" role="dialog" aria-labelledby="paymentModalLabel" 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="paymentModalLabelHeading">Update Payment Details</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="financeEditForm" action="{{ url('mnos/finance_update') }}">
            {{ csrf_field() }}
            <input type="hidden" name="mno_id" id="mnoIdEdit" value="{{ $network_arr->id }}">
            <input type="hidden" name="payment_id" id="paymentIdEdit" value="">
              <div class="row">
                <div class="form-group">                  
                  <div class="col-md-12">
                    <label for="financeServicesEdit">Services *</label>
                    {!! Form::select('services[]', $service_type_names , old('services'), ['class' => 'form-control' , 'id' => 'financeServicesEdit', 'required' => 'required', 'multiple'=> 'true', 'style' => 'width: 100%']) !!}
                  </div>
                </div>
                <div class="form-group" >
                  <div class="col-md-12" style="padding-bottom: 5px;">
                    <label for="invoiceNumberEdit">Invoice Number *</label>
                    <input type="text" class="form-control" name="invoice_number" id="invoiceNumberEdit" required >                    
                  </div>
                </div>
                <div class="form-group" >
                  <div class="col-md-12" style="padding-bottom: 5px;">
                    <label for="invoiceAmountEdit">Invoice Amount</label>
                    <input type="text" class="form-control" name="invoice_amount" id="invoiceAmountEdit" required >
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-md-12">
                    <div class='input-group date' id='myDatepicker2' style="padding-bottom: 5px;">
                        <label for="invoiceDateEdit">Invoice Date *</label>
                        <input type="text" class="form-control" name="invoice_date"  id="invoiceDateEdit" 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="invoiceStatusEdit">Status *</label>
                    {!! Form::select('invoice_status', [ 'PAID' => 'PAID', 'UNPAID' => 'UNPAID'] , old('services'), ['class' => 'form-control' , 'id' => 'invoiceStatusEdit', 'required' => 'required', 'placeholder' => '', 'style' => 'width: 100%']) !!}
                  </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 -->
