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

{% 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">

    <script src="{{ asset('bundles/propesq/js')}}/upload/vendor/jquery.ui.widget.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/tmpl.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/load-image.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/canvas-to-blob.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/bootstrap-image-gallery.min.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.iframe-transport.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.fileupload.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.fileupload-fp.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/jquery.fileupload-ui.js"></script>
    <script src="{{ asset('bundles/propesq/js')}}/upload/locale.js"></script>

    <style>
        div#modal-gallery{
            margin-top: 0 !important;
        }

        .modal-gallery .modal-body{
            max-height: 400px !important;
        }

        .modal-body  .modal-image {
            display: block;
            width: auto;
            max-height: 100% !important;
        }

        .template-download td{
            vertical-align: middle;
        }
    </style>
{% endblock %}

{% block content %}

    <div id="form-container">

        <div class="title">
            <h2>
                {%if entity.id is defined and entity.id is not null and show is defined%}
                    {{'cabecalho.detalhar.especiepmap'|trans}}
                {% elseif entity.id is defined and entity.id is not null%}
                    {{'cabecalho.alterar.especiepmap'|trans}}
                {%else%}
                    {{'cabecalho.incluir.especiepmap'|trans}}
                {%endif%}
            </h2>
        </div>
        <form id="formulario-especiepmap" class="form-horizontal">
            <fieldset style="float: left; margin: 10px;">
                <div class="row-fluid">
                    <div class="span6">
                        {{ formFunction.show('entidade.especiepmap.txtNomeCientifico',entity.txtNomeCientifico)}}
                    </div>
                    <div class="span6">
                        {{ formFunction.show('entidade.especiepmap.txtNomeReferenciaPmap',entity.txtNomeReferenciaPmap)}}
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span6">
                        {{ formFunction.show('entidade.especiepmap.txtNivelTaxonomico',entity.txtNivelTaxonomico)}}
                    </div>
                    <div class="span6">
                        {{ formFunction.show('entidade.especiepmap.txtAutor',entity.txtAutor)}}
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3">
                        {{ formFunction.show('entidade.especiepmap.txtGenero',entity.txtGenero)}}
                    </div>
                    <div class="span3">
                        {{ formFunction.show('entidade.especiepmap.txtFamilia',entity.txtFamilia)}}
                    </div>
                    <div class="span3">
                        {{ formFunction.show('entidade.especiepmap.txtOrdem',entity.txtOrdem)}}
                    </div>
                    <div class="span3">
                        {{ formFunction.show('entidade.especiepmap.txtClasse',entity.txtClasse)}}
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3">
                        {{ formFunction.show('entidade.especiepmap.txtAlphaid',entity.txtAlphaid)}}
                    </div>
                    <div class="span3">
                        {{ formFunction.show('entidade.especiepmap.txtTsn',entity.txtTsn)}}
                    </div>
                </div>
                <div class="row-fluid show-grid">
                    <div class="span6">
                        <div class="control-group">
                            <label class='control-label'>{{'entidade.especiepmap.especies'|trans}}</label>
                            <div class="controls">
                                <div id="especiepmap-fields-list">
                                    {% for especiePmapRelacionada in entity.especies %}
                                        {% include 'propesqBundle:EspeciePMAPRelacionada:show.html.twig' with {'especiePmapRelacionada': especiePmapRelacionada, 'id' : loop.index0} %}
                                    {% else %}
                                        {{ 'cabecalho.detalhar.nenhuma_informacao' | trans }}
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </fieldset>
            <div style="width: 90%; float: left; margin-left: 30px">
                <div style="width: 90%; float: left; margin-left: 30px">
                    {% if entity.codRespInclusao %}
                    <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>
                    {% else %}
                        <label style="float: right;font-weight: bold;margin-top: 10px;">Inclusão em: {{ entity.datInclusao|date('d/m/Y H:i') }}</label>
                    {% endif %}
                </div>

                {% 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">
                {% if is_granted('ROLE_ESPECIEPMAP_LIST') %}
                    <a class="btn" href="{{ path('especiepmap') }}">
                        {{'acao.listar'|trans}}
                    </a>
                {% endif %}
                {% if FF_indexador_taxonomico == "master" %}
                    {% if is_granted('ROLE_ESPECIEPMAP_EDIT') %}
                        <a class="btn" href="{{ path('especiepmap_edit', { 'id': entity.id, 'tipo': entity.txtTipoLink }) }}">
                            {{'acao.editar'|trans}}
                        </a>
                    {% endif %}
                    {% if is_granted('ROLE_ESPECIEPMAP_DELETE') %}
                        <a class="btn btn-danger btn-delete" href="{{ path('especiepmap_delete', { 'id': entity.id }) }}">
                            {{'acao.excluir'|trans}}
                        </a>
                    {% endif %}
                {% endif %}
            </div>
        </form>

    </div>

{% endblock %}