{% extends 'includes/util/accordion_block.html' %}
{% load static %}
{% block title %} Dados Gerais {% endblock %}

{% block content %}

    <div class="row">
        <div class="col-md-3 pb-2 text-center">
            {% if colaborador.foto %}
                <img class="img-circle img-fluid" style="height: 200px; width: 200px;" src="{{ colaborador.foto.url }}" alt="Foto do Colaborador">
            {% else %}
                <img class="img-circle img-fluid" style="height: 200px; width: 200px;" src="{% static 'img/img_default_colaborador.png' %}" alt="Sem foto">
            {% endif %}
            <div class="col">{{ colaborador.first_name }}</p></div>
        </div>
        <div class="col-md-9">
            <div class="row text-gray"> 
                <div class="col"><p><b>Sobrenome:</b> {{ colaborador.last_name }}</p></div>
                <div class="col"><p><b>Data de Nascimento:</b> {{ colaborador.data_nascimento }}</p></div>
                <div class="col"><p><b>Função:</b> {{ colaborador.tipo_usuario }}</p></div>
            </div>
            
            <div class="row text-gray">
                <div class="col"><p><b>Fone Fixo:</b> {{ colaborador.fone_fixo }}</p></div>
                <div class="col"><p><b>Fone Móvel:</b> {{ colaborador.fone_movel }}</p></div>
                <div class="col"><p><b>E-mail:</b> {{ colaborador.email }}</p></div>
            </div>
            
            <div class="row text-gray">
                <div class="col"><p><b>Mãe:</b> {{ colaborador.nome_mae }}</p></div>
                <div class="col"><p><b>Pai:</b> {{ colaborador.nome_pai }}</p></div>
                <div class="col"><p><b>Estado Civil:</b> {{ colaborador.estado_civil }}</p></div>
            </div>
        
            <div class="row text-gray">
                <div class="col"><p><b>Setor:</b> {{ colaborador.setor }}</p></div>
                <div class="col"><p><b>Cargo:</b> {{ colaborador.cargo_atual }}</p></div>
                <div class="col"><p><b>Genero:</b> {{ colaborador.genero }}</p></div>
            </div>
        </div>
    </div>

    <div class="row text-gray">
        <div class="col"><p><b>Fumante:</b> {{ colaborador.fumante|yesno:"Sim,Não" }}</p></div>
        <div class="col"><p><b>Primeiro Emprego:</b> {{ colaborador.primeiro_emprego|yesno:"Sim,Não" }}</p></div>
        <div class="col"><p><b>Comissionado:</b> {{ colaborador.comissionado|yesno:"Sim,Não" }}</p></div>
        <div class="col"><p><b>Valor da Comissão:</b> {{ colaborador.valor_comissao }}</p></div>
    </div>

{% endblock %}