%(message)s

{{{ #!html

<script type="text/javascript">

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

  function recalc(evt) {
    var el = evt.currentTarget;
    var price = getPrice(el);
    var amountDiv = el.nextSibling;
    if( amountDiv ) {
      var amountText = amountDiv.firstChild;
    }
    else {
      amountDiv = document.createElement('span');
      amountDiv.style.color = '#aaaaaa';
      el.parentNode.appendChild(amountDiv);
      var amountText = document.createTextNode('');
      amountDiv.appendChild(amountText);
    }
    amountText.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: 2px 2px 2px 20px;
    text-align: right;
    // background-image: url(/shopping_cart/mb-cart-96x96.png);
    // background-image: url(/shopping_cart/baroquon_Shopping_Cart.png);
    background-image: url(/shopping_cart/cart_16x15.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" align="center">Продукт</td>
 <td class="store" align="center">Цена</td>
 <td class="store" align="center">Количество</td>
</tr>
<tr>
 <td class="store" colspan="3" style="padding: 20px;" align="center"><a href="">Услуги мониторинга на платформе MonitorServer</a> (<a href="">Договор-оферта</a>)<br/>(<a href="http://rsoc.ru/communication/register/license/?id=97250">лицензия</a> на предоставление телематических услуг связи №97250 от 15 марта 2012 г)</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(event)"
  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" style="width: 200px;"> &times; <input name="monitoring_fuel" class="shopping-cart-input" 
  onkeyup="javascript:recalc(event)"
  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(event)"
  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 для установки на собственных вычислительных ресурсах.<br/>Базовый мониторинг + модуль учета топлива (неисключительное право)</a><sup>1</sup> (<a href="">Договор-оферта</a>)</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(event)"
  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(event)"
  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(event)"
  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(event)"
  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> (<a href="">Договор-оферта</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(event)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Техническая поддержка (уровень SLA 1..5), годовая подписка</td>
 <td class="store" colspan="2"><a href="email:sales@monitorserver.ru">По запросу</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" colspan="3" style="padding: 20px;" align="center"><a href="/trac/wiki/SupportedHardware">Оборудование для мониторинга</a></td>
</tr>
<tr>
 <td class="store">Бортовой модуль GPS</td>
 <td class="store" colspan="2"><a href="email:sales@monitorserver.ru">По запросу</a><br/>(подбирается под задачи заказчика)</td>
</tr>
<tr>
 <td class="store">Бортовой модуль GPS/ГЛОНАСС</td>
 <td class="store" colspan="2"><a href="email:sales@monitorserver.ru">По запросу</a><br/>(подбирается под задачи заказчика)</td>
</tr>
<tr>
 <td class="store">Датчик уровня топлива (ДУТ) ёмкостной OmniComm LLS</td>
 <td class="store" align="center">9 700 руб</td>
 <td class="store"> &times; <input name="fuel_level_meter" class="shopping-cart-input" 
  onkeyup="javascript:recalc(event)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store" colspan="3" style="padding: 20px;" align="center"><a href="">Монтаж оборудования</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(event)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Установка ДУТ</td>
 <td class="store" align="center">2 000 руб</td>
 <td class="store"> &times; <input name="fuelsensor_mounting" class="shopping-cart-input" 
  onkeyup="javascript:recalc(event)"
  onkeypress="javascript:digitsOnly(event)"></input></td>
</tr>
<tr>
 <td class="store">Настройка и тарировка ДУТ/топливного бака</td>
 <td class="store" align="center">1 000 руб</td>
 <td class="store"> &times; <input name="fuelsensor_setup" class="shopping-cart-input" 
  onkeyup="javascript:recalc(event)"
  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>

}}}