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

{% block body %}
    <div class="container-fluid">
        {#----------------------------HEAD------------------------------------------#}
        <div class="row">
            <div class="col">
                <h1 class="text-primary">Multimedia inbentario</b></h1>
            </div>
            <div class="col-auto">
                <a class="btn btn-warning" href="{{ path('cddvdzerrenda') }}" target="_cddvdzerrenda">
                    <i class="fas fa-print"></i></a>
            </div>
        </div>
        <br>
    </div>
    <div class="container-fluid">
        {% set oldikasturtea = 0 %}
        {% for kontzertua in kontzertuas %}
            {% if oldikasturtea != kontzertua.ikasturtea %}
                <div class="card card-body mt-2 shadow bg-light">
                    {{kontzertua.ikasturtea}}
                </div>
                {% set oldikasturtea = kontzertua.ikasturtea %}
                <div class="row">
                    <div class="col-1">CD</div>
                    <div class="col-1">DVD</div>
                    <div class="col">kontzertua</div>
                    {# ARGAZKIAK #}
                    <div class="col-2">Argazkiak</div>

                    {# AUDIO #}
                    <div class="col-2">MP3</div>

                    {# BIDEO #}
                    <div class="col-2">BIDEO</div>

                </div>
            {% endif %}
            <div class="row">
                <div class="col-2">
                    <div class="row">
                        <div class="col
                            {% if kontzertua.audiograbatu is null %} bg-warning {% endif %}
                            {% if kontzertua.audiograbatu == 0 and kontzertua.audiograbatu is not null %} bg-dark {% endif %}
                            {% if kontzertua.zenbataudio != kontzertua.audioakHd or kontzertua.zenbataudiolinkok != kontzertua.audioakHd or (kontzertua.audiograbatu == 1 and (kontzertua.zenbataudio is null or kontzertua.cdUrl is null)) %} bg-danger {% endif %}
                        ">
                            {{kontzertua.cdKodea ? kontzertua.cdKodea : '-----'}}
                        </div>
                        <div class="col
                            {% if kontzertua.bideoagrabatu is null %} bg-warning {% endif %}
                            {% if kontzertua.bideoagrabatu == 0 and kontzertua.bideoagrabatu is not null %} bg-dark {% endif %}
                            {% if kontzertua.zenbatbideo != kontzertua.bideoakHd or kontzertua.zenbatbideolinkok != kontzertua.bideoakHd or (kontzertua.bideoagrabatu == 1 and (kontzertua.bideoakHd == 0 or kontzertua.dvdUrl is null)) %} bg-danger {% endif %}
                        ">
                            {{kontzertua.dvdKodea ? kontzertua.dvdKodea : '-----'}}
                        </div>
                    </div>
                </div>

                <div class="col
                    {% if kontzertua.argazkiak is null %} bg-warning {% endif %}
                    {% if kontzertua.argazkiak and kontzertua.zenbatargazki != kontzertua.argazkiakHd or (kontzertua.argazkiak == 1 and (kontzertua.argazkiakHd == 0 or kontzertua.argazkiakUrl is null)) %} text-danger {% endif %}
                ">
                    {{kontzertua.idKontzertua}} - {{kontzertua.kontzertuarenizena}}
                </div>

                {# ARGAZKIAK #}
                <div class="col-2">
                    <div class="row">
                        <div class="col d-print-none">
                            <select class="form-select form-select-sm" onchange="gordeKontzertua(event, 'kontzertua', {{kontzertua.idKontzertua}}, 'argazkiak', this.value, 'boolean');">
                                <option value=""></option>
                                <option value="1" {% if kontzertua.argazkiak == 1 %} selected {% endif %}>BAI</option>
                                <option value="0" {% if kontzertua.argazkiak is not null and kontzertua.argazkiak == 0 %} selected {% endif %}>EZ</option>
                            </select>
                        </div>
                        <div class="col">
                            <input type="number" step="1" class="form-control form-control-sm" {% if kontzertua.argazkiak is not null and kontzertua.argazkiak == 0 %} disabled {% endif %}
                                onblur="gordeKontzertua(event, 'kontzertua', {{kontzertua.idKontzertua}},'zenbatargazki',this.value,'zenbakia')"
                                value="{{ kontzertua.zenbatargazki ? kontzertua.zenbatargazki : '' }}">
                        </div>
                        <div class="col">
                            {{ kontzertua.argazkiakHd ? kontzertua.argazkiakHd : 'X' }}
                        </div>
                    </div>
                </div>
                {# AUDIO #}
                <div class="col-2">
                    <div class="row">
                        <div class="col d-print-none">
                            <select class="form-select form-select-sm" onchange="gordeKontzertua(event, 'kontzertua', {{kontzertua.idKontzertua}}, 'audiograbatu', this.value, 'boolean');">
                                <option value=""></option>
                                <option value="1" {% if kontzertua.audiograbatu == 1 %} selected {% endif %}>BAI</option>
                                <option value="0" {% if kontzertua.audiograbatu is not null and kontzertua.audiograbatu == 0 %} selected {% endif %}>EZ</option>
                            </select>
                        </div>
                        <div class="col">
                            <input type="number" step="1" class="form-control form-control-sm" {% if kontzertua.audiograbatu is not null and kontzertua.audiograbatu == 0 %} disabled {% endif %}
                                onblur="gordeKontzertua(event, 'kontzertua', {{kontzertua.idKontzertua}},'zenbataudio',this.value,'zenbakia')"
                                value="{{ kontzertua.zenbataudio ? kontzertua.zenbataudio : '' }}">
                        </div>
                        <div class="col">
                            {{ kontzertua.audioakHd ? kontzertua.audioakHd : 'X' }} ({{ kontzertua.zenbataudiolinkok ? kontzertua.zenbataudiolinkok : 'X' }})
                        </div>
                    </div>
                </div>
                {# BIDEO #}
                <div class="col-2">
                    <div class="row">
                        <div class="col d-print-none">
                            <select class="form-select form-select-sm" onchange="gordeKontzertua(event, 'kontzertua', {{kontzertua.idKontzertua}}, 'bideoagrabatu', this.value, 'boolean');">
                                <option value=""></option>
                                <option value="1" {% if kontzertua.bideoagrabatu == 1 %} selected {% endif %}>BAI</option>
                                <option value="0" {% if kontzertua.bideoagrabatu is not null and kontzertua.bideoagrabatu == 0 %} selected {% endif %}>EZ</option>
                            </select>
                        </div>
                        <div class="col">
                            <input type="number" step="1" class="form-control form-control-sm " {% if kontzertua.bideoagrabatu is not null and kontzertua.bideoagrabatu == 0 %} disabled {% endif %}
                                onblur="gordeKontzertua(event, 'kontzertua', {{kontzertua.idKontzertua}},'zenbatbideo',this.value,'zenbakia')"
                                value="{{ kontzertua.zenbatbideo ? kontzertua.zenbatbideo : '' }}">
                        </div>
                        <div class="col">
                            {{ kontzertua.bideoakHd ? kontzertua.bideoakHd : 'X' }} ({{ kontzertua.zenbatbideolinkok ? kontzertua.zenbatbideolinkok : 'X' }})
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}


{% block javascripts %}
    <script src="{{ asset('js/multimedia/inbentario.js')}}"></script>
{% endblock %}