{% extends "base.html" %}
{% load cms_tags static %}

{% block title %}Главная{% endblock %}

{% block bg %}
<div id="bg-index">&nbsp;</div>
<div id="bg-index-promo">&nbsp;</div>
{% endblock %}

{% block content %}

<div class='index-banner-text'>
    {% placeholder "content" %}
    {% if not user.is_authenticated %}
        <div class="index-banner-btn">
            <p>Подключите бесплатный пробный период на 45 дней
            без ограничений функциональности сервиса!</p>
            <a class="index-register" href="{% url 'myauth_register' %}">Попробовать бесплатно</a>
        </div>
    {% endif %}
</div>
<div class="index-promo">
    <div class="index-promo-text">
        <div class='round round1'>
        </div>
        <div class='left text'>
            <h2>Регистрируетесь</h2>
            <p>Укажите свои реквизиты 1 раз и они будут автоматически вставляться в ваши документы</p>
        </div>
    </div>
    <div class="index-promo-text">
        <div class='round round2'>
        </div>
        <div class='left text'>
            <h2>Создаёте</h2>
            <p>Добавьте в систему своих контрагентов и сможете делать им все документы за секунды</p>
        </div>
    </div>
    <div class="index-promo-text">
        <div class='round round3'>
        </div>
        <div class='left text'>
            <h2>Получаете</h2>
            <p>Удобное хранение и контроль всех документов здесь, или можете скачать их к себе</p>
        </div>
    </div>
</div>

<div class="clear"></div>
{% endblock %}

{% block advantage %}
<div class="advantage">
  <div class="advantage__wrapper">
    <h2 class="advantage__title">По-настоящему удобная работа с документами</h2>
    <div class="advantage__description">
      <p>Документор создан специально для тех людей, кто не любит заниматься "бумажными" делами.
        Поэтому всё, что возможно, делается здесь автоматически, буквально за секунды. Для этого не нужен опыт,
        обучение, бухгалтерские знания или установка программ.
        Первые документы можно делать сразу после <a href="{% url 'myauth_register' %}">регистрации</a>
        и в них всё будет правильно.
      </p>
    </div>

    <div class="advantage__row">
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic1.svg' %}"></div>
        <h4 class="advantage__item--title">Автоматическое заполнение реквизитов</h4>
        <div class="advantage__item--description">
          <p>
            Укажите название или адрес своего клиента и Документор сам заполнит его остальные реквизиты.
          </p>
          <p>Вам больше не надо тщательно вписывать в бланки ИНН, КПП, ОГРН и т.п. Документор знает реквизиты всех фирм,
          ИП и банков России.И моментально заполняет их сам.</p>
        </div>
      </div>
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic2.svg' %}"></div>
        <h4 class="advantage__item--title">Расчёт всех сумм и НДС</h4>
        <div class="advantage__item--description">
          <p>
           Просто указывайте в документах цену и количество, а все расчёты доверьте машине!
          </p>
          <p>Система моментально посчитает точную стоимость каждой позиции и всего документа.
            Если нужно, добавит или впишет в сумму НДС. Сумма прописью тоже вставляется автоматически.</p>
        </div>
      </div>
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic3.svg' %}"></div>
        <h4 class="advantage__item--title">Закрывающие документы в один клик</h4>
        <div class="advantage__item--description">
          <p>
            Чтобы "закрыть" счёт актом, накладной или счёт-фактурой, только нажмите кнопку!
          </p>
          <p>Документор перенесёт все данные из счёта в закрывающий документ, поставит в него дату и порядковый номер.
            Вы можете поменять в этом документе всё, или сразу же отправить его партнёру.</p>
        </div>
      </div>
    </div>

    <div class="advantage__row">
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic4.svg' %}"></div>
        <h4 class="advantage__item--title">Отправка копий без сканера</h4>
        <div class="advantage__item--description">
          <p>
            Не любите возиться со сканированием бумаг? Загрузите в Документор изображения своей печати и подписи. После этого, сканер можно выбросить.
          </p>
          <p>Документор поставит вашу подпись и печать на любой бланк по вашему желанию. 2 клика и "подписанный"
            вами документ отправился клиенту по электронной почте.</p>
        </div>
      </div>
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic5.svg' %}"></div>
        <h4 class="advantage__item--title">Правильные бланки документов</h4>
        <div class="advantage__item--description">
          <p>
            Вам больше не придётся искать новые бланки документов, или следить за обновлениями стандартов.
          </p>
          <p>В Документоре всегда актуальные бланки, которые обновляются вовремя. Когда современные формы документов устареют,
            они также будут храниться здесь и их тоже можно будет использовать.</p>
        </div>
      </div>
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic6.svg' %}"></div>
        <h4 class="advantage__item--title">Встроенные справочники кодов</h4>
        <div class="advantage__item--description">
          <p>
            Хранение и обновление справочников международных кодов для накладных и счетов-фактур можно забыть как дурной сон.
          </p>
          <p>В Документор встроены справочники ОКУД, ОКЕИ и ОКВ. Указывайте единицы измерения, страны и валюты как вам удобно,
            а правильные коды расставятся в документы сами.</p>
        </div>
      </div>
    </div>

    <div class="advantage__row">
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic7.svg' %}"></div>
        <h4 class="advantage__item--title">Связи между документами</h4>
        <div class="advantage__item--description">
          <p>
            Сделки с частичной отгрузкой или поэтапной сдачей работ больше не создадут беспорядка.
          </p>
          <p>Документор показывает все связи между счетами, фактурами, актами и накладными.
            В нём сразу видно от какой сделки каждый документ. Их даже не надо раскладывать по стопкам.
          </p>
        </div>
      </div>
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic8.svg' %}"></div>
        <h4 class="advantage__item--title">Метки и фильтры</h4>
        <div class="advantage__item--description">
          <p>
            Помнить все документы не обязательно!
          </p>
          <p>Встроенные фильтры и метки помогут вам быстро найти любые документы в системе.
            Неоплаченные счета, невозвращённые фактуры, незакрытые актами сделки: всё как на ладони,
            даже при тысячах документов.
          </p>
        </div>
      </div>
      <div class="advantage__item">
        <div class="advantage__item--ico"><img src="{% static 'img/main/pic9.svg' %}"></div>
        <h4 class="advantage__item--title">Выгодно для любого бизнеса</h4>
        <div class="advantage__item--description">
          <p>
            Не надо ставить никаких программ, платить комьютерщикам, делать резервные копии и ездить к бухгалтеру за документами.
            Всё доступно онлайн, круглосуточно, с любого ноутбука или планшета.
          </p>
          <p>Самый дорогой тариф Документора - 200 рублей в месяц. Пробные 45 дней бесплатно. <a href="{% url 'myauth_register' %}">Попробуйте!</a></p>
        </div>
      </div>
    </div>

  </div>

</div>
{% endblock advantage %}

{% block bottom_wide %}
<div id='index-yellow-banner'>
    <div class='w1200'>
        <div class='lamp left'></div>
        <div class='text left'>
            <a href='#'>Бесплатный пробный доступ на 45 дней</a>
            <p>Никаких ограничений по возможностям и по количеству документов.</p>
            <p>Никаких навязчивых звонков, чтобы "помочь вам купить лицензию".</p>
            <p>Никаких обязательств с вашей стороны.</p> </br>
            <p style="font-size:17px;">Попробуйте! Вам понравится.</p>
        </div>
        <div class='btn left'>
            <a href='{% url 'myauth_register' %}'>
                Начать пробный период!
            </a>
        </div>
    </div>
</div>
{% endblock %}