{% extends 'base3.html.twig' %}

{% block title %}{{ parent() }}{% endblock %}
{% block stylesheets %}
   {{ parent() }}
{% endblock %}


{% block body %}

    <style>
        .ficha-inscricao{
            border: 8px solid #052c75);
            height: 920px;
            margin: 0 auto;
            justify-content: center;
        }
        .grelha #tabela1{
            border: 0.5px solid #000;
            margin: 0 auto;
            width: 90%;
            font-family: "Agency FB";
            font-size: 14px;
        }
        .grelha #tabela1 tr td{
            border-bottom: 0.2px solid #000;
        }

        .grelha tabela2{
            width: 100%;
        }
        .header-info h1{
            text-transform: uppercase;
            font-size: 18px;
            text-align: center;
            margin-top: 85px;
            color: #052c75;
        }
        .logomarca{
            padding: 10px;
        }
        .divimagem{
            align-items: center;
            border: 1px solid #000;
            padding: 10px;
            height: 18%;
            width: 80%;
        }
    </style>

    <div class="ficha-inscricao">
        <div class="logomarca">
            <img src="{{ imagem }}" width="120" height="70" style="margin-top: 30px;" >
        </div>

        <div class="header-info">
            <h1>Ficha de inscricão - Curso de capacitação em <br/> {{ inscrito.curso.nome }}</h1>
        </div>
        <br/>
        <br/>
        <div class="grelha">
            <table id="tabela1" >
                <tr>
                    <td style="width: 20%; height: 20%;">
                        <div class="divimagem">
                            <img src="{{ foto }}"  width="120" height="70" >
                        </div>

                    </td>
                    <td style="width: 75%;">
                        <table id="tabela2" style="width: 100%;">
                            <tr>
                                <td style="width: 40%;">Data de inscricão:</td><td style="width: 60%;">{{ inscrito.dataInscricao|date('d/m/y H:i') }}</td>
                            </tr>
                          <tr>
                              <td style="width: 40%;">Código de inscricão:</td><td style="width: 60%;">{{ inscrito.codigoInscricao }}</td>
                          </tr>

                            <tr>
                                <td style="width: 40%;">Nome do formando: </td><td  style="width: 60%;">{{ inscrito.nomeFormando }} </td>
                            </tr>
                            <tr>
                                <td style="width: 40%;">Data de nascimento: </td><td  style="width: 60%;"> {{ inscrito.dataNascimento|date('d/m/y') }}</td>
                            </tr>
                            <tr>
                                <td style="width: 40%;">Género: </td><td  style="width: 60%;"> {{ inscrito.sexo }}</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>Endereço:</td><td>{{ inscrito.endereco }}</td>
                </tr>
                <tr>
                    <td>Telefone:</td><td>{{ inscrito.telemovel }}</td>
                </tr>
                <tr>
                    <td>Email:</td><td>{{ inscrito.email }}</td>
                </tr>
                <tr>
                    <td>Profissão:</td><td>{{ inscrito.profissao }}</td>
                </tr>
                <tr>
                    <td>Valor do curso:</td><td>{{ inscrito.curso.preco }} AOA </td>
                </tr>
            </table>
        </div>

<br/>
        <br/>
        <br/>
        <div style="margin: 0 auto; text-align: center;">
            <img src="{{ qr_code }}" width="110" height="110"/>
        </div>
        <br/>
        <p style="text-align: center;">Assinado por</p>
        <p style="text-align: center;">______________________________________</p>
    </div>
{% endblock %}