{% extends '@commons/default.html.twig' %}

{% block content %}
    {% include '@commons/basics/drop_down.html.twig' %}
    <div class="content_container" style="display: block;">
        {% include '@commons/warning.html.twig' %}
        <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--4-col-desktop mdl-grid">
            <div class="mdl-card__title mdl-card--expand" style="margin-top: 20px;">
                <h2 class="mdl-card__title-text">Nachkalkulation</h2>
            </div>
            <form name="add_estimation" action="{{ post_calculation.link }}" method="post">
                <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                    {% if info is defined %}
                        <p class="info_text info_text--warning">
                            {{ info }}
                        </p>
                    {% endif %}
                    {% if post_calculation.estimation_date is null %}
                        <p class="info_text">
                            Es wurde keine aktuelle Einschätzung vermerkt.
                        </p>
                    {% else %}
                        <div>
                            <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                <input class="mdl-textfield__input input--mandatory" type="text" name="post_calculation__hours" id="post_calculation__hours" pattern="-?([0-9]||\.[0-9]{3})*(,[0-9]([0-9])?)?" value="{{ post_calculation.current_estimation }}">
                                <label class="mdl-textfield__label" for="post_calculation__hours">Einschätzung offener Stunden in h</label>
                                <span class="mdl-textfield__error">Eingabe ist kein gültiger Wert</span>
                            </div>
                            <p>
                                Einschätzung zum Stand vom: {{ post_calculation.estimation_date }}
                            </p>
                        </div>
                        <input name="work_progress_id" type="hidden" value="{{ post_calculation.work_progress_id }}">
                    {% endif %}
                    {% if post_calculation.previous_date is null %}
                        <p class="info_text">
                            Es wurde kein vorheriger Arbeitsstand hinterlegt.
                        </p>
                    {% else %}
                        <div>
                            <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label is-dirty" style="width: 288px;">
                                <input class="mdl-textfield__input input--disabled" type="text" name="post_calculation__remaining_hours" id="post_calculation__remaining_hours" value="{{ post_calculation.previous_estimation }}">
                                <label class="mdl-textfield__label" for="post_calculation__remaining_hours">Letzte Einschätzung in h</label>
                            </div>
                            <p>
                                Letzte vorherige Schätzung: {{ post_calculation.previous_date }}
                            </p>
                        </div>
                    {% endif %}
                    <input name="project_id" type="hidden" value="{{ project.id }}">
                    <input name="post_estimation_date" type="hidden" value="{{ post_calculation.estimation_date_timestamp }}">
                    {% if post_calculation.estimation_date is not null %}
                        <p class="info_text">
                            * Pflichtfeld
                        </p>
                    {% endif %}
                </div>
                <div class="mdl-card__actions mdl-card--border" style="width: 88%;">
                    {% if not is_admin %}
                        {% if post_calculation.estimation_date is not null and metadata.project_selected %}
                            <button class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" id="button_update_post_calc" type="submit">Aktualisieren</button>
                        {% endif %}
                    {% endif %}
                </div>
            </form>
        </div>
    </div>
{% endblock %}

{% block scripts_post_loaded %}
    <script src="{{ asset('/assets/js/drop_down.js') }}"></script>
    <script src="{{ asset('/assets/js/drop_down_projects.js') }}"></script>
    <script>
        let project_status = {{ project.status }};

        if(project_status !== 3) {
            $('#button_update_post_calc').prop("disabled",true);

            $('.link_measure_edit').click(function(e) {
                e.preventDefault();
            });

            $('#project_status_notification').show();
        }

    </script>
{% endblock %}