<% 

const bancos = ["100% Banco", "Bancamiga", "BanCaribe", "Banco Activo", "Banco Agrícola de Venezuela", "Banco Bicentenario", "Banco Caroní", "Banco del Tesoro", "Banco Exterior", "Banco Mercantil", "Nacional De Crédito", "Banco Plaza", "Banco Sofitasa", "Venezolano de Crédito", "Bancrecer", "Banesco", "BANFANB", "Bangente", "Banplus", "BBVA Provincial", "Banco de Venezuela", "Banco Fondo Común", "Del Sur", "Mi Banco"];
const bancosHTML = bancos.map(banco => `<option value='${banco}'>${banco}</option>`);

%>

<div class="col-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Modificar forma de pago</h4>

            <div class="forms-sample form-asociar-pago">

                <div class="form-group w-75">
                    <label for="">Medio de Pago</label>
                    <select class="filter form-control" disabled name="IDMedio" value="<%= data.idMedio %>">
                        <% for( let i=0; i < relationship.data.response.length; i++ ) { 
                            const medio=relationship.data.response[i]; %>
                            <option value="<%= medio.id %>" <% if (medio.id === data.idMedio) { %>
                             selected
                            <% } %> data-idMoneda="<%= medio.idMoneda %>"
                                data-es-banco="<%= medio.esBanco %>" data-es-idFiscal="<%= medio.esIdFiscal %>">
                                <%= medio.nombre %>
                            </option>
                            <% } %>
                    </select>
                </div>

                <div class="form-container">
                    <div class="form-group">
                        <label for="">ID de la cuenta</label>
                        <input class="form-control idCuenta-input" type="text" value="<%= data.idCuenta %>">
                    </div>
                    <% if (data.idFiscal !== "") { %>
                        <div class="form-group">
                            <label for="">ID fiscal de la cuenta</label>
                            <input class="form-control idFiscal-input" type="text" value="<%= data.idFiscal %>">
                        </div>
                    <% } %>
                    <% if (data.banco !== "") { %>
                        <div class="form-group">
                            <label for="">Banco</label>
                            <select class="form-control banco-input">
                                <%- bancosHTML.join("") %>
                            </select>
                        </div>
                    <% } %>
                </div>

                <button type="submit" class="btn btn-success btn-accept">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<script>
    const resourceName = "<%= resourceName %>";

    const titleName = "<%= titleSingular %>";

    // user object
    const user = JSON.parse(`<%- JSON.stringify(user) %>`);
    
    const data = JSON.parse(`<%- JSON.stringify(data) %>`)
    
    const formStatus = "modify";

    const relationshipStructure = JSON.parse(`<%- JSON.stringify(relationship) %>`);
</script>
<script src="/js/components/individuals/pagos-individuales/script.js" defer></script>