{% extends 'base_website.html.twig' %}
{% block title %}DIGIFACT{% endblock %}
{% block body %}
{{ include('modal-contact.html.twig') }}
<div class = "container-fluid p-0 contact-title-container">
<div class = "row " style = "margin: 0px;">
<div class = " p-0 col-12 col-md-4 d-flex justify-content-start justify-content-md-center align-items-center" >
<div class = "contact-countries-container" >
<div class = "contact-title" >
Nuestras oficinas
</div>
<div class = "contact-subtitle" >
Selecciona un país
</div>
<div class = "contact-country-div d-none d-md-block" >
<ul>
<li onclick = "goCountry(1, '')" class = " {% if country.countryId == 1 %}active{% endif %}" >Guatemala</li>
<li onclick = "goCountry(2, '')" class = " {% if country.countryId == 2 %}active{% endif %}">El Salvador</li>
<li onclick = "goCountry(5, '')" class = " {% if country.countryId == 5 %}active{% endif %}">Costa Rica</li>
<li onclick = "goCountry(6, '')" class = " {% if country.countryId == 6 %}active{% endif %}">Panamá</li>
<li onclick = "goCountry(7, '')" class = " {% if country.countryId == 7 %}active{% endif %}" >República Dominicana</li>
</ul>
</div>
<select class="personalize-select-contact d-block d-md-none">
<option {% if cid == 1 %} selected="selected" {% endif %} onclick = "goCountry(1, '')" value = "1">Guatemala</option>
<option {% if cid == 2 %} selected="selected" {% endif %} onclick = "goCountry(2, '')" value = "2">El Salvador</option>
<option {% if cid == 5 %} selected="selected" {% endif %} onclick = "goCountry(5, '')" value = "5">Costa Rica</option>
<option {% if cid == 6 %} selected="selected" {% endif %}onclick = "goCountry(6, '')" value = "6">Panamá</option>
<option {% if cid == 7 %} selected="selected" {% endif %} onclick = "goCountry(7, '')" value = "6">República Dominicana</option>
</select>
</div>
</div>
<div class = "col-12 col-md-8 p-0" >
<div class = "contact_map" >
{{country.mapEmbeded|raw}}
</div>
<div class = "contact_info" >
<div class = "contact_info_container" >
<div class = "row">
<div class = "col-6">
<div class = "contact_info_container_title" >
CONTACTO
</div>
<div class = "contact_info_container_description" >
<a href="tel:{{country.phone|cleanPhone}}">{{country.phone}}</a>
</div>
</div>
<div class = "col-6">
<div class = "contact_info_container_title" >
UBICACIÓN
</div>
<div class = "contact_info_container_description" >
{{country.address}}
</div>
</div>
<div class = "col-12">
<a onclick = "contactModal('homepage_contact')" class="btn btn-warning-custom-2 contact-principal-button" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Contáctanos
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script>
</script>
{% endblock %}