extends base html load common_extras block addon block addon_extra end

{% extends 'base.html' %}
{% load common_extras %}

{% block addon %}

{% block addon_extra %}
{% endblock %}

<div class="round-box info">
    <div class="top-left">
    <div class="top-right">
    <div class="bottom-left">
    <div class="bottom-right">
        <p>Старт компании: {{ compaign.start }}</p>
        <p>Менеджеры кампании:</p>
        {% for manager in compaign.managers.all %}
        <p>{% link manager %}</p>
        {% endfor %}
        <p>Город: {{ task.city }}</p>
        <p>Тип: {{ task.format }}</p>
        <p>Найдено мест: {{ task.done_places }} (из {{ task.need_places }})</p>
        <p>Выполнено: {{ task.done_ratio }}%

        </div>
    </div>
    </div>
    </div>
    </div>
</div>
{% endblock %}


{% block menu %}
    <li><div class="left"><div class="right">
        <a href="{% url cmanager.views.dashboard %}">Начало</a>
    </div></div></li>
    <li><div class="left"><div class="right">
        <a href="{% url cmanager.views.compaign compaign.id %}">{{ compaign.client }} &laquo;{{ compaign }}&raquo;</a>
    </div></div></li>
    <li class="select"><div class="left"><div class="right">
        <a href="{% url cmanager.views.places task.id,"new" %}">{{ task }}</a>
    </div></div></li>
{% endblock %}


{% block content %}
<!-- TODO: replace string statuses with TYPES constants -->
<div class="tabs-menu">
    <ul>
        <li {% ifequal "client" status %}class="select"{% endifequal %}><a href="{% url cmanager.views.places task.id,"client" %}">Ждут вас
            ({{ task.taskplaces.status_client.count }})</a></li>
        <li {% ifequal "client_yes" status %}class="select"{% endifequal %}><a href="{% url cmanager.views.places task.id,"client_yes" %}">Клиент: yes
            ({{ task.taskplaces.status_client_yes.count }})</a></li>
        <li {% ifequal "client_no" status %}class="select"{% endifequal %}><a href="{% url cmanager.views.places task.id,"client_no" %}">Клиент: no
            ({{ task.taskplaces.status_client_no.count }})</a></li>
        <li {% ifequal "client_bl" status %}class="select"{% endifequal %}><a href="{% url cmanager.views.places task.id,"client_bl" %}">Client: bl
            ({{ task.taskplaces.status_client_bl.count }})</a></li>
        <li {% ifequal "ok" status %}class="select"{% endifequal %}><a href="{% url cmanager.views.places task.id,"ok" %}">Готовы
            ({{ task.taskplaces.status_ok.count }})</a></li>
    </ul>
</div>

<form method="post" id="places_form">
    <input type="hidden" name="backurl" id="backurl" />

<table class="task">
    <tr class="top">
        <th class="corner left"></th>
        <th></th>
        <th>Адрес</th>
        <th>Поставщик</th>
        <th>Статус</th>
        <th class="corner right"></th>
    </tr>
    <tr class="control">
        <td class="corner left"/></td>
        <td colspan="4">
            <label for="all">
                <input id="check_all" type="checkbox" onclick="return toggle_all('taskplace_id')" />
                Выделить все
            </label>
            <ul>
                <li class="name">Выделенные:</li>
                <!-- in this block links for current type of tag are places -->
                <!-- for example, for new places here will be "send client" and "delete" links -->
                {% block places_content_top %}
                {% endblock %}
            </ul>
        </td>
        <td class="corner right"/></td>
    </tr>
{% for taskplace in taskplaces %}
    <tr>
        <td class="corner left"/></td>
        <td><input type="checkbox" name="taskplace_id" value="{{ taskplace.id }}"/></td>
        <td>{{ taskplace.place.address }}</td>
        <td>{{ taskplace.place.supplier }}</td>
        <td>
            <div class="selected-{{ taskplace.id }}" style="display: {% if taskplace.substatus %}block{% else %}none{% endif %}" />
                <a class="status-link selected-status-link" href="#" onclick="return set_status('', {{ taskplace.id }})" />{{ taskplace.substatus }}</a>
            </div>
            <div class="unselected-{{ taskplace.id }}" style="display: {% if taskplace.substatus %}none{% else %}block{% endif %}">
                <a class="status-link" href="#" onclick="return set_status('{{ TYPES.CLIENT_YES }}', {{ taskplace.id }})" />да</a>
                <a class="status-link" href="#" onclick="return set_status('{{ TYPES.CLIENT_NO }}', {{ taskplace.id }})" />нет</a>
                <a class="status-link" href="#" onclick="return set_status('{{ TYPES.CLIENT_BL }}', {{ taskplace.id }})" />скрыть</a>
            </div>
        </td>
        <td class="corner right"/></td>
    </tr>
{% endfor %}
<tr class="bottom control">
    <td class="corner left"/></td>
    <td colspan="4">
        <label for="all">
            <input id="check_all" type="checkbox" onclick="return toggle_all('taskplace_id')" />
            Выделить все
        </label>
        <ul>
            <li class="name">Выделенные:</li>
            <!-- in this block links for current type of tag are places -->
            <!-- for example, for new places here will be "send client" and "delete" links -->
            {% block places_content %}
            {% endblock %}
        </ul>
    </td>
    <td class="corner right"/></td>
</tr>
</table>
<script type="text/javascript">
function set_status_checked(substatus) {
    var ids = [];
    jQuery('input[@name="taskplace_id"]').each(function() {
        if (jQuery(this).attr('checked')) {
            ids[ids.length] = jQuery(this).val();
        }
    })
    set_status(substatus, ids);
}

function set_status(substatus, taskplace_id) {
    uri = '{% url cmanager.views.set_substatus task.id %}';

    var errorCallback = function(req, error) {
        alert(error);
    }
    jQuery.ajaxSetup({dataType: 'json', error: errorCallback})
        
    var successCallback = function(data) {
        if (data.error) {
            alert(data.error);
        } else {
            if ('object' != typeof(taskplace_id)) {
                taskplace_id = [taskplace_id];
            }

            for(var i = 0; i < taskplace_id.length; i++) {
                var id = taskplace_id[i];
                if (!substatus) {
                    jQuery('.selected-' + id).hide();
                    jQuery('.unselected-' + id).show();
                } else {
                    jQuery('.selected-' + id).show();
                    jQuery('.unselected-' + id).hide();
                    jQuery('.selected-' + id + ' a').text(
                        get_status_text(substatus));
                }
            }
        }
    }

    jQuery.post(uri, {taskplace_id: taskplace_id, substatus: substatus},
                successCallback);
    return false;
}

function get_status_text(status) {
    if (status == '{{ TYPES.CLIENT_YES }}') {
        return 'да';
    } else if (status == '{{ TYPES.CLIENT_NO }}') {
        return 'нет';
    } else if (status == '{{ TYPES.CLIENT_BL }}') {
        return 'скрыть';
    } else {
        return 'unknown';
    }
}

jQuery('.selected-status-link').each(function() {
    var text = jQuery(this).text();
    jQuery(this).text(get_status_text(text));
})
</script>

</form>

{% pagination %}

</ul>
{% endblock %}