{% extends "::admin.html.twig" %}

{% block title %}Опросы{% endblock %}

{% block body %}
<div class="admin-add-new">
    <a href="{{ add_link }}">
        Добавить опрос
    </a>
</div>
<table class="admin-table" cellspacing="0" cellpadding="5" width="100%">
    <tr>
        <th align="left" valign="top" width="0%" nowrap="nowrap">
            ID
        </th>
        <th align="left" valign="top" width="30%" nowrap="nowrap">
            Название
        </th>
        <th align="left" valign="top" width="20%" nowrap="nowrap">
            Варианты ответа
        </th>
        <th align="left" valign="top" width="10%" nowrap="nowrap">
            Код вставки
        </th>
        <th align="left" valign="top" width="10%" nowrap="nowrap">
            Время начала
        </th>
        <th align="left" valign="top" width="10%" nowrap="nowrap">
            Время окончания
        </th>   
        <th align="left" valign="top" width="0%" nowrap="nowrap">
            Активный
        </th>        
        <th align="left" valign="top" width="20%" nowrap="nowrap">
            Действия
        </th>
    </tr>
    {% for item in data %}
    <tr id="row{{ item.id }}" itemid="{{ item.id }}" class="admin-table-data-row">
        <td align="left" valign="top">
            {{ item.id }}
        </td>
        <td align="left" valign="top">
            {{ item.title }}
        </td>
        <td align="left" valign="top">
            <a href="{{ item.variants_link }}">{{ item.variants }}</a>
        </td>
        <td align="left" valign="top">
            [poll]{{ item.id }}[/poll]
        </td>
        <td align="left" valign="top">
            {{ item.time_begin }}
        </td>
        <td align="left" valign="top">
            {{ item.time_end }}
        </td>
        <td align="left" valign="top">
            {{ item.active }}
        </td>
        <td align="left" valign="top">
            <a href="javascript:rearrange_up({{ item.id }})" title="Вверх"><img src="{{ asset('images/admin/up.gif') }}" alt="Вверх" border="0" /></a>
            <a href="javascript:rearrange_down({{ item.id }})" title="Вниз"><img src="{{ asset('images/admin/down.gif') }}" alt="Вниз" border="0" /></a>
            <a href="{{ item.variants_link }}" title="Показать варианты"><img src="{{ asset('images/admin/list.gif') }}" alt="Показать варианты" border="0" /></a>
            <a href="{{ item.log_link }}" title="Журнал голосов"><img src="{{ asset('images/admin/log.gif') }}" alt="Журнал голосов" border="0" /></a>
            <a href="{{ item.results_link }}" target="_blank" title="Результаты опроса"><img src="{{ asset('images/admin/graph.gif') }}" alt="Результаты опроса" border="0" /></a>
            <a href="{{ item.edit_link }}" title="Редактировать"><img src="{{ asset('images/admin/edit.png') }}" alt="Редактировать" border="0" /></a>
            <a href="javascript:delete_item('{{ item.delete_link }}', '{{ item.title }}')" title="Удалить"><img src="{{ asset('images/admin/drop.png') }}" alt="Удалить" border="0" /></a>            
        </td>
    </tr>
    {% else %}            
    <tr>
        <td align="left" valign="top" colspan="10">
            Нет опросов
        </td>
    </tr>
    {% endfor %}        
</table>
                
<div id="dialog-confirm" title="Подтверждение удаления" style="display: none;">
  <p>
    <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
    <span id="dialog-confirm-message">Вы действительно хотите удалить опрос "{title}"?</span>
  </p>
</div>

<script type="text/javascript">
function rearrange_up(id) {
    $('#row'+id).insertBefore($('#row'+id).prev());    
    //$('#rearrange-confirm').css('display', '');
    //alert('chp 1');
    rearrange_synch();    
}
function rearrange_down(id) {
    $('#row'+id).insertAfter($('#row'+id).next());
    //$('#rearrange-confirm').css('display', '');
    rearrange_synch();
}
function rearrange_synch() {
    post = {'ids':[]};
    $('.admin-table-data-row').each(function(){
        post['ids'].push($(this).attr('itemid'));        
    });
    $.ajax({
        url: '{{rearrange_action}}',
        type: "POST",
        data: post,
        dataType: 'json'
    }).done(function( response ) {
        if (response['status'] == undefined) {
            rearrange_synch();
        }
    });
}
function delete_item(link, title) {
    $('#dialog-confirm-message').html('Вы действительно хотите удалить опрос "'+title+'"?');
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height: 240,
      modal: true,
      buttons: {
        "Удалить": function() {
          window.location = link;
          $( this ).dialog( "close" );
        },
        "Отмена": function() {
          $( this ).dialog( "close" );
        }
      }
    });
}
/*
$(function() {
$( "#dialog-confirm" ).dialog({
  resizable: false,
  height: 240,
  modal: true,
  buttons: {
    "Удалить": function() {
      $( this ).dialog( "close" );
    },
    "Отмена": function() {
      $( this ).dialog( "close" );
    }
  }
});
});
*/
</script>

{% endblock %}
