@php
        $banks = [
            ["0001", "Banco Central de Venezuela"],
            ["0102", "Banco de Venezuela, S.A. Banco Universal"],
            ["0104", "Banco Venezolano de Crédito, S.A. Banco Universal"],
            ["0105", "Banco Mercantil C.A., Banco Universal"],
            ["0108", "Banco Provincial, S.A. Banco Universal"],
            ["0114", "Banco del Caribe C.A., Banco Universal"],
            ["0115", "Banco Exterior C.A., Banco Universal"],
            ["0128", "Banco Caroní C.A., Banco Universal"],
            ["0134", "Banesco Banco Universal, C.A."],
            ["0137", "Banco Sofitasa Banco Universal, C.A."],
            ["0138", "Banco Plaza, Banco Universal"],
            ["0146", "Banco de la Gente Emprendedora C.A."],
            ["0151", "Banco Fondo Común, C.A Banco Universal"],
            ["0156", "100% Banco, Banco Comercial, C.A"],
            ["0157", "DelSur, Banco Universal C.A."],
            ["0163", "Banco del Tesoro C.A., Banco Universal"],
            ["0166", "Banco Agrícola de Venezuela C.A., Banco Universal"],
            ["0168", "Bancrecer S.A., Banco Microfinanciero"],
            ["0169", "Mi Banco, Banco Microfinanciero, C.A."],
            ["0171", "Banco Activo C.A., Banco Universal"],
            ["0172", "Bancamiga Banco Universal, C.A."],
            ["0173", "Banco Internacional de Desarrollo C.A., Banco Universal"],
            ["0174", "Banplus Banco Universal, C.A."],
            ["0175", "Banco Bicentenario del Pueblo, Banco Universal C.A."],
            ["0177", "Banco de la Fuerza Armada Nacional Bolivariana, B.U."],
            ["0191", "Banco Nacional de Crédito C.A., Banco Universal"],
            ["0601", "Instituto Municipal de Crédito Popular"]
        ];
    @endphp
<div class="modal fade" id="paymentss" tabindex="-1" role="dialog" aria-labelledby="nuevoStreamisngModalLabel" style="overflow: auto;" >
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="nuevoStreamsingModalLabel" style="color: #000000;">Pago del servicio</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 class="row">

            <div class="col-md-12">
              <table class="table">
                  <tr>
                      
                      <th>Deuda</th>
                      <th>Abono</th>
                      <th>Por Cobrar</th>
                  </tr>
                  <tr>
                      <td><input  type="number" name="total_invoice" id="total_invoice" class="form-control" value=""></td>
                      <td><input onkeyup="totalToDebit()" type="number" name="total_to_pay" id="total_to_pay" class="form-control"></td>
                      <td><input readonly type="number" name="total_to_debit" id="total_to_debit" class="form-control"></td>
                  </tr>
                  <tr>
                      <td colspan="3">
                          <label for=""> <strong> Forma de pago </strong></label>
                          <select onchange="typePayment()" name="type_payment" id="type_payment" class="form-control">
                              <option value="">Seleccione</option>
                              <option value="2">Transferencia</option>
                              <option value="1">Efectivo</option>
                          </select>
                      </td>
                  </tr>
                  <tr class="cash">
                      <td colspan="3">
                          <label for=""> <strong> Tipo de moneda </strong></label>
                          <select onchange="moneyCash()" name="money_cash" id="money_cash" class="form-control">
                              <option value="">Seleccione</option>
                              <option value="1">Dolares</option>
                              <option value="2">Pesos</option>
                              <option value="3">Bolivares</option>
                          </select>
                      </td>
                      
                  </tr>
                  <tr class="transfer">
                      <td colspan="3">
                          <label for=""><strong>Seleccione el banco</strong></label>
                          <select name="banks" id="banks" class="form-control select2">
                              <option value="">Seleccione</option>
                              @foreach ($banks as $b)
                                  <option value="{{$b[0]}}">{{$b[1]}}</option>
                              @endforeach
                          </select>
                          <label for=""><strong>Numero de Referencia</strong></label>
                          <input class="form-control" type="number" name="reference_number" id="reference_number">
                      </td>
                  </tr>
                  <tr class="transfer-no-bs">
                      <td colspan="3"> 
                          <label for="">En que banco fue hecha la transaccion</label>
                          <input class="form-control" type="text" name="bank_name" id="bank_name" placeholder="Ingresa el nombre del banco">
                          <label for=""><strong>Numero de Referencia</strong></label>
                          <input class="form-control" type="number" name="reference_numbers" id="reference_numbers">
                      </td>
                      
                  </tr>
                  <tr class="show-page">
                      <td>
                          <label for=""> <strong> Tasa del dia </strong></label>
                          <input onkeyup="setCovverTotalToPay()" type="number" name="rate_coversor" id="rate_coversor" class="form-control">
                      </td>
                      <td>
                          <label for=""> <strong> Total </strong></label>
                          <input onkeyup="totalCoversor()" type="number" name="total_coversor" id="total_coversor" class="form-control">
                      </td>
                      <td>
                          <label for=""> <strong> Fecha pago </strong></label>
                          <input type="date" name="date" id="date" class="form-control">
                      </td>
                  </tr>
                  
                  

                  
              </table>
          </div>


          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="new-sale btn btn-secondary" data-dismiss="modal" onclick="backToPay()">Cancelar</button>
          <button type="button" class="new-sale btn btn-primary no-click" onclick="createNewService()">Guardar</button>
          <button type="button" class="pay-sale btn btn-primary no-click" onclick="payServiceSelected()">Guardar</button>
        </div>
      </div>
    </div>
  </div>