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

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

{% block body %}
{% include 'plan/edit_tab_list.html.twig'  with {'plan': rowid, 'section': 'general'} %}
<style>
    .select-wrapper.md-form > ul li.disabled label {
         display: initial !important; 
    }
</style>
<div class="tab-content card pt-5">
    <div class="tab-pane fade show active">

    {% for flashMessage in app.session.flashbag.get('alert-danger') %}
        <div class="alert alert-danger" role="alert">{{ flashMessage|raw }}</div>
    {% endfor %}

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

    {% if rowid %}
        <input type="hidden" name="rowid" value="{{rowid}}" />
    {% endif %}

    <div class="md-form">
        {{ form_widget(form.execution_year, {'attr': {'class': 'form-control'}}) }}
        {{ form_label(form.execution_year, "", {'attr': {'class': 'bmd-label-floating'}}) }}
        <div class="invalid-feedback">
           {{ form_errors(form.execution_year) }}
        </div>
    </div>
    <div class="md-form">
        {{ 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="md-form">
        {{ form_label(form.description, "", {'attr': {'class': 'bmd-label-floating'}}) }}
        {{ form_widget(form.description, {'attr': {'class': 'md-textarea form-control'}}) }}
        <div class="invalid-feedback">
           {{ form_errors(form.description) }}
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            {{ form_widget(form.departments, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'plans.choose_department'|trans }}</label>
            <div class="invalid-feedback">
               {{ form_errors(form.departments) }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            {{ form_widget(form.partner_contracts, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'plans.choose_partner_contract'|trans }}</label>
            <div class="invalid-feedback">
               {{ form_errors(form.partner_contracts) }}
            </div>
        </div>
    </div>

    
    <div class="row">
        <div class="col-md-12">
            {{ form_widget(form.quarters, {'attr': {'class': 'mdb-select md-form date_range', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'plans.choose_quarter'|trans }}</label>
            <div class="invalid-feedback">
               {{ form_errors(form.quarters) }}
            </div>
        </div>
    </div>

    <div class="md-form">
        {{ form_widget(form.quarters, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
        <div class="invalid-feedback">
           {{ form_errors(form.quarters) }}
        </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>
    </div>
{% endblock %}

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