<div class="modal fade" id="modalBill" tabindex="-1" aria-labelledby="modalBillLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class = "row align-items-stretch">
<div class = "col-12 col-md-5 d-none d-md-block">
<div class = "modal-contact-img-container">
<div class = "modal-contact-img">
</div>
</div>
</div>
<div class = "col-12 col-md-7 p-0 modal-contact-form-container ">
<div class = "text-end">
<a class = "close-modal-ico" href = "#" type="button" class="close" data-dismiss="modal" aria-label="Close" onclick = "closeModalBill()" >
<span aria-hidden="true">×</span>
</a>
</div>
<div class = "modal-contact-title text-center text-md-start">
Conviértete en nuestro socio
</div>
<form id = "modal-bill-form" action="{{path('homepage_contact_send')}}" >
<input type = "hidden" id = "from2" name = "from2" />
<div class='row'>
<div class='col-12'>
<div class="form-group">
<label for = "name" >Nombre y Apellido <span>*</span></label>
<br>
<input id = "name" name = "name" type = "text" class = "personalized-input" />
</div>
</div>
</div>
<div class='row'>
<div class='col-12'>
<div class="form-group">
<label for = "country" >País<span>*</span></label>
<br>
<select id = "country" name = "country" class = "personalized-select" >
<option {% if cid == 1 %} selected="selected" {% endif %} value="Guatemala">Guatemala</option>
<option {% if cid == 2 %} selected="selected" {% endif %}value="El Salvador">El Salvador</option>
<option {% if cid == 5 %} selected="selected" {% endif %} value="Costa Rica">Costa Rica</option>
<option {% if cid == 6 %} selected="selected" {% endif %} value="Panama">Panama</option>
<option {% if cid == 7 %} selected="selected" {% endif %} value="República Dominicana">República Dominicana</option>
</select>
</div>
</div>
</div>
<div class='row'>
<div class='col-12'>
<div class="form-group">
<label for = "phone" >Teléfono<span>*</span></label>
<br>
<input id = "phone" name = "phone" required type = "text" class = "personalized-input" />
</div>
</div>
</div>
<div class='row'>
<div class='col-12'>
<div class="form-group">
<label for = "email" >Correo Electrónico<span>*</span></label>
<br>
<input id = "email" name = "email" required type = "text" class = "personalized-input" />
</div>
</div>
</div>
<div class = "form-group mb-5 text-start">
<div class="g-recaptcha "
data-sitekey="6LfTGV0qAAAAAN5XajzFNRTNW2gbGNYeiHLQfimp"></div>
</div>
<div class='row'>
<div class='col-12'>
<div class="form-group">
<button type = "submit" class="btn btn-warning-custom-modal" >
Enviar
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>