Написал инструкцию пользования разделом услуги личного кабинета

clientsideapp/templates/clientsideapp/services.html

@@ -4,14 +4,14 @@
     <div class="page-header">
         <h3>Управление услугами</h3>
         {% if current_service %}
-            <p>Ваша текущая услуга <a href="#dv">{{ current_service.tariff.title }}</a>
+            <p>Ваша текущая услуга <b>{{ current_service.tariff.title }}</b>
                 за <b>{{ current_service.tariff.amount }}</b> руб.</p>
         {% else %}
             <p>У вас нет активной услуги, для использования ресурсов приобретите нужную услугу из представленных
                 ниже.<br>
-                А если уже заказали то просто активируйте услугу из списка заказанных.</p>
+                А если уже заказали, то просто активируйте услугу из списка заказанных.</p>
         {% endif %}
-    </div>
+
         <div class="container">
             <div class="row">
                 <div class="col-lg-4">
@@ -39,13 +39,11 @@
                                     {% endif %}
                                 </div>
                                 <span class="badge">{{ abon_tariff.tariff.amount }}</span>
-                            <a href="#sdv">
                                 {% if abon_tariff.is_started %}
                                     <b>{{ abon_tariff.tariff.title }}</b>
                                 {% else %}
                                     {{ abon_tariff.tariff.title }}
                                 {% endif %}
-                            </a>
                             </li>
                         {% empty %}
                             <li class="list-group-item">У вас нет заказанных услуг</li>
@@ -62,10 +60,6 @@
 
                                     <p>{{ tarif.descr }}</p>
 
-                                <!--<p>Входящая скорость: {{ tarif.speedIn }} MBit/s<br>
-					Исходящая скорость: {{ tarif.speedOut }} MBit/s<br>-->
-				    Стоимость: {{ tarif.amount }} руб.</p>
-
                                     {% if request.user.is_staff %}
                                         <a href="#" class="btn btn-primary disabled">
                                     {% else %}
@@ -84,5 +78,27 @@
                 </div>
             </div>
         </div>
+    </div>
+
+    <div class="row">
+        <div class="col-sm-12">
+            <div class="panel panel-info">
+                <div class="panel-heading">
+                    <span class="glyphicon glyphicon-info-sign"></span>
+                    Как работает личный кабинет, раздел услуг
+                </div>
+                <div class="panel-body">
+                    <p>Перед вами список ваших текущих (подключённых) услуг под надписью "<b>Ваши текущие услуги</b>", и список доступных для подключения услуг справа.
+                    Когда у вас нет текущих услуг, то внизу в рамочке вы видите надпись "<b>У вас нет заказанных услуг</b>". Чтобы заказать новую услугу, вам надо нажать на кнопку "<b>Заказать</b>" справа
+                    в разделе доступных услуг. Когда вы заказываете услугу, то видите диалог в котором вам поясняется какую услугу вы подключаете и сколько денег спишется с вашего счёта.</p>
+                    <p>Когда у вас уже есть подключённая услуга и вы заказываете новую услугу, то она встаёт в очередь подключений, деньги в этот момент не снимаются. По истечению текущей услуги в конце месяца вам автоматически подключится услуга
+                    из очереди. Услуга не может быть подключена если на счету не достаточно средств.</p>
+                    <p>Когда вы хотите досрочно завершить услугу, то можете нажать на красный крестик восле вашей активной услуги, в этот момент вам показывается диалог, в котором указываются подробности операции. Вы должны подтвердить действие
+                    нажатием кнопки <b>Завершить</b>. Внимательно прочитайте предупреждение в диалоге, так как там вы увидите что будет с вашими средствами. Если вы нажимаете красный крестик возле услуги которая ещё не стала активной, то она просто
+                    уберётся из очереди на подключение, и ваши средства никак не затронутся.</p>
+                </div>
+            </div>
+        </div>
+    </div>
 
 {% endblock %}