templates/base-front.html.twig line 1

Open in your IDE?
  1. {% set configuracionApp = globales.configuracionGeneral %}
  2. {% set routeName = app.request.attributes.get('_route') %}
  3. {% set routeParams = app.request.attributes.get('_route_params') %}
  5. <!DOCTYPE html>
  6. <html lang="{{ app.request.locale }}">
  7. <!--begin::Head-->
  8. <head>
  9. <base href="">
  10. <title>{{ configuracionApp.tituloApp }} {% block title %}{% endblock %}</title>
  11. <meta charset="utf-8"/>
  12. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  13. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  14. <meta http-equiv="x-ua-compatible" content="IE=edge">
  16. <!-- SEO TAGS -->
  17. <title>{% block seoTitle %}{% endblock %} {{ configuracionApp.tituloApp }}</title>
  18. <meta name="description" content="{% block seoDescription %}{% endblock %}"/>
  19. <meta name="robots" content="{% block seoRobots %}index, follow{% endblock %}">
  20. <meta NAME="keywords" CONTENT="{% block seoKeywords %}{% endblock %}">
  21. <meta name="author" content="MENGISOFT">
  23. {% block metatags %}
  24. <meta property="og:image" content="{{ absolute_url('assets/img/logo-front@2x.png'|get_asset) }}">
  25. <meta property="og:image:type" content="image/png">
  26. <meta property="og:image:width" content="1024">
  27. <meta property="og:image:height" content="1024">
  28. {% endblock %}
  30. <!-- Favicon -->
  31. <link href="{{ 'assets/img/favicon.ico'|get_asset }}" sizes="128x128" rel="shortcut icon" type="image/x-icon"/>
  32. <link href="{{ 'assets/img/favicon.ico'|get_asset }}" sizes="128x128" rel="shortcut icon"/>
  33. <link href="{{ 'assets/img/favicon.ico'|get_asset }}" sizes="128x128" rel="apple-touch-icon"/>
  35. <!-- Font Imports -->
  36. <link rel="preconnect" href="https://fonts.googleapis.com">
  37. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  38. {# <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> #}
  39. {# <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet"> #}
  40. {# <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> #}
  41. <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap"
  42. rel="stylesheet">
  44. <!-- Core Style -->
  45. {# <link rel="stylesheet" href="{{ asset('assets/css/style-front.css') }}"> #}
  47. {% set coloresTema = configuracionApp.colores %}
  48. <style>
  49. @font-face {
  50. font-family: "Kabel";
  51. src: url('{{ asset('assets/fonts/kabel/Kabel.ttf') }}');
  52. }
  54. * {
  55. font-family: Kabel, sans-serif;
  56. }
  58. :root {
  59. --color-principal: {{ coloresTema[0] }};
  60. --color-contraste: {{ coloresTema[1] }};
  61. --color-principalD7: {{ coloresTema[2] }};
  62. --color-principalD20: {{ coloresTema[3] }};
  63. --color-principalL5: {{ coloresTema[4] }};
  64. --color-principalL10: {{ coloresTema[5] }};
  65. --cnvs-link-color: {{ coloresTema[0] }} !important;
  66. --cnvs-themecolor: {{ coloresTema[0] }} !important;
  67. --cnvs-secondary-color: {{ coloresTema[0] }} !important;
  68. --header-image: url('{{ 'assets/img/bg-front.jpg'|get_asset }}');
  69. {# Imagen de fondo de la cabecera #}
  70. }
  71. </style>
  73. <!-- Core Style -->
  74. <link rel="stylesheet" href="{{ 'assets/css/base-front.css'|get_asset }}"/>
  76. <!-- Font Icons -->
  77. <link rel="stylesheet" href="{{ asset('assets/css/font-icons-front.css') }}">
  79. <!-- Niche Demos -->
  80. <link rel="stylesheet" href="{{ asset('assets/css/forum-front.css') }}">
  82. <!-- Sweet stylesheet -->
  83. <link rel="stylesheet" href="{{ asset('assets/css/sweetalert2.min.css') }}">
  85. <!-- Toastr stylesheet -->
  86. <link rel="stylesheet" href="{{ asset('assets/css/toastr.min.css') }}">
  88. {# <!-- Select2 stylesheet --> #}
  89. {# <link rel="stylesheet" href="{{ asset('assets/css/select2.min.css') }}" /> #}
  90. {# <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" /> #}
  92. <!-- Flatpickr (fechas) stylesheet (Modificado) -->
  93. {# <link href="{{ asset('assets/css/flatpickr-front.min.css') }}" rel="stylesheet" type="text/css"/> #}
  94. {# <link href="{{ asset('assets/css/flatpickr-ie-front.min.css') }}" rel="stylesheet" type="text/css"/> #}
  95. <link href="{{ asset('assets/metronic/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css"/>
  97. <!-- Bootstrap select (campos select) stylesheet -->
  98. <link href="{{ asset('assets/css/bootstrap-select-front.min.css') }}" rel="stylesheet" type="text/css"/>
  100. <!-- Star rating stylesheet -->
  101. <link href="{{ asset('assets/css/star-rating-front.min.css') }}" rel="stylesheet" type="text/css"/>
  102. <link href="{{ asset('assets/css/star-rating-theme-front.css') }}" media="all" rel="stylesheet" type="text/css"/>
  104. <!-- Fotorama stylesheet -->
  105. <link href="{{ asset('assets/css/fotorama-front.css') }}" rel="stylesheet" type="text/css"/>
  107. <link href="{{ 'assets/css/main-front.css'|get_asset }}" rel="stylesheet" type="text/css"/>
  109. <!-- Para editor de imágenes -->
  110. <link href="{{ 'assets/css/selectores-imagenes.css'|get_asset }}" rel="stylesheet" type="text/css"/>
  111. <link type="text/css" href="{{ asset('assets/css/tui-color-picker.min.css') }}" rel="stylesheet"/>
  112. <link type="text/css" href="{{ asset('assets/css/tui-image-editor.min.css') }}" rel="stylesheet"/>
  114. {# Librerías LEAFLET #}
  115. <link rel="stylesheet" href="{{ asset('assets/css/leaflet.css') }}" crossorigin=""/>
  116. <link rel="stylesheet" href="{{ asset('assets/css/MarkerCluster.css') }}" crossorigin=""/>
  117. <link rel="stylesheet" href="{{ asset('assets/css/MarkerCluster.Default.css') }}" crossorigin=""/>
  118. <link rel="stylesheet" href="{{ asset('assets/css/geosearch.css') }}"/>
  120. <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/smoothness/jquery-ui.css">
  122. <!-- Para swiper slider -->
  123. <link rel="stylesheet" href="{{ asset('assets/css/swiper-front.css') }}">
  125. {% if globales.configuracionGeneral.codigoGoogleAnalyticsFront %}
  126. <!-- Google Analytics -->
  127. {{ globales.configuracionGeneral.codigoGoogleAnalyticsFront|raw }}
  128. {% endif %}
  130. <!-- Start cookieyes banner -->
  131. <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/7a7385b13443a9b6927afba1/script.js"></script>
  132. <!-- End cookieyes banner -->
  134. {% block css %}{% endblock %}
  135. </head>
  136. <!--end::Head-->
  138. <body class="stretched side-panel-left is-expanded-menu">
  140. {% if is_granted('IS_IMPERSONATOR') %}
  141. <div style="background-color: #eeeeee;">
  142. <div class="container pt-2 pb-2 color-principal">
  143. <div class="row">
  144. <div class="col-md-8">
  145. <p class="mb-0">
  146. <span class="h5 fw-bold">Modo simulación:</span> Está simulando ser el usuario:
  147. <strong>{{ app.user.usuario }}</strong>.
  148. </p>
  149. </div>
  150. <div class="col-md-4 text-end">
  151. <a class="btn btn-sm btn-primary" href="{{ impersonation_exit_path(path('back_listado_usuarios') ) }}">
  152. <i class="fa fa-sign-out-alt"></i> Salir de la simulación
  153. </a>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. {% endif %}
  160. <div class="body-overlay"></div>
  162. <div id="side-panel" class="dark">
  164. <div id="side-panel-trigger-close" class="side-panel-trigger"><a href="#"><i class="bi-x-lg"></i></a></div>
  166. <div class="side-panel-wrap">
  168. <!-- MENU LATERAL -->
  169. <div class="widget">
  170. <img class="logo-default menu-lateral-logo mb-4" src="{{ 'assets/img/logo.png'|get_asset }}" alt="Logo">
  171. <h4 class="mb-3">MENÚ PRINCIPAL</h4>
  173. <nav class="nav-tree mb-0">
  174. <ul>
  175. <li class="menu-item {% if routeName == 'front_inicio' %}current{% endif %}">
  176. <a class="menu-link" href="{{ path('front_inicio') }}">Inicio</a>
  177. </li>
  178. <li class="menu-item {% if routeName == 'front_listado_cursos' %}current{% endif %}">
  179. <a class="menu-link" href="{{ path('front_listado_cursos') }}">Cursos</a>
  180. </li>
  181. <li class="menu-item {% if routeName == 'front_listado_jornadas_cursos' %}current{% endif %}">
  182. <a class="menu-link" href="{{ path('front_listado_jornadas_cursos') }}">Jornadas</a>
  183. </li>
  185. <li class="menu-item"><a class="menu-link"
  186. href="https://proempleo.es/que-es-proempleo8/">
  187. <div>Proempleo8</div>
  188. </a>
  189. <ul class="sub-menu-container">
  190. <li class="menu-item"><a class="menu-link"
  191. href="https://proempleo.es/que-es-proempleo8/">
  192. <div>¿Qué es Proempleo8?</div>
  193. </a></li>
  194. <li class="menu-item"><a class="menu-link"
  195. href="https://proempleo.es/que-es-proempleo8#en_que_consiste_proempleo8">
  196. <div>¿En qué consiste Proempleo8?</div>
  197. </a></li>
  198. <li class="menu-item"><a class="menu-link"
  199. href="https://proempleo.es/que-es-proempleo8#a_quien_va_dirigido_proempleo8">
  200. <div>¿A quién va dirigido Proempleo8?</div>
  201. </a></li>
  202. <li class="menu-item"><a class="menu-link"
  203. href="https://proempleo.es/que-es-proempleo8#historia">
  204. <div>Historia</div>
  205. </a></li>
  206. </ul>
  207. </li>
  209. <li class="menu-item"><a class="menu-link"
  210. href="https://proempleo.es/oferta-formativa/">
  211. <div>Oferta Formativa</div>
  212. </a>
  213. <ul class="sub-menu-container">
  214. <li class="menu-item"><a class="menu-link"
  215. href="https://proempleo.es/oferta-formativa">
  216. <div>Requisitos de acceso</div>
  217. </a></li>
  218. <li class="menu-item"><a class="menu-link"
  219. href="https://proempleo.es/oferta-formativa">
  220. <div>Catálogo de cursos</div>
  221. </a></li>
  222. <li class="menu-item"><a class="menu-link"
  223. href="https://proempleo.es/oferta-formativa">
  224. <div>¿Cómo hacer tu solicitud?</div>
  225. </a></li>
  226. <li class="menu-item"><a class="menu-link"
  227. href="https://proempleo.es/oferta-formativa">
  228. <div>Ayudas económicas</div>
  229. </a></li>
  230. </ul>
  231. </li>
  232. <li class="menu-item"><a class="menu-link"
  233. href="https://proempleo.es/preguntas-frecuentes/">
  234. <div>Preguntas Frecuentes</div>
  235. </a></li>
  236. <li class="menu-item"><a class="menu-link"
  237. href="https://proempleo.es/enlaces-de-interes/">
  238. <div>Enlaces de interés</div>
  239. </a></li>
  240. <li class="menu-item"><a class="menu-link" href="https://proempleo.es/contacto/">
  241. <div>Contacto</div>
  242. </a></li>
  243. </ul>
  245. </nav>
  247. </div>
  249. <div class="widget">
  251. <h4 class="mb-3">CUENTA {% if is_granted('IS_AUTHENTICATED') %}({{ app.user.usuario }}){% endif %}</h4>
  253. {% if is_granted('IS_AUTHENTICATED') %}
  254. <div class="mb-4 imagen-user">
  255. <img style="object-fit: contain;"
  256. src="{{ app.user.imagen ? asset(app.user.imagen) : 'assets/img/default-user.jpg'|get_asset }}"
  257. alt="Imagen de perfil"/>
  258. </div>
  259. {% endif %}
  261. <nav class="nav-tree mb-0">
  262. {% if not is_granted('IS_AUTHENTICATED') %}
  263. <ul>
  264. <li class="menu-item {% if routeName == 'front_registro' %}current-menu-item{% endif %}">
  265. <a class="menu-link" href="{{ path('front_registro') }}"> Registrarme
  266. </a>
  267. </li>
  268. <li class="menu-item {% if routeName == 'front_app_login' %}current-menu-item{% endif %}">
  269. <a class="menu-link" href="{{ path('front_app_login') }}"> Acceder
  270. </a>
  271. </li>
  272. </ul>
  273. {% endif %}
  274. {% if is_granted('IS_AUTHENTICATED') %}
  275. <ul>
  276. <li class="menu-item {% if routeName == 'front_editar_mi_perfil' %}current-menu-item{% endif %}">
  277. <a class="menu-link" href="{{ path('front_editar_mi_perfil') }}"> Mi perfil
  278. </a>
  279. </li>
  280. <li class="menu-item">
  281. <a class="menu-link" href="{{ path('front_app_logout') }}"> Cerrar sesión
  282. </a>
  283. </li>
  284. </ul>
  285. {% endif %}
  286. </nav>
  288. </div>
  290. </div>
  292. </div>
  294. <!-- Document Wrapper
  295. ============================================= -->
  296. <div id="wrapper">
  298. <!-- Header
  299. ============================================= -->
  300. <header id="header">
  301. <div id="header-wrap">
  302. <div id="top-bar">
  303. <div class="container">
  304. <div class="row justify-content-start align-items-center ms-4">
  306. <!-- Contacto -->
  307. <div class="col-12 col-md-auto">
  308. <ul class="topbar-contact-list">
  309. <li>
  310. <a href="mailto:proempleo8@dipujaen.es">
  311. <i class="far fa-envelope"></i> proempleo8@dipujaen.es
  312. </a>
  313. </li>
  314. <li>
  315. <a href="tel:+34953248000">
  316. <i class="fas fa-phone-alt"></i> (+34) 953 248 000 ext: 1748 y 1756
  317. </a>
  318. </li>
  319. </ul>
  320. </div>
  322. <!-- Redes sociales -->
  323. <div class="col-12 col-md-auto">
  324. <div class="topbar-social">
  325. <a href="https://www.facebook.com/ProempleoJaen" target="_blank"><i class="fab fa-facebook"></i></a>
  326. <a href="https://www.instagram.com/proempleojaen/" target="_blank"><i
  327. class="fab fa-instagram"></i></a>
  328. <a href="https://www.youtube.com/channel/UCu9sLRbTec5WfD8rtRCf1jw" target="_blank"><i
  329. class="fab fa-youtube"></i></a>
  330. </div>
  331. </div>
  333. </div>
  334. </div>
  335. </div><!-- #top-bar end -->
  336. <div class="container ps-3 pe-3 ps-md-0 pe-md-5">
  338. <div class="header-row menu-container">
  340. <!-- Logo -->
  341. <div id="logo" class="me-4">
  342. <a href="{{ path('front_inicio') }}">
  343. <img class="logo-default" src="{{ 'assets/img/logo.png'|get_asset }}" alt="Logo">
  344. </a>
  345. </div>
  347. <div class="header-misc ms-auto">
  348. <a href="#" class="side-panel-trigger"><i class="fa-solid fa-bars me-4"></i> </a>
  349. </div>
  351. {# <div class="primary-menu-trigger"> #}
  352. {# <button class="cnvs-hamburger" type="button" title="Open Mobile Menu"> #}
  353. {# <span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span> #}
  354. {# </button> #}
  355. {# </div> #}
  357. <!-- Primary Navigation -->
  358. <nav class="primary-menu flex-xl-fill ms-auto me-4 d-none d-md-block">
  359. <ul class="menu-container">
  361. {# <li class="menu-item sub-menu"> #}
  362. {# <a class="menu-link" href="#"> #}
  363. {# <div>ITEM MENU<i class="sub-menu-indicator fa-solid fa-caret-down"></i></div> #}
  364. {# </a> #}
  365. {# <ul class="sub-menu-container"> #}
  366. {# <li class="menu-item"> #}
  367. {# <a class="menu-link sub-link" href="#"><div>SUBITEM MENU</div></a> #}
  368. {# </li> #}
  369. {# </ul> #}
  370. {# <button class="sub-menu-trigger fa-solid fa-chevron-right"><span class="visually-hidden">Open Sub-Menu</span></button> #}
  371. {# </li> #}
  373. {# Listado de cursos #}
  374. {# <li class="menu-item {% if routeName == 'front_listado_cursos' %}current-menu-item{% endif %}"> #}
  375. {# <a class="menu-link" href="{{ path('front_listado_cursos') }}"> Cursos</a> #}
  376. {# </li> #}
  378. <li class="menu-item"><a class="menu-link"
  379. href="https://proempleo.es/que-es-proempleo8/">
  380. <div>Proempleo8 <i class="fas fa-caret-down"></i></div>
  381. </a>
  382. <ul class="sub-menu-container">
  383. <li class="menu-item"><a class="menu-link"
  384. href="https://proempleo.es/que-es-proempleo8/">
  385. <div>¿Qué es Proempleo8?</div>
  386. </a></li>
  387. <li class="menu-item"><a class="menu-link"
  388. href="https://proempleo.es/que-es-proempleo8#en_que_consiste_proempleo8">
  389. <div>¿En qué consiste Proempleo8?</div>
  390. </a></li>
  391. <li class="menu-item"><a class="menu-link"
  392. href="https://proempleo.es/que-es-proempleo8#a_quien_va_dirigido_proempleo8">
  393. <div>¿A quién va dirigido Proempleo8?</div>
  394. </a></li>
  395. <li class="menu-item"><a class="menu-link"
  396. href="https://proempleo.es/que-es-proempleo8#historia">
  397. <div>Historia</div>
  398. </a></li>
  399. </ul>
  400. </li>
  402. <li class="menu-item"><a class="menu-link"
  403. href="https://proempleo.es/oferta-formativa/">
  404. <div>Oferta Formativa <i class="fas fa-caret-down"></i></div>
  405. </a>
  406. <ul class="sub-menu-container">
  407. <li class="menu-item"><a class="menu-link"
  408. href="https://proempleo.es/oferta-formativa">
  409. <div>Requisitos de acceso</div>
  410. </a></li>
  411. <li class="menu-item"><a class="menu-link"
  412. href="{{ path('front_listado_cursos') }}">
  413. <div>Catálogo de cursos</div>
  414. </a></li>
  415. <li class="menu-item"><a class="menu-link"
  416. href="https://proempleo.es/oferta-formativa">
  417. <div>¿Cómo hacer tu solicitud?</div>
  418. </a></li>
  419. <li class="menu-item"><a class="menu-link"
  420. href="https://proempleo.es/oferta-formativa">
  421. <div>Ayudas económicas</div>
  422. </a></li>
  423. </ul>
  424. </li>
  425. <li class="menu-item"><a class="menu-link"
  426. href="https://proempleo.es/preguntas-frecuentes/">
  427. <div>Preguntas Frecuentes</div>
  428. </a></li>
  429. <li class="menu-item"><a class="menu-link"
  430. href="https://proempleo.es/enlaces-de-interes/">
  431. <div>Enlaces de interés</div>
  432. </a></li>
  433. <li class="menu-item"><a class="menu-link"
  434. href="https://proempleo.es/contacto/">
  435. <div>Contacto</div>
  436. </a></li>
  438. {% if is_granted('IS_AUTHENTICATED') %}
  439. <li class="menu-item {% if routeName == 'front_editar_mi_perfil' %}current-menu-item{% endif %}">
  440. <a class="menu-link" href="{{ path('front_editar_mi_perfil') }}"> Mi perfil</a>
  441. </li>
  442. {% else %}
  443. <li class="menu-item {% if routeName == 'front_app_login' %}current-menu-item{% endif %}">
  444. <a class="menu-link" href="{{ path('front_app_login') }}"> Mi perfil</a>
  445. </li>
  446. {% endif %}
  448. {# <li class="menu-item mega-menu {% if routeName == 'front_inicio' %}current{% endif %}"> #}
  449. {# <a class="menu-link" href="{{ path('front_inicio') }}">Inicio</a> #}
  450. {# </li> #}
  451. {# <li class="menu-item mega-menu {% if routeName == 'front_registro_proveedor' %}current{% endif %}"> #}
  452. {# <a class="menu-link" href="{{ path('front_registro_proveedor') }}">Alta proveedores</a> #}
  453. {# </li> #}
  454. {# <li class="menu-item mega-menu {% if routeName == 'front_productos' and routeParams|length > 0 and routeParams['tipo'] == 'suscripciones' %}current{% endif %}"> #}
  455. {# <a class="menu-link" href="{{ path('front_productos', {'tipo': 'suscripciones'}) }}">Planes de suscripción</a> #}
  456. {# </li> #}
  457. {# <li class="menu-item mega-menu {% if routeName == 'front_productos' and routeParams|length > 0 and routeParams['tipo'] == 'banners' %}current{% endif %}"> #}
  458. {# <a class="menu-link" href="{{ path('front_productos', {'tipo': 'banners'}) }}">Planes de banners</a> #}
  459. {# </li> #}
  460. {# {% if not is_granted('ROLE_ADMIN') and is_granted('ROLE_ESTACION') %} #}
  461. {# <li class="menu-item mega-menu {% if routeName == 'front_solicitar_presupuesto' %}current{% endif %}"> #}
  462. {# <a class="menu-link" href="{{ path('front_solicitar_presupuesto') }}">Solicitar presupuesto</a> #}
  463. {# </li> #}
  464. {# {% endif %} #}
  465. {# <li class="menu-item mega-menu"> #}
  466. {# <a class="menu-link" href="{{ path('front_soy_gasolinero') }}">Soy gasolinero</a> #}
  467. {# </li> #}
  468. {# <li class="menu-item mega-menu"> #}
  469. {# <a class="menu-link" href="{{ path('front_soy_proveedor') }}">Soy proveedor</a> #}
  470. {# </li> #}
  471. {# <li class="menu-item mega-menu {% if routeName == 'front_listado_blog' or routeName == 'front_ver_entrada_blog' %}current{% endif %}"> #}
  472. {# <a class="menu-link" href="{{ path('front_listado_blog') }}">Blog</a> #}
  473. {# </li> #}
  475. </ul>
  476. </nav><!-- #primary-menu end -->
  478. </div>
  479. </div>
  480. </div>
  482. <div class="header-wrap-clone"></div>
  483. </header><!-- #header end -->
  485. <!-- Page Title
  486. ============================================= -->
  487. {% set bgPagina = 'header-background-overlay-individual' %}
  488. {% set tituloPagina = 'page-title-individual' %}
  489. {% if routeName == 'front_inicio' %}
  490. {% set bgPagina = 'header-background-overlay' %}
  491. {% set tituloPagina = 'page-title' %}
  492. {% endif %}
  493. <section
  494. class="{{ tituloPagina }} page-title-bg dark page-title-parallax scroll-detect parallaxEfecto py-0 position-relative">
  495. <div>
  496. <div class="wp-header-bg"></div>
  497. <div class="wp-header-pattern-top"></div>
  498. <div class="wp-header-pattern-bottom"></div>
  499. </div>
  501. {# <div class="header-background-overlay-squares"> #}
  502. {# <div class="container h-100"> #}
  503. {# <div class="header-square1"></div> #}
  504. {# <div class="header-square2"></div> #}
  505. {# <div class="header-square3"></div> #}
  506. {# </div> #}
  507. {# </div> #}
  509. <div class="container h-100">
  510. <div class="page-title-row align-items-lg-end m-0 h-100">
  511. <div class="page-title-content w-100 h-100 d-flex flex-column justify-content-center">
  512. {% if tituloPag is defined %}
  513. <div class="row">
  514. <div class="col-12">
  515. <h1>{{ tituloPag|sanitize|raw }}</h1>
  516. </div>
  517. </div>
  518. {% endif %}
  519. {% if descripcionPag is defined %}<p
  520. class="descripcionPagina mt-2 mb-0">{{ descripcionPag|sanitize|raw }}</p>{% endif %}
  521. </div>
  522. </div>
  523. </div>
  525. </section>
  526. <!-- .page-title end -->
  529. {% block body %}{% endblock %}
  532. <!-- Footer
  533. ============================================= -->
  534. <footer class="wp-footer">
  536. <div class="text-center d-flex justify-content-center">
  537. <img class="d-none d-xl-block" src="{{ 'assets/img/logos-gob-footer.jpg'|get_asset }}" alt="">
  538. <img class="d-block d-xl-none" src="{{ 'assets/img/logos-gob-footer-movil.jpg'|get_asset }}" alt="">
  539. </div>
  541. <!-- Separador superior -->
  542. <div class="wp-footer-pattern-top"></div>
  544. <!-- Contenido del footer -->
  545. <div class="wp-footer-content">
  546. <div class="container">
  547. <div class="row align-items-center">
  549. <!-- Columna Logo -->
  550. <div class="col-md-6 text-center text-md-start mb-4 mb-md-0">
  551. <a href="{{ path('front_inicio') }}">
  552. <img src="{{ 'assets/img/logob.png'|get_asset }}" alt="Proempleo 8" class="wp-footer-logo">
  553. </a>
  554. </div>
  556. <!-- Columna Menú -->
  557. <div class="col-md-6 text-center text-md-end">
  558. <ul class="wp-footer-menu">
  559. <li><a href="{{ path('front_aviso_legal') }}">Aviso Legal</a></li>
  560. <li><a href="{{ path('front_politica_privacidad') }}">Política de Privacidad</a></li>
  561. <li><a href="{{ path('front_politica_cookies') }}">Política de Cookies</a></li>
  562. </ul>
  563. </div>
  564. </div>
  566. <!-- Línea divisoria -->
  567. <hr class="wp-footer-divider">
  569. <!-- Texto copyright -->
  570. <div class="row">
  571. <div class="col text-center">
  572. <p class="wp-footer-copy">© {{ "now"|date('Y') }} Proempleo8 | Todos los derechos reservados</p>
  573. </div>
  574. </div>
  575. </div>
  576. </div>
  577. </footer>
  578. <!-- #footer end -->
  581. </div><!-- #wrapper end -->
  583. <!-- Go To Top
  584. ============================================= -->
  585. <div id="gotoTop" class="uil uil-angle-up"></div>
  587. <!-- JavaScripts
  588. ============================================= -->
  589. <!--begin:: Para usar JQUERY -->
  590. <script src="{{ asset('assets/js/jquery-3.7.0.js') }}"></script>
  592. <!-- Sweetalert2 (mensajes modales) stylesheet -->
  593. <script src="{{ asset('assets/js/sweetalert2.min.js') }}"></script>
  595. <!-- Toastr (mensajes flash) stylesheet -->
  596. <script src="{{ asset('assets/js/toastr.min.js') }}"></script>
  598. <!--begin:: Para los campos de fecha -->
  599. <script src="{{ asset('assets/js/flatpickr-front.min.js') }}"></script>
  600. <script src="{{ asset('assets/js/flatpickr-es-front.min.js') }}"></script>
  602. <script src="{{ asset('assets/metronic/plugins/custom/datatables/datatables.bundle.js') }}"></script>
  603. <script src="{{ asset('assets/metronic/plugins/custom/fslightbox/fslightbox.bundle.js') }}"></script>
  605. {# <script src="{{ asset('assets/js/functions-front.js') }}"></script> #}
  606. {# <script src="{{ asset('assets/js/plugins-front.bootstrap.js') }}"></script> #}
  608. <!--begin:: Para poder usar traducciones desde JS -->
  609. <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script>
  610. <script src="{{ url('bazinga_jstranslation_js', { 'domain': 'app' }) }}"></script>
  612. <!--begin:: Para usar las rutas de symfony desde JS -->
  613. <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  614. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  617. <!--begin:: Para usar JS de CANVAS -->
  618. <script src="{{ asset('assets/js/plugins-front.min.js') }}"></script>
  619. <script src="{{ asset('assets/js/functions-front.bundle.js') }}"></script>
  621. <!--begin:: Para las valoraciones por estrellas -->
  622. <script src="{{ asset('assets/js/star-rating-front.min.js') }}"></script>
  623. <script src="{{ asset('assets/js/star-rating-es-front.js') }}"></script>
  624. <script src="{{ asset('assets/js/star-rating-theme-front.js') }}"></script>
  626. <!--begin:: Para detectar los breakpoints desde JS -->
  627. <script src="{{ asset('assets/js/bootstrap-detect-breakpoint.js') }}"></script>
  629. {# Librerías LEAFLET #}
  630. <!-- Make sure you put this AFTER Leaflet's CSS -->
  631. <script src="{{ asset('assets/js/leaflet.js') }}" crossorigin=""></script>
  632. <script src="{{ asset('assets/js/leaflet.markercluster.js') }}" crossorigin=""></script>
  633. <!-- Make sure you put this AFtER leaflet.js, when using with leaflet -->
  634. <script src="{{ asset('assets/js/geosearch.umd.js') }}"></script>
  636. {# <script src="{{ asset('assets/js/select2.full.min.js') }}" type="text/javascript"></script> #}
  637. {# <script src="{{ 'assets/js/select2-es.js'|get_asset }}" type="text/javascript"></script> #}
  638. <script src="{{ asset('assets/js/bootstrap-tagsinput.min.js') }}"></script>
  639. <script src="{{ asset('assets/metronic/plugins/custom/jquery-ui/jquery-ui.bundle.js') }}"></script>
  641. <!-- Para el editor de imágenes -->
  642. <script type="text/javascript" src="{{ asset('assets/js/fabric.min.js') }}"></script>
  643. <script type="text/javascript" src="{{ asset('assets/js/tui-code-snippet.min.js') }}"></script>
  644. <script type="text/javascript" src="{{ asset('assets/js/tui-color-picker.min.js') }}"></script>
  645. <script type="text/javascript" src="{{ asset('assets/js/FileSaver.min.js') }}"></script>
  646. <script type="text/javascript" src="{{ asset('assets/js/tui-image-editor.min.js') }}"></script>
  647. <script type="text/javascript" src="{{ asset('assets/js/tui-image-editor-white-theme.js') }}"></script>
  648. <script type="text/javascript" src="{{ asset('assets/js/tui-image-editor-black-theme.js') }}"></script>
  649. <script type="text/javascript" src="{{ asset('assets/js/tui-locale-Es-es.js') }}"></script>
  651. <!-- Bootstrap Select (campos select) stylesheet -->
  652. <script src="{{ asset('assets/js/bootstrap-select-front.min.js') }}"></script>
  653. <script src="{{ asset('assets/js/bootstrap-select-front-es_ES.js') }}"></script>
  655. <!--begin:: Para las galerías de fotos -->
  656. <script src="{{ asset('assets/js/fotorama-front.js') }}"></script>
  658. <!--begin:: Para añadir máscaras JS -->
  659. <script src="https://unpkg.com/imask"></script>
  661. <script src="{{ 'assets/js/utils.js'|get_asset }}"></script>
  662. <script src="{{ 'assets/js/selectores-imagenes.js'|get_asset }}"></script>
  663. <script src="{{ 'assets/js/main.js'|get_asset }}"></script>
  665. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/2.3.2/moment-duration-format.min.js"
  666. integrity="sha512-ej3mVbjyGQoZGS3JkES4ewdpjD8UBxHRGW+MN5j7lg3aGQ0k170sFCj5QJVCFghZRCio7DEmyi+8/HAwmwWWiA=="
  667. crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  669. <script>
  670. $(function () {
  672. // Configuración global de Toastr
  673. toastr.options = {
  674. "closeButton": true,
  675. "progressBar": true,
  676. //"positionClass": "toastr-bottom-right",
  677. "timeOut": "6000"
  678. };
  679. {% for label, messages in app.flashes %}
  680. {% for message in messages %}
  681. toastr["{{ label }}"]("{{ message }}");
  682. {% endfor %}
  683. {% endfor %}
  685. // Recargamos el plugin del visor de imágenes
  686. refreshFsLightbox();
  687. });
  688. </script>
  690. <script>
  691. // Lógica para arreglar el widget del calendario en el front
  692. document.addEventListener('DOMContentLoaded', function () {
  693. setTimeout(function () {
  694. $('select').not('.flatpickr-monthDropdown-months').selectpicker();
  696. $('.flatpickr-monthDropdown-months').each(function () {
  697. try {
  698. $(this).selectpicker('destroy');
  699. } catch (e) {
  700. }
  701. });
  702. }, 200);
  703. });
  704. </script>
  706. {% block js %}{% endblock %}
  707. </body>
  708. </html>