{{ form_start(form) }}

<h6 class="page-subtitle hr alignt-buttons-center mb-3">Informações Gerais</h6>
{{ form_row(form.title) }}
<div class="row">
    {{ form_row(form.functional_unit) }}
    {{ form_row(form.status) }}
</div>
{% if form.vars.data.id %}
    <div class="row">
        <div class="col-lg-12">
            <label>Progresso</label>
        </div>
        <div class="col-lg-2 pr-0 mr-0">
            <div class="{{progress['1'] ? progress['1'] : 'bg-yellow' }} pdp-task-progress first">
                Ideia
            </div>
        </div>
        <div class="col-lg-2 pr-0 mr-0 pl-0 mr-0">
            <div class="{{progress['2'] ? progress['2'] : 'bg-yellow' }} pdp-task-progress">
                Planejamento
            </div>
        </div>
        <div class="col-lg-2 pr-0 mr-0 pl-0 mr-0">
            <div class="{{progress['3'] ? progress['3'] : 'bg-yellow' }} pdp-task-progress">
                Execução
            </div>
        </div>
        <div class="col-lg-2 pr-0 mr-0 pl-0 mr-0">
            <div class="{{progress['4'] ? progress['4'] : 'bg-yellow' }} pdp-task-progress">
                Validação
            </div>
        </div>
        <div class="col-lg-2 pl-0 mr-0">
            <div class="{{progress['5'] ? progress['5'] : 'bg-yellow' }} pdp-task-progress last">
                Resultados
            </div>
        </div>
    </div>
{% endif %}
<h6 class="page-subtitle hr alignt-buttons-center mb-3 mt-4">Descrição da Ideia</h6>
{{ form_row(form.idea) }}
{{ form_row(form.target_effect) }}
{{ form_row(form.resources) }}
<div class="row">
    {{ form_row(form.manager) }}
    {{ form_row(form.sponsor) }}
</div>
{{ form_row(form.members) }}
{{ form_row(form.interested_parts) }}
<div class="row">
    {{ form_row(form.impact) }}
    {{ form_row(form.priority) }}
    {{ form_row(form.approver_initial) }}
    {% if form.vars.data.id %}
        {{ form_row(form.approver_initial) }}
        {% if initialApproved %}
            <div class="col-lg-3 mt-1 pt-1">
                {% if form.vars.data.approverInitial is not null and form.vars.data.approverInitial.fullname is not null %}
                    <label class="pt-4">Aprovado por {{ form.vars.data.approverInitial.fullname|split(' ')|first }}</label>
                {% else %}
                    <label class="pt-4" style="color: red">Não há um aprovador</label>
                {% endif %}
            </div>
        {% elseif form.vars.data.approverInitial %}
            <div class="col-lg-3 mt-1 pt-1">
                <a href="#" data-id="{{form.vars.data.id}}" style="height:37px;" class="btn btn-tqm-outline mt-4 request-initial-approve">Solicitar aprovação</a>
            </div>
        {% endif %}
    {% endif %}
</div>
<div class="row">

</div>
<h6 class="page-subtitle hr alignt-buttons-center mb-3 mt-4">Descritivo dos Detalhes</h6>
{{ form_row(form.situation) }}
{{ form_row(form.in_out_scope) }}
{{ form_row(form.customer_voice) }}
{{ form_row(form.business_voice) }}
{{ form_row(form.objectives) }}
{{ form_row(form.premises) }}
<h6 class="page-subtitle hr alignt-buttons-center mb-4 mt-4">Métricas do Projeto</h6>
<div class="row">
    {{ form_row(form.planned_efforts) }}
    {{ form_row(form.planned_expenses) }}
    {{ form_row(form.planned_investments) }}
    {{ form_row(form.expected_benefits) }}
</div>
<div class="row">
    {{ form_row(form.payback_months) }}
    {{ form_row(form.risk) }}
</div>

{% set user = app.user %}
{% set owner = form.vars.data.owner %}
{% set manager = form.vars.data.manager %}
{% set sponsor = form.vars.data.sponsor %}

{% if form.vars.data.id  %}
    <h6 class="page-subtitle hr alignt-buttons-center mb-3 mt-4">Arquivos</h6>
{% endif %}
{% if form.vars.data.id and files %}
    <p id="pdp_files_container">
        {% for file in files %}
            <span class="pr-4">
                <a class="d-inline-block" href="/uploads/pdp/{{form.vars.data.id}}/{{file.name}}" target="_blank">{{file.name}}</a>
                {% if user.id == owner.id or (manager and user.id == manager.id) or (sponsor and user.id == sponsor.id) %}
    				<span data-id="{{file.id}}" class="d-inline-block mt-1 c-pointer ml-1 deleteFile">
    					<span class="c-pointer trashIcon ml-4 mt-2 font-blue fas fa-trash"></span>
    				</span>
                {% endif %}
            </span>
        {% endfor %}
    </p>
{% elseif form.vars.data.id  %}
    <p id="pdp_files_container">
        <label>Nenhum arquivo adicionado.</label>
    </p>
{% endif %}
{% if form.vars.data.id  %}
    {{ form_row(form.files) }}
{% endif %}

<div class="{{form.vars.data.progress == 'Resultados' ? '' : 'd-none'}}">
    <h6 class="page-subtitle hr alignt-buttons-center mb-3 mt-5">Resultados Alcançados</h6>
    {{ form_row(form.results) }}
    <div class="row">
        {{ form_row(form.realized_benefit) }}
        {{ form_row(form.approver_results) }}
        {% if form.vars.data.id %}
            {{ form_row(form.approver_results) }}
            {% if resultsApproved %}
                <div class="col-lg-3 mt-1 pt-1">
                    {% if form.vars.data.approverInitial is not null and form.vars.data.approverInitial.fullname is not null %}
                        <label class="pt-4">Aprovado por {{ form.vars.data.approverInitial.fullname|split(' ')|first }}</label>
                    {% else %}
                        <label class="pt-4" style="color: red">Não há um aprovador</label>
                    {% endif %}
                </div>
            {% elseif form.vars.data.approverResults %}
                <div class="col-lg-3 mt-1 pt-1">
                    <a href="#" data-id="{{form.vars.data.id}}" style="height:37px;" class="btn btn-tqm-outline mt-4 request-results-approve">Solicitar aprovação</a>
                </div>
            {% endif %}

        {% endif %}
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        {{ form_end(form) }}
    </div>
</div>

<style>
    #pdp_situation {
        min-height: 105px;
    }
    #pdp_objectives {
        min-height: 80px;
    }
    #pdp_premises {
        min-height: 105px;
    }
</style>

{{ encore_entry_script_tags('jquery-money-mask') }}