%(message)s

{{{ #!html

<script type="text/javascript">

  function getPrice(el) {
    return parseFloat(el.parentNode.previousSibling.previousSibling.firstChild.nodeValue.replace(/\s/g, ''));
  }

  function recalc(el) {
    var price = getPrice(el);
    var amountEl = el.nextSibling;
    if( !amountEl ) {
      amountEl = document.createTextNode('');
      el.parentNode.appendChild(amountEl);
    }
    amountEl.nodeValue = ' = ' + (price * el.value).toFixed(2).toString();
    updateTotals();
  }

  function updateTotals() {
    var formId = 'catalogue';
    var form = document.getElementById(formId);
    var totalAmount = 0;
    for(var i = 0; i < form.length; i++) {
      var el = form.elements[i];
      if( el.type == 'text' ) {
        totalAmount += getPrice(el) * el.value;
      }
    }
    var totalsEl = document.getElementById('totalAmount');
    if( totalsEl ) {
      totalsEl.firstChild.nodeValue = 'Итого: ' + totalAmount.toFixed(2).toString();
    }
  }

  function digitsOnly(evt) {
    var theEvent = evt || window.event;
    var key = theEvent.keyCode || theEvent.which;
    key = String.fromCharCode(key);
    var regex = /[0-9]/;
    if( !regex.test(key) ) {
      theEvent.returnValue = false;
      if(theEvent.preventDefault) 
        theEvent.preventDefault();
    }
  }

</script>

<style type="text/css">
  .store {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #aaaaaa;
    padding: 5px;
  }

  .nolink {
    border: 0;
  }

  .nolink:hover {
    background-color: transparent;
    border: 0;
  }

  .shopping-cart-input {
    width: 40px;
    padding: 3px 3px 3px 20px;
    text-align: right;
    background-image: url(/shopping_cart/mb-cart-96x96.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #aaaaaa;
  } 
</style>

<form id="catalogue" method="POST">
<input type="hidden" name="order_id" value="%(order_id)s"/>

<table class="store" style="width: 800px;">
<!-- tr>
 <td class="store">Продукт</td>
 <td class="store">Цена</td>
 <td class="store">Количество</td>
</tr -->
<tr>
 <td class="store" colspan="3" style="padding: 20px;" align="center"><a href="">Услуги мониторинга на платформе MonitorServer</a></td>
</tr>
<tr>
 <td class="store">Базовый тариф, 1 месяц</td>
 <td class="store" align="center">300 руб/мес<sup>1</sup></td>
 <td class="store"> &times; <input name="monitoring_basic" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store"> + учет топлива, 1 месяц</td>
 <td class="store" align="center">200 руб/мес<sup>1</sup></td>
 <td class="store"> &times; <input name="monitoring_fuel" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store"> + контроль рейсовой работы, 1 месяц</td>
 <td class="store" align="center">200 руб/мес<sup>1</sup></td>
 <td class="store"> &times; <input name="monitoring_routes" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store" colspan="3">
  <span style="font-size: 0.8em;"><sup>1</sup> при оплате за несколько месяцев предоставляются скидки</span>
 </td>
</tr>
<tr>
 <td class="store" colspan="3" style="padding: 20px;" align="center"><a href="/trac/wiki/MonitorServer">Программное обеспечение MonitorServer: базовый мониторинг + учет топлива</a><sup>1</sup></td>
</tr>
<tr>
 <td class="store">Лицензия на 10 объектов, неограниченная по времени</td>
 <td class="store" align="center">13 000 руб<sup>2</sup></td>
 <td class="store"> &times; <input name="monitorserver_10" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Лицензия на 50 объектов, неограниченная по времени</td>
 <td class="store" align="center">26 000 руб<sup>2</sup></td>
 <td class="store"> &times; <input name="monitorserver_50" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Лицензия на 100 объектов, неограниченная по времени</td>
 <td class="store" align="center">39 000 руб<sup>2</sup></td>
 <td class="store"> &times; <input name="monitorserver_100" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Лицензия на 200 объектов, неограниченная по времени</td>
 <td class="store" align="center">74 750 руб<sup>2</sup></td>
 <td class="store"> &times; <input name="monitorserver_200" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Лицензия на 200..2000 объектов, неограниченная по времени</td>
 <td class="store" colspan="2"><a href="email:sales@monitorserver.ru">По запросу</a></td>
</tr>
<tr>
 <td class="store" colspan="3">
  <span style="font-size: 0.8em;"><sup>1</sup> PostgreSQL версия поставляется только с вариантом технического сопровождения</span><br/>
  <span style="font-size: 0.8em;"><sup>2</sup> Действует партнерская программа для производителей/дистрибьюторов оборудования, системных интеграторов</span>
 </td>
</tr>
<tr>
 <td class="store" colspan="3" style="padding: 20px;" align="center"><a href="/trac/wiki/SupportOptions">Техническое сопровождение</a></td>
</tr>
<tr>
 <td class="store">Техническое сопровождение, годовая подписка</td>
 <td class="store" align="center">10 000 руб/год</td>
 <td class="store"> &times; <input name="subscription_10" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Техническая поддержка, годовая подписка</td>
 <td class="store" align="center">50 000 руб/год</td>
 <td class="store"> &times; <input name="subscription_50" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input> (Уровень SLA, 1-5)</td>
</tr>
<tr>
 <td class="store" colspan="3" style="padding: 20px;" align="center"><a href="/trac/wiki/SupportOptions">Оборудование для мониторинга</a></td>
</tr>
<tr>
 <td class="store">Бортовой модуль</td>
 <td class="store" colspan="2"><a href="email:sales@monitorserver.ru">По запросу</a></td>
</tr>
<tr>
 <td class="store">Датчик уровня топлива (ДУТ) ёмкостной OmniComm LLS</td>
 <td class="store" align="center">9 700 руб</td>
 <td class="store"> &times; <input name="subscription_10" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store" colspan="3" style="padding: 20px;" align="center"><a href="/trac/wiki/SupportOptions">Монтаж оборудования</a></td>
</tr>
<tr>
 <td class="store">Установка автомобильного трекера</td>
 <td class="store" align="center">1 000 руб</td>
 <td class="store"> &times; <input name="tracker_mounting" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Установка ДУТ</td>
 <td class="store" align="center">1 900 руб</td>
 <td class="store"> &times; <input name="fuelsensor_mounting" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Настройка и тарировка ДУТ/топливного бака</td>
 <td class="store" align="center">900 руб</td>
 <td class="store"> &times; <input name="fuelsensor_mounting" class="shopping-cart-input" 
  onkeyup="javascript:recalc(this)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td colspan="3" align="right">
  <span id="totalAmount">Итого: 0</span>
  <button style="padding: 10px 20px 10px 20px; margin: 10px; align: right;">Оформить заказ &rarr;</button>
 </td>
</tr>
</table>

</form>

}}}