{%  extends 'template-secre.html.twig' %}

{% block title %}{{parent() }} - Perfil{% endblock %}

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

{% block body %}
  <div class="card shadow-lg mx-4 col-8">{#card-profile-bottom#}
    <div class="card-body p-0">
        <div class="row gx-4">
            <div class="col-auto">
                <div class="avatar avatar-xl position-relative">
                    <img src="{{ asset('assets/img/team-2.jpg') }}" alt="profile_image" class="w-100 border-radius-lg shadow-sm">
                </div>
            </div>
            <div class="col-auto my-auto">
                <div class="h-100">
                    <h5 class="mb-1">
                        {{ app.user.nome }}
                    </h5>
                    <p class="mb-0 font-weight-bold text-sm">
                        {{ app.user.email }}
                    </p>
                </div>
            </div>

        </div>
    </div>
</div>
   <div class="container-fluid py-4 ">
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="d-flex align-items-center">
                        <p class="mb-0">PERFIL DO USUÁRIO</p>
                        {#<button class="btn btn-warning btn-sm ms-auto"><i class="fa fa-edit text-white"></i> Editar</button>#}
                    </div>
                </div>
                <div class="card-body">
                    <p class="text-uppercase text-sm">Informações do usuário</p>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Nome</label>
                                <input class="form-control" type="text" value="{{ app.user.nome }}" disabled>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Endereço de e-mail</label>
                                <input class="form-control" type="email" value="{{ app.user.email }}" disabled>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Numero da ordem</label>
                                <input class="form-control" type="text" value="{{ app.user.numOrdem }}" disabled>
                            </div>
                        </div>
                       {# <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Estado do usuário</label>
                                <input class="form-control" type="text" value="{% if app.user.isAtivo ==true %} Ativo{% else %} Desativado {% endif %}" disabled>
                            </div>
                        </div>#}
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Formação</label>
                                <input class="form-control" type="text" value="{{ app.user.formacao.nome }}" disabled>
                            </div>
                        </div>
                    </div>
                    <hr class="horizontal dark">
                    <p class="text-uppercase text-sm">Informações de contato</p>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Endereço</label>
                                <input class="form-control" type="text" value="{{ app.user.bairro.nome }}" disabled>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Província</label>
                                <input class="form-control" type="text" value="{{ app.user.bairro.comuna.municipio.provincia.nome }}" disabled>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">País</label>
                                <input class="form-control" type="text" value="{{ app.user.bairro.comuna.municipio.provincia.pais.nome }}" disabled>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">Telefone</label>
                                <input class="form-control" type="text" value="{{ app.user.telefone }}" disabled>
                            </div>
                        </div>
                    </div>
                    {#<hr class="horizontal dark">
                    <p class="text-uppercase text-sm">About me</p>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="example-text-input" class="form-control-label">About me</label>
                                <input class="form-control" type="text" value="A beautiful Dashboard for Bootstrap 5. It is Free and Open Source.">
                            </div>
                        </div>
                    </div>#}
                </div>
            </div>
        </div>

    </div>
   </div>

{% endblock %}