{% extends "admin/eventos/empresas/show.html.twig" %}

{% block actionsBottom %}
    <a href="{{ path('admin_evento_agenda_fecha_items_show', 
        { 
            id: entity.id, 
            agendaId: agenda.id, 
            fechaId: fecha.id
        }) }}" class="btn btn-primary">Volver al listado</a> 
    
    <a href="{{ path('admin_evento_agenda_fecha_items_edit', 
        { 
            id: entity.id, 
            agendaId: agenda.id, 
            fechaId: fecha.id, 
            itemId: item.id
        }) }}" class="btn btn-primary">Editar item</a>

{% endblock %}

{% block desvincularFormAction %}
{{ path('admin_evento_agenda_fecha_items_empresas_desvincular', {
    id: entity.id, 
    agendaId: agenda.id, 
    fechaId: fecha.id, 
    itemId: item.id, 
    empresaId: itemAsignado.empresa.id
}) }}
{% endblock %}

{% block titleAsignados %}Sponsor seleccionado{% endblock %}

{% block javascripts %}
    {{ parent() }}

    {% block scriptSection %}
    <script type="text/javascript">
        var rol = {{ rol }},
        	itemId = {{ item.id }},
    		agendaId = {{ agenda.id }}, 
    		fechaId = {{ fecha.id }},
            eventoId = {{ entity.id }},
            cantSponsors = {{ cantSponsors }};

        $('body').on('submit', '#busqueda-form', function (ev) {
            ev.preventDefault();
            $.post( 
                '{{ path("admin_empresas_buscar") }}',
                {
                    busqueda: $('#busqueda-form input').val()
                }, 
                function( response ) {
                    var data = $('<div />'), form, $tr;
                    if (response.length) {
                        for (var i = 0; i < response.length; i++) {
                            $tr = $('<tr />');
                            $tr.append($('<td />').text(response[i].nombre));
                            
                            if (cantSponsors > 0) {
                                form = '';
                            } else {
                                form = '<form action="/admin/evento/' +
                                	eventoId + '/agenda/' +
                                	agendaId + '/fecha/' + fechaId + '/items/' + 
                                	itemId + '/empresa/' + response[i].id + '/vincular">';
                                form += '<button class="btn btn-default btn-xs" type="submit">Vincular</button>';
                                form += '</form>';
                            }
                            
                            $tr.append($('<td />').html(form));

                            data.append($tr);
                        }
                    } else {
                        $tr = $('<tr />');
                        $tr.append(
                            $('<td />').prop('colspan', 2).text('No hay coincidencias')
                        );
                        data.append($tr);
                    }

                    $('#resultados').show().find('tbody').html(data.html());   
                }
            );
        });

        $( function() {
            $( "#sortable" ).sortable({
                stop: function( event, ui ) {
                    setTimeout(function() {
                    var trEmpresas = $('tr.item'), 
                        itemEmpresas = [], idEmpresa;
                    
                    for (var i = 0; i < trEmpresas.length; i++) {
                        idEmpresa = $(trEmpresas[i]).data('idempresa');
                        if (idEmpresa === undefined) {
                            continue;
                        }
                        itemEmpresas.push(
                            {
                                idEmpresa: idEmpresa,
                                idItem: itemId,
                            }
                        );
                    }
                    
                    $.post( 
                        '{{ path("admin_evento_agenda_fecha_items_empresas_ordenar", {id:entity.id, agendaId: agenda.id, fechaId: fecha.id, itemId: item.id }) }}',
                        {
                            itemEmpresas: itemEmpresas
                        }, 
                        function( response ) {

                        }
                    );
                    }, 500);
                }
            });
            $( "#sortable" ).disableSelection();
        } );
    </script>
    {% endblock %}

{% endblock %}