{% extends '/pages/privado/internal_form.html.twig' %}
{% block subBarContent %}
{{ include('includes/layout/__toolbar.html.twig', {
'title_icon' : constant('App\\Entity\\Ajustes\\Gradeada::ICON_CLASS') | default(null)
}) }}
{% endblock %}
{% block internal_form_body %}
{% if form is defined %}
<div class="row justify-content-center">
<div class="col-md-8 col-12">
<div class="row justify-content-center">
<div class="col-12">
<h4 style="text-align: center;font-size: 19px;">{{ 'gradeada.check.vista.titulo'| trans({}, 'gradeada') }}</h4>
<p style="text-align: center;">{{ 'gradeada.check.vista.desc'| trans({}, 'gradeada') }}</p>
</div>
<div class="col-md-4 col-12">
{{ form_row(form.certificado) }}
</div>
<div class="col-12" style="text-align: center;">
{{ form_row(form.buscar) }}
</div>
</div>
</div>
<div class="col-md-4 col-12" style="text-align: center;">
<img alt="Certificado" src="/images/etiqueta.png"/>
</div>
</div>
{% if gradeada is defined %}
<div class="row mt-5 justify-content-center">
{% if gradeada.GradCardFront != null %}
<div class="col-md-5 col-12 etiqueta_image_container">
<img class="img-fluid vich_image no-zoom m-0 mx-auto d-block" style="object-fit: contain;" onerror="this.onerror=null; this.src='/images/blank.png'" src="{{ vich_uploader_asset(gradeada, 'GradCardFrontImageFile') }}"></img>
</div>
{% endif %}
<div class="col-md-7 col-12">
<table class="table align-middle table-row-bordered fs-6 gy-5 table-hover table-striped">
<thead class="custom-menu-bg">
<tr>
<th colspan="2" style="color:#ffffff">
<div class="row justify-content-center">
<div style="text-align: left;" class="col-7">
<div class="row">
<div class="col-12">
<p class="header_etiqueta_card">{{gradeada.GradCardYear}} {{gradeada.GradCardCompany}}</p>
<p class="header_etiqueta_card">{{gradeada.GradCardNombre}}</p>
<p class="header_etiqueta_card">{{gradeada.GradCardEdicion}}</p>
</div>
</div>
<div class="row">
<div class="col-6 header_etiqueta_border">
<p class="header_etiqueta_notas"> CENTERING {{gradeada.GradCardCentro}} </p>
<p class="header_etiqueta_notas"> CORNERS {{gradeada.GradCardEsquinas}} </p>
</div>
<div class="col-6 header_etiqueta_border">
<p class="header_etiqueta_notas"> EDGES {{gradeada.GradCardBordes}} </p>
<p class="header_etiqueta_notas"> SURFACE {{gradeada.GradCardSuperficie}} </p>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="header_etiqueta_certificado">{{gradeada.GradNumCertificado}}</p>
</div>
</div>
</div>
<div class="col-4 text-center header_etiqueta_global_container">
<p class="header_etiqueta_grade">{{gradeada.GradCardFinal}}</p>
<p class="header_etiqueta_global">{{gradeada.getGradeText()}}</p>
</div>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.certificado'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradNumCertificado}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.any_empresa'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardYear}} {{gradeada.GradCardCompany}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.name'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardNombre}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.edicion'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardEdicion}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.idioma'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardIdioma}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.centrado'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardCentro}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.esquinas'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardEsquinas}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.bordes'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardBordes}}</p>
</div>
</td>
</tr>
<tr>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{'gradeada.imagen.superficie'| trans({}, 'gradeada')}}</p>
</div>
</td>
<td>
<div class="text-center" style="text-align:left;">
<p style="font-weight: 700;">{{gradeada.GradCardSuperficie}}</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row justify-content-center mt-20">
<div class="col-12">
<h4 style="text-align: center;font-size: 19px;">{{ 'gradeada.check.vista.titulo2'| trans({}, 'gradeada') }}</h4>
</div>
<div class="col-md-8 col-12">
<table class="table align-middle table-row-bordered fs-6 gy-5 table-hover table-striped">
<thead class="custom-menu-bg">
<tr>
<th class="text-center" style="width:50%;color:#ffffff;font-size:17px;">{{ 'gradeada.check.vista.tabla.col1'| trans({}, 'gradeada') }}</th>
<th class="text-center" style="width:50%;color:#ffffff;font-size:17px;">{{ 'gradeada.check.vista.tabla.col2'| trans({}, 'gradeada') }}</th>
</tr>
</thead>
<tbody>
{% for grade, cantidad in array %}
<tr>
<td>
<div class="text-center">
<p style="font-weight: 700;">{{grade}}</p>
</div>
</td>
<td>
<div class="text-center">
<p style="font-weight: 700;">{{cantidad}}</p>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endif %}
{% endif %}
{% endblock %}