<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{% block title %}{% endblock %}</title>
<link rel="icon" href="{{ asset('assets/images/logo-ico.png') }}" type="image/png">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ asset('assets/vendor/chartist/css/chartist.min.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/vendor/jquery-nice-select/css/nice-select.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/css/style.css?test=12') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/css/style_website.css?test=12') }}" rel="stylesheet" type="text/css"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@flaticon/flaticon-uicons/css/all/all.css">
<meta property="og:title" content="Digifact">
<meta property="og:description" content="Emite Facturas Electrónicas de forma fácil, rápida y segura">
<meta property="og:image" content="{{ asset('assets/images/logo.png') }}">
<meta property="og:type" content="website">
<meta name="linkedin:title" content="Digifact">
<meta name="linkedin:description" content="Emite Facturas Electrónicas de forma fácil, rápida y segura">
<meta name="linkedin:image" content="{{ asset('assets/images/logo.png') }}">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
</head>
<body data-typography="poppins" data-theme-version="light" data-layout="vertical" data-nav-headerbg="color_1" data-headerbg="color_1" data-sidebar-style="full" data-sidebarbg="color_1" data-sidebar-position="fixed" data-header-position="fixed" data-container="wide" direction="ltr" data-primary="color_1">
<nav class="navbar navbar-expand-lg navbar-light navbar-background nav-bar-menu-div fixed-top">
<div class='container-fluid container-lg menu-container' style="position: relative !important;">
<a data-bs-toggle="collapse" data-bs-target="#navbarNavMobile" class="navbar-toggler hamburger-container" aria-controls="navbarNav" aria-expanded="false" aria-label="Menu">
<div class="hamburger_web" id="hamburger_web">
<div class="line_web"></div>
<div class="line_web"></div>
<div class="line_web"></div>
</div>
</a>
<a
class="navbar-brand mb-0 h1"
href = "{{path('homepage_website')}}"
>
<img src = "{{asset('assets/images/logo.png')}}" alt = "" class="navbar-logo d-inline-block align-top">
</a>
<div class="d-flex align-items-center">
<ul class="navbar-nav navbar-nav-mobile">
<li class="nav-item icon-nav-menu">
<a href="javascript:void(0)" id = "menu-4" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_contact' ? 'menu-active' : '' }}">
<img src="{{asset('assets/images/logo-user.png')}}" alt="" class="logo-nav-menu"/>
</a>
</li>
<li class="nav-item dropdown dropdown-personalize icon-nav-menu">
<a class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }} " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-nav-menu"/>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#" onclick = "goCountry(1, '')" >Guatemala</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(2, '')" >El Salvador</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(5, '')">Costa Rica</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(6, '')">Panamá</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(7, '')">República Dominicana </a></li>
</ul>
</li>
</ul>
</div>
<div class="collapse navbar-collapse" id = "navbarNav">
<ul class="navbar-nav ">
<!--<li class="nav-item ">
<a href="{{path('homepage_website')}}" id = "menu-1" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_website' ? 'menu-active' : '' }}">
Home
</a>
</li>-->
<li class="nav-item ">
<a href="{{path('homepage_us')}}" id = "menu-1" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_us' ? 'menu-active' : '' }}">
Nosotros
</a>
</li>
<li class="nav-item dropdown dropdown-personalize">
<a class="nav-link {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }} " href="{{path('homepage_service')}}" id="navbarDropdown" role="button" aria-expanded="false">
Servicios
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#" onclick = "goCountry(1, 'service_website')">Guatemala</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(2, 'service_website')">El Salvador</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(5, 'service_website')">Costa Rica</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(6, 'service_website')">Panamá</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(7, 'service_website')">República Dominicana </a></li>
</ul>
</li>
<li class="nav-item">
<a href="{{path('homepage_partner')}}" id = "menu-3" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_partner' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_blog_view' ? 'menu-active' : '' }}">
Socios
</a>
</li>
<li class="nav-item last-menu-nav-item">
<a href="{{path('homepage_blog')}}" id = "menu-4" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_blog' ? 'menu-active' : '' }}">
Blog
</a>
</li>
<li class="nav-item icon-nav-menu">
<a href="javascript:void(0)" id = "menu-4" class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_contact' ? 'menu-active' : '' }}">
<img src="{{asset('assets/images/logo-user.png')}}" alt="" class="logo-nav-menu"/>
</a>
</li>
<li class="nav-item dropdown dropdown-personalize icon-nav-menu">
<a class="nav-link web-nav-link {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }} " href="{{path('homepage_contact')}}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-nav-menu"/>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#" onclick = "goCountry(1, '')" >Guatemala</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(2, '')" >El Salvador</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(5, '')" >Costa Rica</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(6, '')" >Panamá</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(7, '')" >República Dominicana </a></li>
</ul>
</li>
<li class="nav-item dropdown dropdown-personalize">
<a class="btn btn-warning-custom" href="{{path('homepage_contact')}}" id="navbarDropdown" role="button" aria-expanded="false">
Contacto
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#" onclick = "goCountry(1, 'contact_website')" >Guatemala</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(2, 'contact_website')" >El Salvador</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(5, 'contact_website')">Costa Rica</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(6, 'contact_website')">Panamá</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(7, 'contact_website')">República Dominicana </a></li>
</ul>
</li>
</ul>
</div>
<div class="collapse navbar-collapse" id = "navbarNavMobile" >
<div class="navbarNavMobileDiv">
<div class="row p-0">
<div class="col-12 text-start p-0">
<ul class="navbar-nav navbar-mobile">
<!--<li class="nav-item ">
<a href="{{path('homepage_website')}}" id = "menu-mobile-1" class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_website' ? 'menu-active' : '' }}">
Home
</a>
</li>-->
<li class="nav-item ">
<a href="{{path('homepage_us')}}" id = "menu-mobile-1" class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_us' ? 'menu-active' : '' }}">
Nosotros
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle {{ app.request.attributes.get('_route') == 'homepage_project' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_project_view' ? 'menu-active' : '' }} " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Servicios
</a>
<ul class="dropdown-menu dropdown-menu-mobile " aria-labelledby="navbarDropdown">
<li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(1, 'service_website')">Guatemala</a></li>
<li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(2, 'service_website')">El Salvador</a></li>
<li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(5, 'service_website')">Costa Rica</a></li>
<li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(6, 'service_website')">Panamá</a></li>
<li class="dropdown-item-mobile"><a href="#" onclick = "goCountry(7, 'service_website')">República Dominicana </a></li>
</ul>
</li>
<li class="nav-item">
<a href="{{path('homepage_partner')}}" id = "menu-mobile-3" class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_partner' ? 'menu-active' : '' }} {{ app.request.attributes.get('_route') == 'homepage_blog_view' ? 'menu-active' : '' }}">
Socios
</a>
</li>
<li class="nav-item">
<a href="{{path('homepage_blog')}}" id = "menu-mobile-4" class="nav-link mobile-nav-link {{ app.request.attributes.get('_route') == 'homepage_blog' ? 'menu-active' : '' }}">
Blog
</a>
</li>
</ul>
<ul class="mobile-nav-contact-button">
<li class="nav-item dropdown dropdown-personalize">
<a class="btn btn-warning-custom" href="{{path('homepage_contact')}}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Contacto
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#" onclick = "goCountry(1, 'contact_website')">Guatemala</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(2, 'contact_website')">El Salvador</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(5, 'contact_website')">Costa Rica</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(6, 'contact_website')">Panamá</a></li>
<li><a class="dropdown-item" href="#" onclick = "goCountry(7, 'contact_website')">República Dominicana </a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
{% block body %}{% endblock %}
<div class="container-fluid p-0">
<div class="footer-div div-web">
<div class="container p-0">
<div class="row">
<div class="col-12 col-md-4 ">
<img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-footer-menu"/>
<select id = "home-country" class="personalize-select" onchange = "changeCountry('home-country','')" >
<option {% if cid == 1 %} selected="selected" {% endif %} value = "1">Guatemala</option>
<option {% if cid == 2 %} selected="selected" {% endif %} value = "2">El Salvador</option>
<option {% if cid == 5 %} selected="selected" {% endif %} value = "5">Costa Rica</option>
<option {% if cid == 6 %} selected="selected" {% endif %} value = "6">Panamá</option>
<option {% if cid == 7 %} selected="selected" {% endif %} value = "7">República Dominicana</option>
</select>
<div class="footer-social-media-container">
<img src="{{asset('assets/images/facebook.png')}}" alt="" class="logo-footer-social-media"/>
<img src="{{asset('assets/images/linkedin.png')}}" alt="" class="logo-footer-social-media"/>
<img src="{{asset('assets/images/instagram.png')}}" alt="" class="logo-footer-social-media"/>
</div>
</div>
<div class="col-12 col-md-4 ">
<div class="footer-data-info" >
<a href="tel:{{country.phone|cleanPhone}}">
{{country.phone}}
</a>
</div>
<div class="footer-data-info" >
{{country.address}}
</div>
</div>
<div class="col-12 col-md-4 ">
<div class="footer-data-info" >
<b>Descarga nuestra app</b>
</div>
<div class="footer-apps-buttons">
<img src="{{asset('assets/images/googleplay.png')}}" alt="" class="footer-apps-button"/>
<img src="{{asset('assets/images/appstore.png')}}" alt="" class="footer-apps-button-2"/>
</div>
</div>
</div>
</div>
<div class="footer-div-copyright">
<div class="container p-0">
<hr class="footer-division">
<div class="row">
<div class="col-4 d-none d-md-block">
<img src="{{asset('assets/images/logo-footer.png')}}" alt="" class="footer-logo"/>
</div>
<div class="col-4 d-none d-md-block d-flex align-items-center">
© Digifact 2024
</div>
<div class="col-4 d-none d-md-block d-flex align-items-center">
Términos y condiciones | Políticas de privacidad
</div>
</div>
</div>
</div>
</div>
<div class="footer-div div-mobile">
<div class="container ">
<div class="row">
<div class="col-2 text-start">
<img src="{{asset('assets/images/logo-footer.png')}}" alt="" class="footer-logo"/>
</div>
<div class="col-10 text-end">
<img src="{{asset('assets/images/logo-globe.png')}}" alt="" class="logo-footer-menu"/>
<select id = "home-country-mobile" class="personalize-select" onchange = "changeCountry('home-country-mobile','')">
<option {% if cid == 1 %} selected="selected" {% endif %} value = "1">Guatemala</option>
<option {% if cid == 2 %} selected="selected" {% endif %} value = "2">El Salvador</option>
<option {% if cid == 5 %} selected="selected" {% endif %} value = "5">Costa Rica</option>
<option {% if cid == 6 %} selected="selected" {% endif %} value = "6">Panamá</option>
<option {% if cid == 7 %} selected="selected" {% endif %} value = "7">República Dominicana</option>
</select>
</div>
</div>
<div class = "footer-div-data-mobile" >
<div class="footer-data-info" >
<a href="tel:{{country.phone|cleanPhone}}">
{{country.phone}}
</a>
</div>
<div class="footer-data-info" >
{{country.address}}
</div>
</div>
<div>
<div class="footer-data-info" >
<b>Descarga nuestra app</b>
</div>
<div class="footer-apps-buttons">
<img src="{{asset('assets/images/googleplay.png')}}" alt="" class="footer-apps-button"/>
<img src="{{asset('assets/images/appstore.png')}}" alt="" class="footer-apps-button-2"/>
</div>
</div>
<div>
<div class="footer-social-media-container">
<img src="{{asset('assets/images/facebook.png')}}" alt="" class="logo-footer-social-media"/>
<img src="{{asset('assets/images/linkedin.png')}}" alt="" class="logo-footer-social-media"/>
<img src="{{asset('assets/images/instagram.png')}}" alt="" class="logo-footer-social-media"/>
</div>
</div>
<div>
<hr>
</div>
<div class="footer-div-copyright">
<div class="row">
<div class="col-6">
Términos y condiciones
</div>
<div class="col-6">
Políticas de privacidad
</div>
<div class="col-6">
<br>
© Digifact 2024
</div>
</div>
</div>
</div>
</div>
</div>
<script src="{{ asset('assets/vendor/global/global.min.js') }}"></script>
<script src="{{ asset('assets/vendor/bootstrap-datetimepicker/js/moment.js') }}"></script>
<script src="{{ asset('assets/vendor/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}"></script>
<script src="{{ asset('assets/vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.1/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.min.js"></script>
<script src="{{ asset('assets/js/plugins-init/datatables.init.js') }}"></script>
<script src="{{ asset('assets/js/custom.min.js') }}"></script>
<script src="{{ asset('assets/js/deznav-init.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
<script>
{% if send_email is defined %}
{% if send_email == "1" %}
Swal.fire({
icon: 'success',
title: 'Éxito',
text: 'La operación se realizó correctamente.'
});
{% endif %}
{% endif %}
$("#modal-contact-form").submit(function(event) {
console.log("voy adentro");
event.preventDefault();
var response = grecaptcha.getResponse();
if (response.length === 0) {
Swal.fire({
icon: 'error',
title: 'Error',
text: 'Por favor, completa el reCAPTCHA.'
});
}else{
$(this).unbind('submit').submit();
}
});
$("#modal-bill-form").submit(function(event) {
event.preventDefault();
var response = grecaptcha.getResponse();
if (response.length === 0) {
Swal.fire({
icon: 'error',
title: 'Error',
text: 'Por favor, completa el reCAPTCHA.'
});
}else{
$(this).unbind('submit').submit();
}
});
$(document).ready(function()
{
$('#hamburger_web').on('click', function() {
$(this).toggleClass('active');
});
});
function closeMenuMobile(){
$('.navbar-collapse').collapse('hide');
}
function contactModal(from){
$("#from").val(from);
$("#modalContact").modal("show");
}
function closeModalContact(){
$("#modalContact").modal("hide");
}
function billModal(from){
$("#from2").val(from);
$("#modalBill").modal("show");
}
function closeModalBill(){
$("#modalBill").modal("hide");
}
function changeCountry(div_name, path_url){
var country_selected = $("#"+div_name).val();
var form = $('<form>', {
method: 'POST',
action: path_url // Usa el path recibido como parámetro
});
// Agrega el input hidden con el valor seleccionado
$('<input>').attr({
type: 'hidden',
name: 'cid',
value: country_selected
}).appendTo(form);
// Agrega el formulario al cuerpo y envíalo
form.appendTo('body').submit();
}
function goCountry(country_id, path_url){
var country_selected = country_id;
var form = $('<form>', {
method: 'POST',
action: path_url // Usa el path recibido como parámetro
});
// Agrega el input hidden con el valor seleccionado
$('<input>').attr({
type: 'hidden',
name: 'cid',
value: country_selected
}).appendTo(form);
// Agrega el formulario al cuerpo y envíalo
form.appendTo('body').submit();
}
</script>
{% block javascripts %}
{% endblock %}
</body>
</html>