{% 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%">
            ID
        </th>
        <th align="left" valign="top" width="50%">
            Изображение
        </th>
        <th align="left" valign="top" width="30%">
            Комментарий
        </th>
        <th align="left" valign="top" width="20%">
            Коды вставки
        </th>
        <th align="left" valign="top" width="0%">
            Действия
        </th>
    </tr>
    {% for item in data %}
    <tr>
        <td align="left" valign="top">
            {{ item.id }}
        </td>
        <td align="left" valign="top">
            {{ item.image|raw }}
        </td>
        <td align="left" valign="top">
            {{ item.description }}
        </td>
        <td align="left" valign="top">
            {{ item.code|raw }}
        </td>
        <td align="left" valign="top">
            <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.id }}')" title="Удалить"><img src="{{ asset('images/admin/drop.png') }}" alt="Удалить" border="0" /></a>            
        </td>
    </tr>
    {% else %}            
    <tr>
        <td align="left" valign="top" colspan="6">
            Нет изображений
        </td>
    </tr>
    {% endfor %}        
</table>

{{ pager|raw }}

<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">Вы действительно хотите удалить изображение ID:{id}?</span>
  </p>
</div>

<script>
function delete_item(link, id) {
    $('#dialog-confirm-message').html('Вы действительно хотите удалить изображение ID:"'+id+'"?');
    $( "#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 %}
