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

{% block title %}{{ 'C4rgo News'|trans }}{% endblock %}

{% block body %}
    <script>
        function confirmdel(v) {
            if (confirm("{{ 'Confirm deletion!'|trans }}")) {
                document.location.href = v;
            }
        }
    </script>
    <!-- content main container -->
    <div class="mm-page">
        <div id="wrap">

            <div class="row">
                <div id="content" class="col-md-12">
                    <div class="main">        



                        <!-- row -->
                        <div class="row">




                            <!-- col 12 -->
                            <div class="col-md-12">



                                <!-- tile -->
                                <section class="tile transparent" id="superbox-gallery">



                                    <section id="search-result" class="tile transparent">

                                        <div class="{{ msgclass|raw }}">
                                            {{ msg|raw }}
                                        </div>
                                        {% if form != null %}
                                            {{ form(form) }}
                                        {% endif %}
                                    </section>
                                    <a href="{{ path('c4rgonews_view', {'op': 'new'}) }}">{{ 'Add new row'|trans }}</a>
                                    <section class="tile transparent">
                                        <div class="tile-header color transparent-black rounded-corners">
                                            <div class="controls">
                                                <a href="#" class="minimize"><i class="fa fa-chevron-down fa-2x"></i></a>
                                                <a href="#" class="refresh"><i class="fa fa-refresh fa-2x"></i></a>
                                            </div>
                                        </div>
                                        <div class="tile-body color transparent-black rounded-corners">
                                            <div class="table-responsive">
                                                <table class="table table-datatable table-custom tabella-pesata no-row-select" id="id-tabella-pesata">
                                                    <!--end - Advanced table TOP-->
                                                    <thead>
                                                        <tr>
                                                            <th width="80" class="sort-alpha identify-detail" style="width: 4%; text-align:center;"><h3>{{ 'ID'|trans }}</h3></th>
                                                            <th width="80" class="sort-alpha identify-detail" style="width: 16%;text-align: center;"><h3>{{ 'Pubblicato'|trans }}</h3></th>
                                                            <th width="80" class="sort-alpha identify-detail" style="width: 4%; text-align: center;"><h3>{{ 'Attivo'|trans }}</h3></th>
                                                            <th width="80" class="sort-alpha" style="min-width: 22%; text-align: center;"><h3>[Kg]<br><br>{{ 'Titolo'|trans }}</h3></th>
                                                            <th width="80" class="sort-numeric" style="min-width:40%; text-align: center;"><h3>[Mc]<br><br>{{ 'Contenuto'|trans }}</h3></th>
                                                            <th width="50" class="text-center" style="min-width: 7%; text-align: center;"><br></th>
                                                            <th width="50" class="text-center" style="min-width: 7%; text-align: center;"><br></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        {% for riga in elenco %}
                                                            <tr>
                                                                <td width="80" class="sort-alpha identify-detail" style="width: 4%;text-align: center;"><h3>{{ riga.id }}</h3></td>
                                                                <td width="80" class="sort-alpha identify-detail" style="width: 8%; text-align: center;"><h3>{{ riga.pubblicato|localizeddate }}</h3></td>
                                                                <td width="80" class="sort-alpha identify-detail" style="width: 4%;text-align: center;"><h3>{{ riga.attiva }}</h3></td>
                                                                <td width="80" class="sort-alpha identify-detail" style="width: 30%;text-align: center;"><h3>{{ riga.titolo }}</h3></td>
                                                                <td width="80" class="sort-alpha identify-detail" style="width: 40%;text-align: center;"><h3>{{ riga.contenuto }}</h3></td>
                                                                <td width="50" class="text-center" style="min-width: 7%; text-align: center;"><a class="edit" href="{{ path('c4rgonews_edit', {'op': 'edit','id': riga.id}) }}"><i class="fa fa-pencil-square-o fa-2x"></i></a><br></td>
                                                                <td width="50" class="text-center" style="min-width: 7%; text-align: center;"><a class="del" href="#" onclick="javascript:confirmdel('{{ path('c4rgonews_edit', {'op': 'del','id': riga.id}) }}');"><i class="fa fa-trash fa-2x" style="color: red;"></i></a><br></td>
                                                            </tr>
                                                        {% endfor %}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </section>                                    
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}