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

{% block scripts_pre_loaded %}
    <script src="{{ asset('/assets/libs/bootstrap-table/bootstrap-table.min.js') }}"></script>
{% endblock %}

{% block content %}
    {% include '@commons/basics/drop_down.html.twig' %}
    <div class="content_container" style="display: block;">
        {% include '@commons/warning.html.twig' %}
        <div style="display: flex;">
            <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">
                    <h2 class="mdl-card__title-text">Reststundeneinschätzung</h2>
                </div>
                <form action="{{ metadata.links.update }}" method="post">
                    <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                        {% if info is defined %}
                            <p class="info_text info_text--warning">
                                {% for message in info %}
                                    {{ message }} <br/>
                                {% endfor %}
                            </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 }}">
                            <input name="estimation_date_timestamp" type="hidden" value="{{ post_calculation.estimation_date_timestamp }}">
                        {% 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:<br/>{{ post_calculation.previous_date }}
                                </p>
                            </div>
                        {% endif %}
                        <input name="project_id" type="hidden" value="{{ metadata.project_id }}">
                        {% if post_calculation.estimation_date is not null %}
                            <p class="info_text">
                                * Pflichtfeld
                            </p>
                        {% endif %}
                    </div>
                    <div class="mdl-card__actions mdl-card--border">
                        {% 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 class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--5-col-desktop mdl-grid">
                <div class="mdl-card__title mdl-card--expand">
                    <h2 class="mdl-card__title-text">Historie</h2>
                </div>
                <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                    <table
                            id="table"
                            data-toggle="table"
                            data-url="/api/remaining_hours/{{ metadata.project_id }}"
                            data-height="400"
                            data-side-pagination="server"
                            data-locale="de-DE"
                            data-pagination="true">
                        <thead>
                        <tr>
                            <th data-field="date">Datum</th>
                            <th data-field="pm_estimation">Projektleitung</th>
                            <th data-field="tm_estimation">Teamleitung</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
        <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col-desktop mdl-grid"
             style="margin-left: 0;">
            <div class="mdl-card__title mdl-card--expand">
                <h2 class="mdl-card__title-text">Maßnahmen der Teamleitung</h2>
            </div>
            <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                <table
                        id="table"
                        data-toggle="table"
                        data-url="/api/get_tm_measures/{{ metadata.project_id }}"
                        data-side-pagination="server"
                        data-locale="de-DE"
                        data-pagination="true">
                    <thead>
                    <tr>
                        <th data-field="date">Datum</th>
                        <th data-field="initiator">Treiber</th>
                        <th data-field="reason">Grund</th>
                        <th data-field="hours">+/- Stunden</th>
                        <th data-field="material">+/- Material</th>
                        <th data-field="external_service">+/- Fremdl.</th>
                        <th data-field="order_volume">+/- Auftragsvol.</th>
                        <th data-field="comment">Bemerkungen</th>
                        <th data-field="effect">RE / h</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>

{% endblock %}

{% block scripts_post_loaded %}
    <script src="{{ asset('/assets/js/drop_down_projects.js') }}"></script>
    <script src="{{ asset('/assets/js/tool_box.js') }}"></script>
    <script src="{{ asset('/assets/libs/bootstrap-table/locale/bootstrap-table-de-DE.js') }}"></script>
{% endblock %}