templates/website/certificate/certificate-detail.html.twig line 1

Open in your IDE?
  1. {% extends 'website/main.template.html.twig' %}
  2. {% from 'utils.html.twig' import ico, dateFormat %}
  4. {% block metaIndex %}
  5.     <meta name="robots" content="nofollow">
  6. {% endblock %}
  8. {% block body %}
  10.     {% if not isRestricted %}
  11.         {% include 'website/includes/search-section.html.twig' %}
  12.     {% endif %}
  14.     {% embed 'website/includes/page-title.html.twig' with { pageTitle: getLanguage('certificate', 'certificate'), restricted: isRestricted }%}
  15.         {% block migalhas %}
  16.             <a href="{{ path('home') }}">{{ getLanguage('home', 'certificate') }}</a>&ensp;/&ensp;<span>{{ getLanguage('certificate', 'certificate') }}</span>
  17.         {% endblock %}
  18.     {% endembed %}
  20.     <div class="container">
  21.         <form id="certificate-search" class="busca-lista certificate-detail-search" action="{{ path('certificateSearchPage') }}" method="GET" novalidate>
  22.             <div class="campos-busca">
  23.                 <div class="wrap">
  24.                     <label class="label" for="certificate-code">{{ getLanguage('certificate_code', 'certificate') }}</label>
  25.                     <input type="text" id="certificate-code" name="certificate-code" placeholder="{{ getLanguage('enter_certificate_code', 'certificate') }}" value="{{ code? code }}" required>
  26.                 </div>
  27.                 <div class="wrap">
  28.                     <label class="label" for="certificate-date">{{ getLanguage('conclusion_date', 'certificate') }}</label>
  29.                     <input type="text" id="certificate-date" name="certificate-date" class="js--datepicker" placeholder="{{ getLanguage('enter_conclusion_date', 'certificate') }}" value="{{ date? date }}" readonly required>
  30.                 </div>
  31.             </div>
  32.             <button type="submit">
  33.                 <i class="material-icons">search</i>
  34.             </button>
  35.         </form>
  37.         {% set noSearch = code is empty or date is empty %}
  39.         {# CERTIFICADO #}
  40.         {% if courseCertificate %}
  41.             {% if not courseCertificate.isExpired() %}
  42.                 <div class="aviso sucesso">
  43.                     <p>{{ getLanguage('certificate_recognized', 'certificate') }} <strong>{{ client.brand }}</strong></p>
  44.                 </div>
  45.             {% else %}
  46.                 <div class="aviso erro">
  47.                     <p>{{ getLanguage('expired_certificate_date', 'certificate') }} <strong>{{ dateFormat(courseCertificate.dateExpired) }}</strong></p>
  48.                 </div>
  49.             {% endif %}
  51.             {# COM IMAGEM #}
  52.             {% if  (getConfig('certificate_show_all_data') == enum('CourseCertificateEnum::YES'))
  53.                and (not courseCertificate.isExpired()) %}
  54.                 <div class="certificate certificate-img">
  55.                     <div class="info">
  56.                         <h2 class="titulo">{{ courseCertificate.course.getTitle() }}</h2>
  57.                         <div class="desc">
  58.                             <p><strong>{{ getLanguage('tips_for_printing', 'certificate') }}</strong></p>
  59.                             <p>{{ getLanguage('use_good_printer', 'certificate') }}</p>
  60.                             <p>{{ getLanguage('coted_paper', 'certificate') }}</p>
  61.                         </div>
  62.                         <div class="actions">
  63.                             {# DONLOAD #}
  64.                             <a href="{{ url('downloadCertificate', { code: code, date: date }) }}" class="js--tip" data-tooltip-text="{{ getLanguage('download', 'certificate') }}" data-tooltip-class="tooltip-certificate" download>
  65.                                 <span class="ico">{{ ico('download') }}</span>
  66.                             </a>
  68.                             {# PRINT #}
  69.                             <a class="js--print-pdf js--tip" data-print-pdf="{{ path('viewCertificate', { code: code, date: date }) }}" data-tooltip-text="{{ getLanguage('print', 'certificate') }}" data-tooltip-class="tooltip-certificate">
  70.                                 <span class="ico">{{ ico('print') }}</span>
  71.                             </a>
  73.                             {# COPY #}
  74.                             <a class="js--tip js--copy" data-copy-content="{{ url('viewCertificate', { code: code, date: date }) }}" data-tooltip-text="{{ getLanguage('copy_to_the_clipboard', 'certificate') }}" data-tooltip-class="tooltip-certificate">
  75.                                 <span class="ico">{{ ico('link') }}</span>
  76.                             </a>
  77.                         </div>
  78.                     </div>
  80.                     {# PDF Image #}
  81.                     <div class="image">
  82.                         <div class="ico">{{ ico('pdf') }}</div>
  83.                         <iframe src="{{ path('viewCertificate', { code: code, date: date }) }}" type="application/pdf"></iframe>
  84.                     </div>
  85.                 </div>
  87.             {# SEM IMAGEM #}
  88.             {% else %}
  89.                 <div class="certificate certificate-no-img">
  90.                     <h2 class="titulo">{{ courseCertificate.course.getTitle() }}</h2>
  91.                     <div class="desc">
  92.                         <p>{{ getLanguage('name', 'certificate') }}:</p>
  93.                         <p>{{ courseCertificate.user.getName() }}</p>
  94.                         <p>{{ getLanguage('end', 'certificate') }}:</p>
  95.                         <p>{{ courseCertificate.dateEnd|date('d/m/Y') }}</p>
  96.                     </div>
  97.                 </div>
  98.             {% endif %}
  100.         {# SEM BUSCA #}
  101.         {% elseif noSearch %}
  103.             <div class="box-aviso">
  104.                 <h2 class="titulo-aviso">
  105.                     {{ getLanguage('search_certificate', 'certificate') }}
  106.                 </h2>
  107.                 <p class="sub">{{ getLanguage('insert_code_date', 'certificate') }}</p>
  108.                 <a href="/" class="btn-voltar">{{ getLanguage('back_to_homepage', 'certificate') }}</a>
  109.             </div>
  111.         {# VAZIO #}
  112.         {% else %}
  114.             <div class="box-aviso">
  115.                 <div class="aviso-img">
  116.                     <div class="img-ico">
  117.                         {{ ico('no-results') }}
  118.                     </div>
  119.                 </div>
  120.                 <h2 class="titulo-aviso">
  121.                     {{ getLanguage('not_find_certificate', 'certificate') }}&thinsp;<img src="{{ cdn }}img/emoji_crying.png">
  122.                 </h2>
  123.                 <p class="sub">{{ getLanguage('check_the_code', 'certificate') }}</p>
  124.                 <a href="/" class="btn-voltar">{{ getLanguage('back_to_homepage', 'certificate') }}</a>
  125.             </div>
  127.         {% endif %}
  128.     </div>
  129. {% endblock %}