{% set bg="" %}
{% if ordutegia.horaInicio == "" or ordutegia.horaFin == "" or ordutegia.ordutegiIzena.ordutegiIzena is null or ordutegia.gela is null %}
    {% set bg="bg-danger" %}
{% endif %}

{% if ordutegia.ordutegiIzena.akademikoas %}
    {% set kolorea= ordutegia.ordutegiIzena.akademikoas|first ? ordutegia.ordutegiIzena.akademikoas|first.eskeintza.kolorea  : (ordutegia.ordutegiIzena.eskeintza ? ordutegia.ordutegiIzena.eskeintza.kolorea :'255,255,255,0') %}
{% endif %}

<div id="div_{{ordutegia.idOrdutegia}}" class="card border-danger form-group m-1 p-1 helmuga {{ bg }}" style="background-color: {{kolorea}};">
    <div class="row p-0">
        <div class="col-auto m-auto">
            <button type="button" onclick="borraOrdutegia(event,{{ordutegia.idOrdutegia}})" class="btn btn-sm btn-danger"><i class="fas fa-trash-alt"></i></button>
        </div>
        <div class="col m-auto p-0">
            <input id="hi_{{ordutegia.idOrdutegia}}" type="time" class="form-control bg-transparent m-0 p-1" value="{{ ordutegia.horaInicio ? ordutegia.horaInicio|date('H:i') : null }}" placeholder="Hasiera ordua"
                onblur="gordeOrdutegia(event, '{{ordutegia.idOrdutegia}}', 'horaInicio', this.value)" min="09:00" max="23:30" step="900">
        </div>
        <div class="col m-auto pl-1">
            <input id="hf_{{ordutegia.idOrdutegia}}" type="time" class="form-control bg-transparent m-0 p-1" value="{{ ordutegia.horaFin ? ordutegia.horaFin|date('H:i') : null }}" placeholder="Bukaera ordua"
                onblur="gordeOrdutegia(event, '{{ordutegia.idOrdutegia}}', 'horaFin', this.value)" min="09:00" max="23:30" step="900">
        </div>
    </div>
    <div class="row p-0">
        <div class="col m-auto p-auto">
            <select id="izena_{{ordutegia.idOrdutegia}}" class="form-select bg-transparent m-0 p-1" onchange="gordeOrdutegia(event, '{{ordutegia.idOrdutegia}}', 'ordutegiIzena', this.value)">
                {% if ordutegia.ordutegiIzena.ordutegiIzena is null %}<option value="">Aukeratu Ordutegia</option>{% endif %}
                {% for ordutegiIzena in ordutegiIzenas %}
                    {% if ordutegiIzena.ordutegiIzena is not null %}
                    <option value="{{ordutegiIzena.id}}"
                        {% if ordutegiIzena.id is not null and ordutegiIzena == ordutegia.ordutegiIzena %} selected {% endif %}>
                        {{ordutegiIzena.ordutegiIzena}}</option>
                    {% endif %}
                {% endfor %}
            </select>
        </div>
        <div class="col-auto m-auto p-auto">
            <button type="button" onclick="aldatuIzena(event,{{ordutegia.ordutegiIzena.id}})" class="btn btn-sm btn-secondary"><i class="fas fa-pencil-alt"></i></button>
        </div>
    </div>
    {# if is_granted('ROLE_ZUZENDARITZA') #}
    <div class="row p-0">
        <div class="col m-0 pl-1">
            <select id="gela_{{ordutegia.idOrdutegia}}" class="form-select bg-transparent m-0 p-1" onchange="gordeOrdutegia(event, '{{ordutegia.idOrdutegia}}', 'gela', this.value)">
                <option value="">Aukeratu Gela</option>
                {% for gela in gelas %}
                    <option value="{{gela.idGela}}" {% if ordutegia.gela is not null and gela.idGela == ordutegia.gela.idGela %} selected {% endif %}>{{gela.gela}}</option>
                {% endfor %}
            </select>
        </div>
    </div>
    {# endif #}
</div>