{% extends "base.html" %}

{% block title %}Контрагенты{% endblock %}

{% block content %}
<h2>Добавление и список контрагентов</h2>
<div class='content-white'>
    <div class='btn yellow-btn docs-btn'>
        <a class="client add-client-link" href="{% url 'customer_clients_add' %}" title="Добавить контрагента">
            Добавить контрагента
        </a>
    </div>
    <div class="clear"></div>

        <table id="clients" class="list{% if not page.object_list %} hidden{% endif %}">
            <tr id='clients_header_row'>
                <th style="width: 46%">Контрагент</th>
                <th style="width: 18%">Контактное лицо</th>
                <th style="width: 14%">Телефон</th>
                <th style="width: 10%;">Редактировать</th>
                <th style="width: 8%;">Удалить?</th>
            </tr>

            {% for obj in page.object_list %}
                {% include "customer/clients/list_item.html" %}
            {% endfor %}
            <tr class='white_bg'>
                <td colspan='5'>
                {% include 'paginator.html' with url_list='customer_clients_list' %}
                </td>
            </tr>
        </table>

</div>
    {% endblock %}

{% block dialogs %}
    {% include "customer/clients/form.html" with form=client_form is_ajax="True" %}

    <form id="client-delete-form" action="" method="post" title="Удалить контрагента" data-dialog-btn-caption="Да, я уверен">
        {% csrf_token %}
        <div class="errors-layout"></div>
        <p>Вы уверены, что хотите удалить контрагента <span class='client'></span>?</p>
    </form>
{% endblock %}

{% block js %}
    <script src="{{ STATIC_URL }}js/client.commons.js"></script>
    <script src="{{ STATIC_URL }}js/client.list.js"></script>
    <script src="{{ STATIC_URL }}js/paginator.js"></script>

    <script src="{{ STATIC_URL }}js/lib/jquery.suggestions.min.js"></script>
    <script src="{{ STATIC_URL }}js/client/search-external-api.js"></script>

    {% include 'hbs/bank-tpl.html' %}

{% endblock %}