{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Websites{% endblock %}
{% block sectionActions %}
    {% if groupConfig.isAvailableMultiWebsite == true %}
        <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('website_setup',{'id': 0}) }}"><i class="icon-plus2 position-left"></i>Nueva website</a>
    {% endif %}
{% endblock %}
{% block breadcrumbLinks %}
    <li class="active">Websites</li>
{% endblock %}


{% block content %}
    <div class="panel-flat">

        <div class="panel-body">

            <div class="panel panel-flat">
                <div class="panel-heading" id="orders_founded">
                    <h6 class="panel-title" style="margin-bottom: 0px;">{{ websites | length }} WEBSITES ENCONTRADAS</h6>
                    <span id="dataTable_info"></span>
                </div>

                <div class="panel-body">

                    <div id="DataTables_Table_0_website_wrapper" class="dataTables_wrapper no-footer">
                        <div class="datatable-scroll table-responsive">
                            <table class="table datatable-basic dataTable no-footer" id="DataTables_Table_0_website" role="grid"
                                   aria-describedby="DataTables_Table_0_website_info">

                                <thead>
                                <tr role="row">
                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0_website" rowspan="1" colspan="1" style="width: 15%">
                                        ¿ Es principal ?
                                    </th>

                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0_website" rowspan="1" colspan="1">
                                        Nombre
                                    </th>

                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0_website" rowspan="1" colspan="1">
                                        URL
                                    </th>

                                    <th class="sorting text-center" tabindex="0" aria-controls="DataTables_Table_0_website" rowspan="1" colspan="1">
                                        Estado
                                    </th>


                                </tr>
                                </thead>

                                <tbody>

                                {% for obj in websites %}

                                    <tr role="row" class="odd">
                                        <td>
                                            {% if obj.isMainWebsite %}
                                                <input type="radio" name="mainWebsite" value="{{ obj.id }}" checked>
                                            {% else %}
                                                <input type="radio" name="mainWebsite" value="{{ obj.id }}" onclick="setupLikeMain('{{ obj.id }}')">
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if obj.websiteTitle() != "" %}
                                                <a href="{{ path('website_menu',{'id':obj.getId}) }}">{{ obj.websiteTitle() }}</a>
                                            {% else %}
                                                <a href="{{ path('website_menu',{'id':obj.getId}) }}"> Web de prueba</a>
                                            {% endif %}
                                        </td>
                                        <td>{{ obj.getUrl() }}</td>
                                        <td class="text-center">{{ obj.getTypeStatus() }}</td>
                                    </tr>

                                {% endfor %}

                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>

            </div>

        </div>
    </div>

{% endblock %}

{% block script %}
    <script>

        $(document).ready(function(){

            var table = $('#DataTables_Table_0_website').DataTable({
                retrieve: true,
                "bPaginate": false
            });

        });

        //SETUP THIS SEASON LIKE ACTUAL
        function setupLikeMain(websiteId){
            var path = Routing.generate('set_main_website', {'websiteId' : websiteId });

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

    </script>
{% endblock %}