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

{% block title %}{{ 'milestones.edit_milestone'|trans  }}{% endblock %}

{% block body %}

<div class="container-fluid">

    {{ form_start(form, {method: 'POST', action: path( "edit_milestone", {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_action, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'milestones.choose_action'|trans }}</label>
            <div class="invalid-feedback">
                {{ form_errors(form.fk_action) }}
            </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="clearfix"></div>

    <div id="timing_range" class="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">{{ 'milestones.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">{{ 'milestones.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" style="{{(app.user.hasRole("ROLE_PARTNER") or app.user.hasRole("ROLE_MARKET"))?"display:none":""}}">
            {{ form_widget(form.markets, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'milestones.choose_markets'|trans }}</label>
            <div class="invalid-feedback">
                {{ form_errors(form.markets) }}
            </div>
        </div>
        <div class="col-md" style="{{(app.user.hasRole("ROLE_PARTNER"))?"display:none":""}}">
            {{ form_widget(form.partners, {'attr': {'class': 'mdb-select md-form', 'searchable': 'Search here..'}}) }}
            <label class="mdb-main-label">{{ 'milestones.choose_partners'|trans }}</label>
            <div class="invalid-feedback">
                {{ form_errors(form.partners) }}
            </div>
        </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>
{% endblock %}

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