{% extends 'base.html.twig' %}

{% block title %}{{ 'Edit action'|trans  }}{% endblock %}

{% block body %}

<div class="container-fluid">

    {{ form_start(form, {method: 'POST', action: path( "edit_action", {rowid:rowid} ) , enctype:'multipart'}) }}

    <div class="row">
        <div class="md-form col-sm-8">
            {{ form_widget(form.title, {'attr': {'class': 'form-control'}}) }}
            {{ form_label(form.title, "", {'attr': {'class': 'bmd-label-floating'}}) }}
           <div class="invalid-feedback">
                {{ form_errors(form.title) }}
            </div>
        </div>
        <div class="col-sm">
            {{ form_widget(form.fk_plan, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'actions.choose_plan'|trans }}</label>
            <div class="invalid-feedback">
                {{ form_errors(form.fk_plan) }}
            </div>
        </div>
    </div>
    <div class="md-form">
        {{ form_widget(form.description, {'attr': {'class': 'md-textarea form-control'}}) }}
        {{ form_label(form.description, "", {'attr': {'class': 'bmd-label-floating'}}) }}
        <div class="invalid-feedback">
           {{ form_errors(form.description) }}
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 {{(plan)?"":"hide"}}">
            {{ form_widget(form.fk_department, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
             <label class="mdb-main-label">{{ 'actions.choose_department'|trans }}</label>
            <div class="invalid-feedback">
                {{ form_errors(form.fk_department) }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            {{ form_widget(form.partnerContracts, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'actions.choose_partner_contracts'|trans }}</label>
            <div class="invalid-feedback">
                {{ form_errors(form.partnerContracts) }}
            </div>
        </div>
    </div>
    <div class="md-form">
        {{ form_widget(form.mandatory, {'attr': {'class': 'form-check-input'}}) }}
        {{ form_label(form.mandatory, "", {'attr': {'class': 'form-check-label'}}) }}   
        <div class="invalid-feedback">
            {{ form_errors(form.mandatory) }}
        </div>
    </div>

    <div class="file-field">
        <div class="file-field">
            <div class="btn btn-primary btn-sm float-left">
              <span>{{ 'actions.add_documents'|trans }}</span>
              {{ form_widget(form.documents, {'attr': {        
                     'data-toggle':'popover'                              
                     ,'title': 'actions.information'|trans 
                     ,'data-content': 'actions.press_ctrl'|trans
                     ,'data-trigger':'hover'
                }}) }}                     
            </div>
            <div class="file-path-wrapper">
              <input class="file-path validate" type="text" placeholder="{{'actions.upload_files'|trans }}">
            </div>
        </div>
    </div>
    {% if action.documents|length > 0 %}
        <div class="md-form">
            <table id="table_action_documents" class="display table-hover" style="width:100%">
                <thead>
                    <tr>
                        <th></th>
                        <th>{{ 'edit_action.document_name'|trans }}</th>
                        <th>{{ 'edit_action.document_file'|trans }}</th>
                        <th>{{ 'edit_action.delete'|trans }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for document in action.documents%}
                    <tr data-document='{{document.rowid}}'>
                        <td></td>
                        <td>{{document.name}}</td>
                        <td><a target='_blank' href='{{path("get_action_document", {action_rowid:action.rowid, document_rowid:document.rowid})}}'><i class='far fa-file-alt'></i></a></td>
                        <td class='delete'><i class='fas fa-trash-alt'></i></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif%}
    <div class="clearfix"></div>
    <div class="row">
        <div class="col-md-12 {{(plan)?"":"hide"}}">
            {{ form_widget(form.fk_timing_type, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'actions.choose_timing_type'|trans }}</label>
            <div class="invalid-feedback">
                {{ form_errors(form.fk_timing_type) }}
            </div>
        </div>
    </div>

    <div id="timing_range" class="{{(action.getFkTimingType() and action.getFkTimingType().getCode() == "date_interval")?"":"hide"}} row">
        <div class="col-sm md-form">
            {{ form_widget(form.timing_from_string, {'attr': {'class': 'form-control datepicker', id:"timing_from"}}) }}
            <label class="mdb-main-label">{{ 'actions.choose_initial_date'|trans }}</label>
            <div class="invalid-feedback" id="invalid-feedback-timing-from">
                {{ form_errors(form.timing_from_string) }}
            </div>
        </div>
        <div class="col-sm md-form">
            {{ form_widget(form.timing_to_string, {'attr': {'class': 'form-control datepicker', id:"timing_to"}}) }}
            <label class="mdb-main-label">{{ 'actions.choose_finish_date'|trans }}</label>
            <div class="invalid-feedback" id="invalid-feedback-timing-to">
                {{ form_errors(form.timing_to_string) }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 {{(action.getFkTimingType() and action.getFkTimingType().getCode() == "quarter")?"":" hide"}}" id="quarters_container">
            {{ form_widget(form.quarters, {'attr': {'class': 'mdb-select md-form select_dependence date_range', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'actions.choose_quarters'|trans }}</label>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 {{(action.getFkTimingType() and action.getFkTimingType().getCode() == "month")?"":"hide"}}" id="months_container">
            {{ form_widget(form.months, {'attr': {'class': 'mdb-select md-form select_dependence date_range', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'actions.choose_months'|trans }}</label>
        </div>
    </div>

    <div class="md-form">
        {{ form_label(form.notification_days, "", {'attr': {'class': 'bmd-label-floating'}}) }}
        {{ form_widget(form.notification_days, {'attr': {'class': 'form-control'}}) }}
        <div class="invalid-feedback">
            {{ form_errors(form.notification_days) }}
        </div>
    </div>

    <div class="row">
        <div class="md-form col-sm">
            {{ form_widget(form.cancel, {'attr': {'class': 'btn btn-outline-info btn-rounded btn-block z-depth-0 my-4 waves-effect cancel'}}) }}
        </div>

        <div class="md-form col-sm">
            {{ form_widget(form.save, {'attr': {'class': 'btn btn-outline-info btn-rounded btn-block z-depth-0 my-4 waves-effect', type:"submit"}}) }}
        </div>
    </div>


    {{ form_end(form) }}
    <div id="plan_status" style="display:none;">
    {% if plan_status is not empty and plan %}
        <input type="hidden" id="plan_status_id" value="{{plan.rowid}}" disabled="disabled" />
        {% for keydep, dep in plan_status %}
            {% for keycon, con in dep %}
                <input type="hidden" id="{{plan.rowid}}_{{keydep}}_{{keycon}}_m_0" value="{{con['m'][0]}}" disabled="disabled" />
                <input type="hidden" id="{{plan.rowid}}_{{keydep}}_{{keycon}}_m_1" value="{{con['m'][1]}}" disabled="disabled" />
                <input type="hidden" id="{{plan.rowid}}_{{keydep}}_{{keycon}}_a_0" value="{{con['a'][0]}}" disabled="disabled" />
                <input type="hidden" id="{{plan.rowid}}_{{keydep}}_{{keycon}}_a_1" value="{{con['a'][1]}}" disabled="disabled" />
            {% endfor %}
        {% endfor %}
    {% endif %}
    </div>
    {% if action.partnerContracts is not null %}
        {% set prev_mandatory = 'a' %}
        {% if action.mandatory == 1 %}{% set prev_mandatory = 'm' %}{% endif %}
        {% for pcprev in action.partnerContracts %}
            <input type="hidden" id="prev_action_values_{{action.fkPlan.rowid}}_{{action.fkDepartment.rowid}}_{{pcprev.rowid}}_{{prev_mandatory}}" value="1" />
        {% endfor %}
    {% endif %}
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/action/edit.js') }}"></script>

<script>
    var default_plan_status_id = $("#plan_status_id").val();
    var default_department_selected_id = $("#action_fk_department").val();
    var default_mandatory = 'a';
    if ($("#action_mandatory").is(':checked')) {
        default_mandatory = 'm';
    }

    if (default_plan_status_id && default_department_selected_id) {
        check_partner_contract_status(default_plan_status_id, default_department_selected_id, default_mandatory);
    }
</script>
{% endblock %}