{% extends '@Core/base.html.twig' %}
{% block sidebar %}
    {% render controller('CoreBundle:Default:sidebarConfiguration') %}
{% endblock %}
{% block sectionTitle %}Temporadas{% endblock %}
{% block sectionActions %}
    <a class="btn bg-danger-800 btn-rounded" onclick="removeDefaultSeason()" style="margin-left: 10px; margin-right: 10px"><i class="glyphicon glyphicon-trash position-left" id="remove_default_season"></i>No marcar ninguna temporada por defecto</a>
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('season',{'id':0}) }}"><i class="icon-plus2 position-left"></i>Crear</a>
{% endblock %}
{% block breadcrumbLinks %}
    <li class="active">Temporadas</li>
{% endblock %}
{% block content %}


    <div class="panel-body">
        <div class="panel panel-flat">

    <div class="panel-body">


                <table class="table datatable-basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">

                    <thead>
                    <tr role="row">
                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Actual</th>
                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Imagen</th>
                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Nombre</th>
                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Alias</th>
                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">Inicio</th>
                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >Fin</th>
                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >Categoría</th>
                    </thead>

                    <tbody>

                    {% for obj in elements %}

                        <tr role="row" class="odd">
                            <td>
                                {% if obj.isActual %}
                                    <input type="radio" name="actualSeason" value="{{ obj.id }}" checked>
                                {% else %}
                                    <input type="radio" name="actualSeason" value="{{ obj.id }}" onclick="setupLikeActual('{{ obj.id }}')">
                                {% endif %}
                            </td>
                            <td class=""><img src="{{obj.getWebPath | imagine_filter('list')}}"/></td>
                            <td><a href="{{ path('season',{'id':obj.getId}) }}">{{ obj.getName() }}</a></td>
                            <td>{{ obj.getAlias() }}</td>
                            <td>{% if obj.getDateStart %}{{ obj.getDateStart | date("d/m/Y") }}{% endif %}</td>
                            <td>{% if obj.getDateEnd %}{{ obj.getDateEnd | date("d/m/Y") }}{% endif %}</td>
                            <td>{{ obj.getCategory}}</td>

                        </tr>

                    {% endfor %}

                    </tbody>
                </table>
            </div>



    </div>
    </div>


    <script>

        //SETUP THIS SEASON LIKE ACTUAL
        function setupLikeActual(seasonId){
            var path = Routing.generate('set_default_season', {'seasonId' : seasonId });

            $.get(path, function (result) {
                window.location.reload();
            }).fail(function (err) {
                console.log(err.responseText);
            });
        }

        //REMOVE SEASON DEFAULT SELECTED
        function removeDefaultSeason() {
            var path = Routing.generate('remove_default_season');

            $('#remove_default_season').removeClass('glyphicon glyphicon-trash').addClass('icon-spinner spinner');

            $.get(path).done(function(result){
                window.location.href = '{{ path('seasons') }}';
            }).fail(function(err) {
                console.log(err.responseText);
            });
        }

    </script>



{% endblock%}