{% 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="col-md-12">
                        <section class="tile transparent" id="id-search-block" style="margin-top: 55px;">
                            <!-- tile widget -->
                            <div class="tile-widget color transparent-black rounded-top-corners">
                                <div class="block-menu-filter menu-start">
                                    <div class="btn-group btn-w100" style="padding-right: 20px; width: unset; display: inline-block;">
                                        <a href="{{ path('managment_pannel_page') }}">
                                            <h1>
                                                <i class="fa fa-briefcase"></i>
                                                {{ 'Management'|trans }}
                                            </h1>
                                        </a>
                                    </div>

                                </div>
                                <div class="block-menu-filter menu-center">
                                    <div class="btn-group btn-w100">
                                    </div>
                                </div>
                                <div class="block-menu-filter menu-end">
                                    <div class="btn-group">
                                        <a class="on-close-btn" href="javascript:window.history.back();" title="Back"><div class="user-close"><i class="fas fa-chevron-circle-left"></i></div></a>
                                    </div>
                                </div>
                            </div>

                        </section>
                    </div>   
                    <div class="main">        



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

                                    <div class="col-md-2" >
                                        <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>
                                            <section class="tile color transparent-black text-center">
                                                <div class="tile-header" id="news-box">
                                                    <span>
                                                        <div id="carousel-sec" class="carousel slide" data-ride="carousel">
                                                            <!-- Indicators -->
                                                            <div class="obj-icona"><font color="#6699ff"><i class="fas fa-microphone-alt fa-3x" aria-hidden="true"></i></font></div>
                                                            <ol class="carousel-indicators">
                                                                {% for img in elenco %}
                                                                    {% set num = loop.index %}
                                                                    <li data-target="#carousel-sec" data-slide-to="{{ num }}" class="{% if num >= 4 %} pesata-multipla {% endif %} {% if num == 0 %}active{% endif %}"></li>
                                                                    {% endfor %}        
                                                            </ol>

                                                            <!-- Wrapper for slides -->
                                                            <div class="carousel-inner carousel-selected">
                                                                {% for newsrow in elenco %}
                                                                    <div class="item {% if (loop.index == 1) %}active{% endif %} " style="text-align: left;">
                                                                        <div class="news-corousel">
                                                                            <span>{{ newsrow.pubblicato|date('d/m/Y H:i') }}</span><br /><a href="#">{{ newsrow.titolo }}</a><br />{{ newsrow.contenuto }}
                                                                        </div>
                                                                    </div>
                                                                {% endfor %}        
                                                            </div>

                                                            <!-- Controls -->
                                                            <a class="left carousel-control" href="#carousel-sec" data-slide="prev">
                                                                <i class="fa fa-chevron-left fa-lg left-side"></i>
                                                            </a>
                                                            <a class="right carousel-control" href="#carousel-sec" data-slide="next">
                                                                <i class="fa fa-chevron-right fa-lg right-side"></i>
                                                            </a>
                                                        </div>                                                      
                                                    </span>
                                                </div>
                                            </section>
                                        </section>
                                    </div>


                            <!-- 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>
                                        <div class="col-md-12">
                                            {% if form != null %}
                                                {{ form(form) }}
                                            {% endif %}
                                        </div>
                                    </section>
                              
                       
                                    <div class="col-md-12">
                                        <a class="useradd-btn" style="margin: 10px;" href="{{ path('c4rgonews_view', {'op': 'new'}) }}" title="{{ 'Add new row'|trans }}"><div class="user-add"><i class="fas fa-plus-circle"></i></div></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><br><br>{{ 'Titolo'|trans }}</h3></th>
                                                            <th width="80" class="sort-numeric" style="min-width:40%; text-align: center;"><h3><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>                                    
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}