{% extends 'base.html' %}
{% load thumbnail %}
{% block body %}
<div class="box span8">
    <div class="box-header well">
        <h2><i class="icon-arrow-down"></i>Поиск</h2>
    </div>
    <div class="box-content">
        <form method="get">
            <input id="find" type ='text' name = 'name' placeholder="Введите имя">
            <input id="find1" type ='text' name = 'city' placeholder="Город">
            <button type="submit" class="btn">Найти</button>
        </form>
    </div>

</div>

<div class="box span8">
    <div class="box-header well">
        <h2><i class="icon-arrow-down"></i>Список специалистов(переводчиков)</h2>
    </div>
    <div class="box-content">
    <table class="table table-hover">
        <thead>
            <tr>

              <th>Фото </th>
              <th>Имя</th>
              <th>Город</th>
              <th>Языки</th>
              <th>&nbsp;</th>
            </tr>
        </thead>
        <tbody>
          {% for item in object_list %}
			<tr>

              <td>
                {% thumbnail item.photo "100x100" crop="center" as im %}
                    <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
                {% endthumbnail %}</td>
			  <td>{{ item.name }}</td>
			  <td>{{ item.city.name }}</td>
			  <td>{{ item.languages }}</td>
              <td class="center sorting_1">
                  <a class="btn-small btn-info" href='{% url "specialist_edit" item.id %}'>
                   Изменить
                  </a>
              </td>

              <td>
                  <a class="btn-small btn-danger delete" href='{% url "specialist_delete" item.id %}'>
                  Удалить
                  </a>
              </td>
			</tr>
          {% endfor %}
        </tbody>
    </table>
    <a class="btn btn-success" href='{% url "specialist_new" %}'>
        <i class="icon-plus-sign icon-white"></i> Хочу еще  </a>
    </div>

    <div class="pagination pagination-centered">
    <ul>
        {% if page_obj.has_previous %}
        <li> <a href="?page={{ page_obj.previous_page_number }}">←</a></li>
        {% endif %}

        {% if page_obj.has_next %}
        <li><a href="?page={{ page_obj.next_page_number }}">→</a></li>
        {% endif %}
    </ul>
    </div>
</div>
{% endblock %}