{% extends "propesqBundle::layout.html.twig" %}
{% import  "propesqBundle:Form:function.html.twig" as form %}

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
    <link rel="stylesheet" href="{{ asset('bundles/propesq/js/upload/css/bootstrap-image-gallery.min.css') }}" type="text/css" media="all" />
    <link rel="stylesheet" href="{{ asset('bundles/propesq/js')}}/upload/css/jquery.fileupload-ui.css">
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>{{'cabecalho.detalhar.especie'|trans}}</h2>
    </div>

    <form class="form-horizontal">
        <fieldset style="float: left; margin: 10px;">
            <div class="row-fluid">
                <div class="span6">
                    {{ form.show('entidade.especie.txtNomeCientifico', entity.txtNomeCientifico) }}
                </div>
                <div class="span6">
                    {{ form.show('entidade.especie.txtNomeReferencia', entity.txtNomeReferencia) }}
                </div>
            </div>

            <div class="row-fluid">
                <div class="span6">
                    {{ form.show('entidade.especie.txtNivelTaxonomico', entity.txtNivelTaxonomico) }}
                </div>
                <div class="span6">
                    {{ form.show('entidade.especie.txtAutor', entity.txtAutor) }}
                </div>
            </div>

            <div class="row-fluid">
                <div class="span3">
                    {{ form.show('entidade.especie.txtGenero', entity.txtGenero) }}
                </div>
                <div class="span3">
                    {{ form.show('entidade.especie.txtFamilia', entity.txtFamilia) }}
                </div>
                <div class="span3">
                    {{ form.show('entidade.especie.txtOrdem', entity.txtOrdem) }}
                </div>
                <div class="span3">
                    {{ form.show('entidade.especie.txtClasse', entity.txtClasse) }}
                </div>
            </div>

            <div class="row-fluid">
                <div class="span4">
                    {{ form.show('entidade.especie.codEspecieGrupo', entity.codEspecieGrupo) }}
                </div>
                <div class="span4">
                    {{ form.show('entidade.especie.codEspecieHabito', entity.codEspecieHabito) }}
                </div>
                <div class="span4">
                    {{ form.show('entidade.especie.indDistribuicao', entity.getTxtIndDistribuicao) }}
                </div>
            </div>

            <div class="row-fluid">
                <div class="span3">
                    {{ form.show('entidade.especie.txtAlphaid', entity.txtAlphaid) }}
                </div>
                <div class="span3">
                    {{ form.show('entidade.especie.txtTsn', entity.txtTsn) }}
                </div>
                <div class="span3">
                    {{ form.show('entidade.especie.codEspeciePmap', entity.codEspeciePmap.id) }}
                </div>
            </div>

            <div class="row-fluid">
                <div class="span6">
                    {{ form.show('entidade.especie.numFaixaProfInicial', entity.numFaixaProfInicial) }}
                </div>
                <div class="span6">
                    {{ form.show('entidade.especie.numFaixaProfFinal', entity.numFaixaProfFinal) }}
                </div>
            </div>

            {% if entity.especies[0] is not null %}
            <fieldset style="margin-bottom: 18px;">
                <label class="control-label" style="padding:0; margin:0;">{{ 'entidade.especie.especies' | trans }}</label>
                {% for especie in entity.especies %}
                    <div class="row-fluid">
                        <div class="span5" style="height: 35px;">
                            {{ form.show('', especie.codEspecie) }}
                        </div>    
                    </div>
                {% endfor %}      
            </fieldset>
            {% endif %}

            <div class="row-fluid">
                <div class="span12">
                    {{ form.show('entidade.especie.txtObservacao', entity.txtObservacao, 'textarea', 'obs') }}
                </div>
            </div>
        </fieldset>

        <div style="width: 90%; float: left; margin-left: 30px">
            {% if entity.codRespInclusao is not null %}
                <div style="width: 90%; float: left; margin-left: 30px">
                    <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela
                        inclusão: {{ entity.codRespInclusao.codPessoa.txtNome }}
                        em {{ entity.datInclusao|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}

            {% if entity.codRespEdicao is not null %}
                <div style="width: 90%; float: left; margin-left: 30px">
                    <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela última
                        edição: {{ entity.codRespEdicao.codPessoa.txtNome }}
                        em {{ entity.datEdicao|date('d/m/Y H:i') }}</label>
                </div>
            {% endif %}
        </div>

        <div class=" div-actions">
            <a class="btn" href="{{ path('especie') }}">
                {{'acao.listar'|trans}}
            </a>
            {% if is_granted('ROLE_ESPECIE_EDIT') %}
                <a class="btn" href="{{ path('especie_edit', { 'id': entity.id }) }}" title="{{'acao.editar'|trans}}">
                    {{'acao.editar'|trans}}
                </a>
            {% endif %}
        </div>
    </form>
</div>

<script>
    var obsField = document.getElementById('obs');
    obsField.setAttribute('rows', '5');
</script>
{% endblock %}