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

{% block content %}
    <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--4-col-desktop mdl-grid" style="margin-left: 0;">
        <div class="mdl-card__title mdl-card--expand">
            <h2 class="mdl-card__title-text">Projekt hinzufügen</h2>
        </div>
        <form name="add_company" action="{{ link }}" method="post">
            <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input input--mandatory input--d" id="rank" name="rank" type="text" pattern="-?[0-9]*(\.[0-9]+)?" value="{{ rank }}">
                    <label class="mdl-textfield__label" for="rank">Rang*</label>
                </div>
            </div>
            <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input input--mandatory input--d" id="company_name" name="company_name" type="text" value="{{ company_name }}">
                    <label class="mdl-textfield__label" for="company_name">Unternehmen*</label>
                </div>
            </div>
            <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input input--mandatory input--d" id="amount" name="amount" type="text"  pattern="-?([0-9]||\.[0-9]{3})*(,[0-9][0-9])?" value="{{ amount }}">
                    <label class="mdl-textfield__label" for="amount">Angebot*</label>
                </div>
            </div>
            <div style="display: flex;">
                <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect mdl-color-text--grey-600" for="is_from_company" style="margin-left: 16px; width: auto;">
                    {% if is_from_company %}
                        <input type="checkbox" id="is_from_company" name="is_from_company" class="mdl-checkbox__input" checked>
                    {% else %}
                        {% if disable_check %}
                            <input type="checkbox" id="is_from_company" name="is_from_company" class="mdl-checkbox__input" disabled>
                        {% else %}
                            <input type="checkbox" id="is_from_company" name="is_from_company" class="mdl-checkbox__input">
                        {% endif %}
                    {% endif %}
                    <span class="mdl-checkbox__label">Eigenes Angebot</span>
                </label>
                <div id="is_from_company__info" class="icon material-icons" style="color: #757575;">info</div>
                <div class="mdl-tooltip" data-mdl-for="is_from_company__info">
                    Je Projekt kann nur ein Angebot markiert werden
                </div>
            </div>
            <p class="info_text">
                * Pflichtfeld
            </p>
            <div class="mdl-card__actions mdl-card--border">
                <a href="{{ back_link }}"><button class="mdl-button mdl-js-button mdl-js-ripple-effect" type="button">Zurück</button></a>
                <button class="mdl-button mdl-js-button mdl-js-ripple-effect" type="submit">Aktualisieren</button>
            </div>
        </form>
    </div>
{% endblock %}