templates/public/events/event_public_info.html.twig line 1

  2. {% extends '/public/public_base.html.twig' %}
  5. {% block body %}
  7. {% include 'public/events/_header.html.twig' %}
  9. {% include 'public/_flash.html.twig' %}
  12. <article class="node node-detail node-listing-single" style="padding-bottom: 40px;">
  13.  
  14.   {# ================= CABECERA ================= #}
  15.   <div class="listing-top">
  16.     <div class="container listing-top-content">
  17.       <div class="row row-margin-sexpe">
  18.         <div class="col-12">
  19.           <a href="{{ path('public_events') }}" class="button-sexpe">
  20.             ← Volver al catálogo
  21.           </a>
  22.         </div>
  23.       </div>
  24.       <div class="row">
  25.         <div class="col-12">
  27.           <div class="listing-image">
  28.           {% if event.image %}
  29.             <div class="contenedor-img-cabecera"
  30.                  style="background-image:url('{{ asset('images/' ~ event.image) }}')"></div>
  31.           {% else %}
  32.             <div class="contenedor-img-cabecera"
  33.                  style="background-image:url('/build/images/sexpe/default-course.jpg')"></div>
  34.           {% endif %}
  35.           {% set today = "now"|date("Y-m-d") %}
  36.             {% set ini = event.inscripcionesInicio ? event.inscripcionesInicio|date("Y-m-d") : null %}
  37.             {% set fin = event.inscripcionesFin ? event.inscripcionesFin|date("Y-m-d") : null %}
  39.             {% if ini and fin %}
  40.               <div class="listing-status">
  41.                 {% if today >= ini and today <= fin %}
  42.                   <span class="status-dot open"></span>
  43.                   <span class="status-text">Inscripciones abiertas</span>
  44.                 {% elseif today < ini %}
  45.                   <span class="status-dot soon"></span>
  46.                   <span class="status-text">Próximamente</span>
  47.                 {% else %}
  48.                   <span class="status-dot closed"></span>
  49.                   <span class="status-text">Inscripciones cerradas</span>
  50.                 {% endif %}
  51.               </div>
  52.             {% endif %}
  54.             <h1 class="post-title">{{ event.Name }}</h1>
  55.            
  56.   
  57.                         {# <div class="listing-categories">
  58.               {{ event.extCode }}
  59.             </div> #}
  61.             {% if event.modality is not empty %}
  62.             <div class="listing-modalidad">
  63.               <span>{{ event.modality.label }}</span>
  64.             </div>
  65.             {% endif %}
  67.           </div>
  68.         </div>
  69.       </div>
  70.     </div>
  72.     {# ================= NAV STICKY ================= #}
  73.     <div class="listing-nav sticky-listing-nav">
  74.       <div class="listing-nav-inner">
  75.         <div class="container">
  76.           <ul>
  77.             <li><a href="#objetivos">Objetivos</a></li>
  78.             <li><a href="#indice">Índice</a></li>
  79.             {% if event.Prerequisites %}
  80.               <li><a href="#requisitos">Requisitos</a></li>
  81.             {% endif %}
  82.             <li><a href="#horario">Fechas y horario</a></li>
  83.           </ul>
  84.         </div>
  85.       </div>
  86.     </div>
  87.   </div>
  89.   {# ================= CONTENIDO ================= #}
  90.   <div class="container">
  91.     <div class="row">
  93.       {# ===== COLUMNA PRINCIPAL ===== #}
  94.       <div class="col-xl-8 col-lg-8 col-md-12">
  95.         <div class="listing-content-main">
  97.           {% if event.objetives %}
  98.           <div class="listing-info-block course-specs" id="objetivos">
  99.             <div class="title"><i class="las la-bullseye"></i><span>Objetivos</span></div>
  100.             <div class="block-content">
  101.               {{ event.objetives|raw }}
  102.             </div>
  103.           </div>
  104.           {% endif %}
  106.           {% if event.contents %}
  107.           <div class="listing-info-block course-specs" id="indice">
  108.             <div class="title"><i class="las la-list-ol"></i><span>Índice</span></div>
  109.             <div class="block-content">
  110.               {{ event.contents|raw }}
  111.             </div>
  112.           </div>
  113.           {% endif %}
  115.           {% if event.Prerequisites %}
  116.           <div class="listing-info-block course-specs" id="requisitos">
  117.             <div class="title"><i class="las la-user-check"></i><span>Requisitos</span></div>
  118.             <div class="block-content">
  119.               {{ event.Prerequisites|raw }}
  120.             </div>
  121.           </div>
  122.           {% endif %}
  124.           <div class="listing-info-block course-specs" id="horario">
  125.             <div class="title"><i class=""></i><span>Fechas y horario</span></div>
  126.             <div class="block-content">
  127.               <ul>
  128.                 <li>Inicio: {{ event.startDate|date('d/m/Y') }}</li>
  129.                 <li>Fin: {{ event.endDate|date('d/m/Y') }}</li>
  130.                 <li>{{ event.DateAndTime }}</li>
  131.               </ul>
  132.             </div>
  133.           </div>
  135.           {% if event.TechnicalRequirements %}
  136.           <div class="listing-info-block course-specs">
  137.             <div class="title"><i class="las la-laptop"></i><span>Requisitos técnicos</span></div>
  138.             <div class="block-content">
  139.               {{ event.TechnicalRequirements|raw }}
  140.             </div>
  141.           </div>
  142.           {% endif %}
  144.         </div>
  145.       </div>
  147.       {# ===== BARRA LATERAL ===== #}
  148.       <div class="col-xl-4 col-lg-4 col-md-12">
  149.         <div class="listing-content-main">
  151.                {% if event.inscripcionesInicio and event.inscripcionesFin %}
  152.               <div class="listing-info-block course-specs">
  153.                 <div class="title"><i class="las la-tags"></i><span>Periodo de inscripción</span></div>
  154.                   
  155.                   <div class="block-content">
  156.                   
  157.                     Del {{ event.inscripcionesInicio|date('d/m/Y') ~ ' al ' ~ event.inscripcionesFin|date('d/m/Y')}}
  158.                 </div>
  159.               </div>
  160.             </div>
  161.                 {% endif %}
  163.           <div class="listing-info-block course-specs">
  164.             <div class="title"><i class="las la-tags"></i><span>Características del curso</span></div>
  165.             <div class="block-content">
  166.               <div class="row">
  168.                 {% include 'public/events/_spec.html.twig' with {
  169.                   icon: 'la-calendar-day',
  170.                   label: 'Fecha inicio',
  171.                   value: event.startDate|date('d/m/Y')
  172.                 } %}
  174.                 {% include 'public/events/_spec.html.twig' with {
  175.                   icon: 'la-calendar-day',
  176.                   label: 'Fecha fin',
  177.                   value: event.endDate|date('d/m/Y')
  178.                 } %}
  179.                 {% include 'public/events/_spec.html.twig' with {
  180.                   icon: 'la-clock',
  181.                   label: 'Duración',
  182.                   value: event.Hours ~ ' h'
  183.                 } %}
  185.                 {% include 'public/events/_spec.html.twig' with {
  186.                   icon: 'la-users',
  187.                   label: 'Plazas',
  188.                   value: event.Participants
  189.                 } %}
  191.                 {% include 'public/events/_spec.html.twig' with {
  192.                   icon: 'la-tag',
  193.                   label: 'Código',
  194.                   value: event.extCode
  195.                 } %}
  197.               </div>
  198.             </div>
  199.           </div>
  201.           {% if event.areaTematica|length %}
  202.           <div class="listing-info-block course-specs">
  203.             <div class="title"><i class="las la-shapes"></i><span>Área Temática</span></div>
  204.             <div class="block-content">
  205.               {% for area in event.areaTematica %}
  206.                 {{ area.label }}<br>
  207.               {% endfor %}
  208.             </div>
  209.           </div>
  210.           {% endif %}
  212.           <div class="listing-info-block course-specs">
  213.             <div class="title"><i class="las la-map-marker"></i><span>Ubicación</span></div>
  214.             <div class="block-content">
  215.               {{ event.Location }}
  216.             </div>
  217.           </div>
  219.           {% if event.TargetGroups %}
  220.           <div class="listing-info-block course-specs">
  221.             <div class="title"><i class="las la-user-check"></i><span>Destinatarios</span></div>
  222.             <div class="block-content">
  223.               {{ event.TargetGroups }}
  224.             </div>
  225.           </div>
  226.           {% endif %}
  227.           <div style="display: flex; flex-direction: column; gap: 12px; margin-top: 12px;">
  228.             {% if hasRequest %}
  229.               <button class="btn btn-secondary w-100" style="padding: 12px 16px; font-weight: 600;" disabled>
  230.                 SOLICITUD REALIZADA
  231.               </button>
  232.             {% elseif ini and today < ini %}
  233.               <button class="btn btn-secondary w-100" style="padding: 12px 16px; font-weight: 600;" disabled>
  234.                 INSCRIPCIONES PRÓXIMAMENTE
  235.               </button>
  236.             {% elseif fin and today > fin %}
  237.               <button class="btn btn-secondary w-100" style="padding: 12px 16px; font-weight: 600;" disabled>
  238.                 INSCRIPCIONES CERRADAS
  239.               </button>
  240.             {% elseif is_granted('ROLE_ALUMNO') and ini and fin and today >= ini and today <= fin %}
  241.               <a href="{{ path('event_inscribe', {id: event.id}) }}" class="btn btn-success w-100" style="padding: 12px 16px; font-weight: 600;">
  242.                 SOLICITAR
  243.               </a>
  244.             {% else %}
  245.               <a href="{{ path('app_login') }}" class="btn btn-success w-100" style="padding: 12px 16px; font-weight: 600;">
  246.                 SOLICITAR
  247.               </a>
  248.             {% endif %}
  249.             <a href="{{ path('event_public_pdf', {id: event.id}) }}"
  250.               class="btn btn-secondary w-100" style="padding: 12px 16px; font-weight: 600;">
  251.                 Descargar ficha en PDF
  252.             </a>
  253.           </div>
  255.         </div>
  256.       </div>
  258.     </div>
  259.   </div>
  261. </article>
  263.     {% include 'public/events/_footer.html.twig' %}
  265. {% endblock %}