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

    <style>

        span.form-control {
            display: block;
            min-height: 20px;
            padding: 4px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

        span.form-control.input-textarea{
            min-height: 198px;
        }

        span.form-control[disabled],
        span.form-control[readonly],
        fieldset[disabled] .form-control {
            background-color: #eee;
            opacity: 1;
        }

    </style>
{% endblock %}

{% block content %}
    <div id="form-container" >
        <div class="container-title" style="height: 75px;">
            <div class="title">
                <h2>
                    {{'cabecalho.detalhar.instrumentojuridico'|trans}}
                </h2>
            </div>
            <form class=" form-horizontal">
                <fieldset id="geral" style="float: left; margin: 10px;">

                    <div class="row-fluid">
                        <div class="span12">
                            <div class="control-group">
                                <label class='control-label'>{{'entidade.instrumentojuridico.txtOrgao'|trans}}</label>
                                <div class="controls">
                                    <input type="text" class="cemporcento" readonly value='{{ entity.txtOrgao}}'>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row-fluid">
                        <div class="span3">
                            <div class="control-group">
                                <label class='control-label'>{{'entidade.instrumentojuridico.datInicio'|trans}}</label>
                                <div class="controls">
                                    <input type="text" class="cemporcento" readonly value='{{ entity.datInicio|formatDate}}'>
                                </div>
                            </div>
                        </div>
                        <div class="span3">
                            <div class="control-group">
                                <label class='control-label'>{{'entidade.instrumentojuridico.datTermino'|trans}}</label>
                                <div class="controls">
                                    <input type="text" class="cemporcento" readonly value='{{ entity.datTermino|formatDate}}'>
                                </div>
                            </div>
                        </div>

                        <div class="span3">
                            <div class="control-group">
                                <label class='control-label'>{{'entidade.instrumentojuridico.datPublicacao'|trans}}</label>
                                <div class="controls">
                                    <input type="text" class="cemporcento" readonly value='{{ entity.datPublicacao|formatDate}}'>
                                </div>
                            </div>
                        </div>

                    </div>


                    <div class="row-fluid">
                        <div class="span12">
                            <div class="control-group">
                                <label class='control-label'>{{'entidade.instrumentojuridico.blbDocumento'|trans}}</label>
                                <div class="controls">
                                    {%if entity.txtNomeDisco is not null%}
                                    <a class="btn"  href="{{ path('instrumentojuridico_download', { 'id': entity.id }) }}" title="Download do arquivo de instrumento jurídico" >
                                        <i class="icon-file"></i> {{ entity.txtNomeDisco}}
                                    </a>
                                    {% else  %}
                                        <a class="btn"   disabled title="Download do arquivo indisponível" >
                                            <i class="icon-file"></i> Download do arquivo indisponível
                                        </a>


                                    {% endif %}


                                </div>
                            </div>
                        </div>
                    </div>




                    <div class="row-fluid">
                        <div class="span12">
                            <div class="control-group">

                                <label class='control-label'>{{'entidade.instrumentojuridico.txtDescricao'|trans}}</label>
                                <div class="controls">
                                    <span class="form-control input-xlarge input-textarea cemporcento" readonly="true">{{ entity.txtDescricao }}</span>

                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row-fluid">
                        <div class="span12">
                            <fieldset style="float: left; margin: 10px; margin-left: 0px;">
                                <legend style="padding-top: 10px">{{ 'entidade.instrumentojuridico.especiesAfetadas'|trans }}</legend>
                                <div class="control-group">
                                    <label class='control-label'>{{ 'entidade.instrumentojuridico.especies'|trans }}</label>
                                    {% for especieField in entity.especies %}
                                        <div class="controls" style="margin-bottom: 5px;">
                                            <input type="text" readonly class='cemporcento' class='cemporcento'
                                                   value='{{ especieField.codEspecie.txtNome }}'>
                                        </div>
                                    {% else %}
                                        <div class="controls" style="margin-bottom: 5px;">
                                            <span class="help-inline">Não Informado</span>
                                        </div>
                                    {% endfor %}
                                </div>
                            </fieldset>


                        </div>
                    </div>



                    <div class="row-fluid">
                        <div class="span12">
                            <fieldset style="float: left; margin: 10px; margin-left: 0px;">
                                <legend style="padding-top: 10px">{{ 'entidade.instrumentojuridico.aparelhosPescaAfetados'|trans }}</legend>
                                <div class="control-group">
                                    <label class='control-label'>{{ 'entidade.instrumentojuridico.aparelhosPesca'|trans }}</label>
                                    {% for aparelhoPescaField in entity.aparelhosPesca %}
                                        <div class="controls" style="margin-bottom: 5px;">
                                            <input type="text" readonly class='cemporcento' class='cemporcento'
                                                   value='{{ aparelhoPescaField.codAparelhoPesca.txtNome }}'>
                                        </div>
                                    {% else %}
                                        <div class="controls" style="margin-bottom: 5px;">
                                            <span class="help-inline">Não Informado</span>
                                        </div>
                                    {% endfor %}
                                </div>
                            </fieldset>


                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span12">
                            <div class="control-group">
                                <label class='control-label'>{{'entidade.instrumentojuridico.txtNomeArea'|trans}}</label>
                                <div class="controls">
                                    <input type="text" class="cemporcento" readonly value='{{ entity.txtNomeArea}}'>
                                </div>
                            </div>
                        </div>
                    </div>

                </fieldset>








                </form>
        </div>
        </fieldset>
        <div class=" div-actions">


            {% if is_granted('ROLE_INSTRUMENTOJURIDICO_LIST') %}
                <a class="btn" href="{{ path('instrumentojuridico') }}">
                    {{'acao.listar'|trans}}
                </a>
            {% endif %}
            {% if is_granted('ROLE_INSTRUMENTOJURIDICO_EDIT') %}
                <a class="btn" href="{{ path('instrumentojuridico_edit', { 'id': entity.id }) }}">
                    {{'acao.editar'|trans}}
                </a>
            {%  endif %}
            {% if is_granted('ROLE_INSTRUMENTOJURIDICO_DELETE') %}
                <a class="btn btn-danger btn-delete" href="{{ path('instrumentojuridico_delete', { 'id': entity.id }) }}">
                    {{'acao.excluir'|trans}}
                </a>
            {% endif %}
        </div>

    </div>

    <script type="text/javascript"> $('.btn-delete').prepararExclusao(); </script>

{% endblock %}