{% extends request.is_ajax|yesno:'nullcont.htm,abonapp/ext.htm' %}
{% load i18n %}
{% block content %}

    <div class="row">
        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{% trans 'Change subscriber' %}</h3>
                </div>
                <div class="panel-body">
                    <form role="form" class="form-horizontal" action="{% url 'abonapp:abon_home' abon_group.pk abon.pk %}" method="post">{% csrf_token %}

                        <div class="form-group-sm">
                            <label for="id_username" class="col-sm-4 control-label">{% trans 'login' %}</label>
                            <div class="col-sm-8">
                                {{ form.username }}{{ form.username.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_fio" class="col-sm-4 control-label">{% trans 'fio' %}</label>
                            <div class="col-sm-8">
                                {{ form.fio }}{{ form.fio.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_telephone" class="col-sm-4 control-label">{% trans 'Telephone' %}</label>
                            <div class="col-sm-8">
                                {{ form.telephone }}{{ form.telephone.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_ip" class="col-sm-4 control-label">{% trans 'Ip Address' %}</label>
                            <div class="col-sm-8">
                                <input type="text" value="{{ ip|default:'' }}" class="form-control" name="ip" placeholder="{% trans 'Not assigned' %}" pattern="^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$"{% if abon.opt82 %} disabled{% endif %}/>
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_street" class="col-sm-4 control-label">{% trans 'Street' %}</label>

                            <div class="col-sm-8">
                                {{ form.street }}{{ form.street.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_house" class="col-sm-4 control-label">{% trans 'House' %}</label>

                            <div class="col-sm-8">
                                {{ form.house }}{{ form.house.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_is_active" class="col-sm-4 control-label">{% trans 'Is active' %}</label>
                            <div class="col-sm-8">
                                {{ form.is_active }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_group" class="col-sm-4 control-label">{% trans 'User group' %}</label>
                            <div class="col-sm-8">
                                {{ form.group }}{{ form.group.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_password" class="col-sm-4 control-label">{% trans 'Password' %}</label>
                            <div class="col-sm-8">
                                <div class="input-group input-group-sm">
                                    {{ form.password }}{{ form.password.errors }}
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-default" onmousedown="document.getElementById('id_password').type='text'" onmouseup="document.getElementById('id_password').type='password'">
                                            <span class="glyphicon glyphicon-eye-open"></span>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_description" class="col-sm-4 control-label">{% trans 'Comment' %}</label>
                            <div class="col-sm-8">
                                {{ form.description }}{{ form.description.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <div class="col-sm-offset-4 col-sm-8 btn-group btn-group-sm">
                                <button type="submit" class="btn btn-primary btn-sm">
                                    <span class="glyphicon glyphicon-floppy-disk"></span> {% trans 'Save' %}
                                </button>
                                <!--<a href="#" class="btn btn-default btn-sm" onclick="showPrimary('<h3>Надо ещё придумать чем будем абонентам отправлять оповещения</h3> Ну кроме смс');">
                                    <span class="glyphicon glyphicon-send"></span> {% trans 'Send account info to user' %}
                                </a>-->
                                {% if perms.taskapp.add_task %}
                                    <a href="{% url 'taskapp:add' %}?uid={{ abon.username }}" class="btn btn-sm btn-success" title="{% trans 'Add new task' %}">
                                        <span class="glyphicon glyphicon-plus"></span> {% trans 'Add new task' %}
                                    </a>
                                {% endif %}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <div class="col-sm-offset-4 col-sm-8 btn-group btn-group-sm">
                                {% if device %}
                                    <a href="{% url 'devapp:view' abon_group.pk device.pk %}" target="_blank" class="btn btn-sm btn-default" title="{{ device.ip_address }}">
                                        <span class="glyphicon glyphicon-hdd"></span> {{ device.comment|truncatechars:11 }} {{ device.ip_address }}
                                    </a>
                                    <a href="{% url 'abonapp:clear_dev' abon_group.pk abon.pk %}" class="btn btn-sm btn-danger">
                                        <span class="glyphicon glyphicon-remove-circle"></span> {% trans 'Remove clutch' %}
                                    </a>
                                {% else %}
                                    <a href="{% url 'abonapp:dev' abon_group.pk abon.pk %}" class="btn btn-success btn-sm btn-modal">
                                        <span class="glyphicon glyphicon-plus"></span> {% trans 'Add clutch' %}
                                    </a>
                                {% endif %}
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{% trans 'DHCP information' %}</h3>
                </div>
                <div class="panel-body">
                    <form role="form" class="form-horizontal" action="{% url 'abonapp:opt82' abon_group.pk abon.pk %}" method="post">{% csrf_token %}

                        <div class="form-group-sm">
                            <label for="id_ip" class="col-sm-2 control-label">{% trans 'Mac Address' %}</label>
                            <div class="col-sm-10">
                                {{ tech_form.mac }}{{ tech_form.mac.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <label for="id_ip" class="col-sm-2 control-label">{% trans 'Port' %}</label>
                            <div class="col-sm-10">
                                {{ tech_form.port }}{{ tech_form.port.errors }}
                            </div>
                        </div>

                        <div class="form-group-sm">
                            <div class="col-sm-offset-2 col-sm-10 btn-group btn-group-sm">
                                <button type="submit" class="btn btn-primary btn-sm">
                                    <span class="glyphicon glyphicon-floppy-disk"></span> {% trans 'Save' %}
                                </button>
                                <a href="{% url 'abonapp:opt82' abon_group.pk abon.pk %}?act=release" class="btn btn-danger btn-sm" title="{% trans 'Reset option82' %}">
                                    <span class="glyphicon glyphicon-trash"></span> {% trans 'Delete' %}
                                </a>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Доп поля</h3>
                </div>
                <div class="panel-body">
                    <form role="form" class="form-horizontal" action="#" method="post">{% csrf_token %}


                        <div class="form-group-sm">
                            <label for="id_ip" class="col-sm-2 control-label">{% trans 'Ip Address' %}</label>
                            <div class="col-sm-10">
                                <input type="text" value="{{ ip|default:'' }}" class="form-control" name="ip" placeholder="192.168.0.101" pattern="^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$"/>
                            </div>
                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>

{% endblock %}