{% 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>
{% endblock %}

{% block content %}

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

        <form id="formulario-especie-categoria-pescado" class="form-horizontal">
            <fieldset style="float: left; margin: 10px;">
                <div class="row-fluid">
                    <div class="span6">
                        {{ formFunction.show('entidade.especiecategoriapescado.txtNome',entity.txtNome)}}
                    </div>
                    <div class="span6">
                        {{ formFunction.show('entidade.especiecategoriapescado.codEspecie',entity.codEspecie)}}
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3">
                        {{ formFunction.show('entidade.especiecategoriapescado.indGeraAlertaDigitacao',entity.indGeraAlertaDigitacao ? 'Sim' : "Não")}}
                    </div>
                    {% if entity.indGeraAlertaDigitacao %}
                        <div class="span6">
                            {{ formFunction.show('entidade.especiecategoriapescado.txtDescricaoAlerta',entity.txtDescricaoAlerta, 'textarea')}}
                        </div>
                    {% endif %}
                </div>
                <div class="row-fluid">
                    <div class="span6">
                        {{ formFunction.show('entidade.especiecategoriapescado.txtObservacao',entity.txtObservacao, 'textarea')}}
                    </div>
                </div>
                <fieldset style="margin-top: 50px;">
                    <legend style="margin-bottom: 15px;">Taxa de conversão de unidade</legend>
                    {% for unidadeConversao in entity.unidadesConversao %}
                        <div class="row-fluid">
                            <div class="span3">
                                {{ formFunction.show('entidade.especiecategoriapescadoconversaounidade.codUnidade',unidadeConversao.codUnidade)}}
                            </div>
                            <div class="span3">
                                {{ formFunction.show('entidade.especiecategoriapescadoconversaounidade.numTaxaConversaoKg',unidadeConversao.numTaxaConversaoKg)}}
                            </div>
                        </div>
                    {% endfor %}
                </fieldset>
            </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('especiecategoriapescado') }}">
                    {{'acao.listar'|trans}}
                </a>
                {% if is_granted('ROLE_ESPECIECATEGORIAPESCADO_EDIT') %}
                    <a class="btn" href="{{ path('especiecategoriapescado_edit', { 'id': entity.id }) }}" title="{{'acao.editar'|trans}}">
                        {{'acao.editar'|trans}}
                    </a>
                {% endif %}
                {% if is_granted('ROLE_ESPECIECATEGORIAPESCADO_DELETE') %}
                    <a class="btn btn-danger btn-delete" href="javascript:;" onclick="delete_{{ entity.id }}(this)" data-href="{{ path('especiecategoriapescado_delete', { 'id': entity.id }) }}" title="{{'acao.excluir'|trans}}">
                        {{'acao.excluir'|trans}}
                    </a>
                {% endif %}
            </div>
        </form>
    </div>
{% endblock %}