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

{% block title %}IntraCrane - Projektkalkulation{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/admin.css') }}">
    <style type="text/css">
        .items td, .items th {
            /*border: black solid 1px;
            border-collapse: separate;*/
            border-spacing: 2px;
            padding:2px 5px;
            min-width: 300px;
        }

        .items th:nth-child(4), .items td:nth-child(4),
        .items th:nth-child(5), .items td:nth-child(5) {
            min-width: 80px;
            text-align: center;
        }

        .items th:nth-child(3) {
            text-align: center !important;
        }

        .items th:nth-child(3), .items td:nth-child(3) {
            min-width: 100px;
            text-align: right;
        }

        .items th:last-child, .items td:last-child {
            min-width: 150px;
            text-align: center;
        }

        .items th {
            background: #0174b7;
        }

        .items td {
            background: #04395f;
        }

        .items table {
            margin: auto;
        }

        .groupW {
            text-align: center;
            padding: 15px 0;
        }
    </style>
{% endblock %}
{% block logout %}
    {% if app.user %}
        <div class="userPP">
            <span>{{ app.user.username }}</span>
            <a href="{{ path('app_logout') }}">Logout</a>
        </div>
    {% endif %}
{% endblock %}
{% block body %}
    
    <div class="submenu fp-navPer">
        <ul class="links_section">
            <li><a href="{{ path('user_edit', {username: app.user.username}) }}" class="pdtmenu">Benutzerverwaltung</a></li><!--
            --><li><a href="{{ path('projektkalkulation') }}" class="pdtmenu">Projektkalkulation</a></li>{% if app.user.Groupw == 'Ott' %}<!--
            --><li class="select"><a href="{{ path('projektadministrierung') }}" class="pdtmenu" >Projektadministrierung</a></li>{% endif %}
        </ul>
    </div>
    <div class="containerHome submain fpContainer">
        <div id="items" style="position:relative;">
            <div class="groupW">
                <label>Benutzergruppe:</label>
                <select class="selectGW">
                    {% for group in groups %}
                        <option value='{{ group.groupwId }}'>{{ group.name }}</option>
                    {% endfor %}
                </select>
                <button>Speichern</button>
            </div>
            <div class="items">
                {% include 'items/_itemsList.html.twig' with [{'items': items}, {'gruppes':gruppes}] %}
            </div>
        </div><!---->
    </div>

    <div class="modalcontainer addInfo">
        <div class="flex">
            <div class="modalA addInfo">
                <div class="close"><span>&#43;</span></div>
                <div class="content">
                    <h2 class="titleM">Edit information</h2>
                    <textarea maxlength="160" class="contentM"></textarea><span id='remainingC'></span>
                </div>
                <div class="buttons">
                    <a href="#0" class="closeM">Cancel</a>
                    <a href="#0" class="saveM">Accept</a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}