{% extends "schools/index.twig" %}

{% import "schools/index.twig" as macros %}

{% block schoolTitle %}
    {{ parent() }} <small>Εξοπλισμός</small>
{% endblock %}

{% block navItems %}
    <li role="presentation" class="pull-right">
        <a href="#" class="btn btn-primary btn-add-asset" title="Καταχώρηση εξοπλισμού">
            <i class="visible-xs fa fa-plus"></i>
            <span class="hidden-xs">Καταχώρηση εξοπλισμού</span>
        </a>
    </li>
{% endblock %}

{% block schoolContent %}
    <div id="school-assets">
        <p>
            Σε αυτήν τη καρτέλα εμφανίζονται κάποια από τα ψηφιακά συστήματα του 
            σχολείου που έχουν ήδη καταχωρηθεί σε άλλα πληροφοριακά συστήματα 
            του ΥΠΠΕΘ. Επιπλέον, πρέπει να καταχωρήσετε και τα υπόλοιπα ψηφιακά 
            συστήματα που διαθέτει το σχολείο, αλλά δεν εμφανίζονται στην καρτέλα.
        </p>
        <div class="table-responsive">
            <table class="table table-hover table-striped">
                <thead>
                    <tr>
                        <th>Τύπος</th>
                        <th>Χώρος</th>
                        <th>Πλήθος</th>
                        <th>Έτος κτήσης</th>
                    </tr>
                </thead>
                <tbody>
                {% for asset in assets %}
                    <tr data-asset="{{ asset|json_encode }}" data-id="{{ asset.id }}">
                        <td>{{ asset.itemcategory }}</td>
                        <td>{{ asset.lab }}</td>
                        <td>{{ asset.qty }}</td>
                        <td>{{ asset.acquisition_year }}</td>
                    </tr>
                {% else %} 
                    <tr class="no-records">
                        <td colspan="4" class="text-center">Δεν έχει καταχωρηθεί εξοπλισμός</td>
                    </tr>
                {% endfor %}
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="4"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="modal fade" id="asset-form-modal" tabindex="-1" role="dialog" aria-labelledby="asset-from">
            <form class="form-horizontal" data-url="{{ path_for('school.assets') }}">
                <div class="modal-dialog" role="form">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title">Στοιχεία εξοπλισμού</h4>
                        </div>
                        <div class="modal-body">
                            {{ macros.select('itemcategory_id', 'Τύπος', item_categories, '') }}
                            {{ macros.select('lab_id', 'Χώρος', labs, '') }}
                            {{ macros.input('qty', 'Πλήθος', '0', 'number', {'min': '1'}) }}
                            {{ macros.select_year('acquisition_year', 'Έτος κτήσης') }}
                            {{ macros.text('comments', 'Σχόλια/Παρατηρήσεις') }}
                            <input type="hidden" name="id" value="">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-danger pull-left remove">Διαγραφή</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Κλείσιμο</button>
                            <button name="submit" value="submit" type="submit" class="btn btn-primary">Αποθήκευση</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <script type="text/template" id="asset-row-template">
            <td><%= asset.itemcategory %></td>
            <td><%= asset.lab %></td>
            <td><%= asset.qty %></td>
            <td><%= asset.acquisition_year %></td>
        </script>
    </div>
{% endblock %}

{% block inlinejs %}
    {{ parent() }}
    <script src="{{ base_url }}/js/schools/assets.js"></script>
{% endblock %}