{% extends 'base.html' %}
{% load staticfiles %}
{% load i18n %}

{% block extrameta %}

    <link href="/static/bukvar/gideros.css" rel="stylesheet">
    <link href="/static/bukvar/pace.css" rel="stylesheet">

    <style>
	    
.store-block li a {
border:none!important;
    }

#page1-block .tab-block .tab-container .tab-content .store-block li a img {
    width: 100px;
    height: 26px;
    padding-top: 6px;
}
     #t_for_parents a {color:blue}
    .tab-content2 {
{#        display: none;#}
    }
    </style>
    <script>
    $('.tr_submit').live('click', function () {
       $(this).parent('form').submit();
    });

    </script>
{% endblock %}

{% block main %}
  <!-- page1-block -->
<div id="page1-block">
  <div class="wrapper">
    <div class="tab-block">
        <ul class="tabs">
          <li class="active"><a href="#tab1">Букварь</a></li>
{#          <li><a href="#tab2">Математика</a></li>#}
{#          <li><a href="#tab3">Логика</a></li>#}
        </ul>
      <div class="tab-container">
        <div class="tab-content">
          <div class="btn-block tabs2">
            <a href="#t_play" id="t_play_b" class="btn btn-red">играть</a>
{#            <a href="/play/" target="_blank" id="t_play_b" class="btn btn-red">играть</a>#}
            <a href="#t_for_parents" id="t_for_parents_b" class="btn btn-green">для родителей</a>
{#            <a href="#t_buy" id="t_buy_b" class="btn btn-green">купить</a>#}
{#            <a href="#t_precept" id="t_precept_b" class="btn btn-green">прописи</a>#}
          </div>
          <div class="store-block">
            <ul>
              {% if game.ios_url %}<li><a href="{{ game.ios_url }}"><img src="/static/images/app-store.svg" alt=""></a></li>{% endif %}
              {% if game.android_url %}<li><a href="{{ game.android_url }}"><img src="/static/images/g-play.svg" alt=""></a></li>{% endif %}
            </ul>
          </div>
          <div class="clear"></div>

{#            IMAGE #}
            <div id="t_start" class="img-block tab-content2">
                <img src="/media/{{ game.image }}" alt="">
            </div>

{#s#}
{#            GAME #}
            <div id="t_play" class="text-block tab-content2" style="text-align: center; margin-top: 10px">
{#                <p>{% autoescape off %}{{ game.play_code }}{% endautoescape %}</p>#}
                <iframe msallowfullscreen="true" width="660" mozallowfullscreen="true" id="game_drop" frameborder="0" src="/play/" scrolling="no" allowtransparency="true" allowfullscreen="true" height="440" webkitallowfullscreen="true"></iframe>
            </div>


{#            FOR PARENTS TEXT #}
            <div id="t_for_parents" class="text-block tab-content2">
                    <p>{% autoescape off %}{{ game.parents_text }}{% endautoescape %}</p>
            </div>


{#            PACKEGES #}
            <div id="t_buy" class="img-block tab-content2">
                <div class="buy-block">
                    <div class="title">{% autoescape off %}{{ game.package_sale_phrase }}{% endautoescape %}</div>
                    {% for item in packages %}
                        <div class="item{% check_purchase user.pk item.pk %}">
                            <div class="pic-block"><img src="/media/{{ item.image }}" alt=""></div>
                            <div class="name">{% autoescape off %}{{ item.name }}{% endautoescape %}</div>
{#                            <div class="price"><span>{{ item.price }}</span> руб.</div>#}
                            <form method="POST" action="https://demomoney.yandex.ru/eshop.xml">
                                <input type="hidden" name="shopId" value="70443">
                                <input type="hidden" name="scid" value="540939">
                                <input type="hidden" name="packageID" value="{{ item.pk }}">
                                <input type="hidden" name="customerNumber" size="64" value="{{ user.username }}">
                                <input type="hidden" name="sum" size="64" value="{{ item.price }}">
                                <input name="orderNumber" value="{{ payment_no }}" type="hidden"/>
                                <input name="description" value="Покупка пакета {{ item.name }}" type="hidden"/>
                                <input name="goods_name_N" value="Покупка пакета {{ item.name }}" type="hidden"/>
                                <input name="cps_phone" value="{{ user.profile.phone }}" type="hidden"/>
                                <input name="cps_email" value="{{ user.username }}" type="hidden"/>
                                <input name="paymentType" value="" type="hidden" />
                                {% autoescape off %}{% check_purchase_2 user.pk item.pk 'div' 'buy' %}{% endautoescape %}
                            </form>
                            <div class="price" style="    padding-top: 18px;" {% check_purchase_hide_price user.pk item.pk %}><span>{{ item.price }}</span> руб.</div>
                        </div>
                    {% endfor %}
                </div>
            </div>


{#            PRECEPT #}
            <div id="t_precept" class="img-block tab-content2">
                <div class="buy-block buy-block1">
                    <div class="title">{% autoescape off %}{{ game.precept_sale_phrase }}{% endautoescape %}</div>
                    {% for item in precepts %}
                        <div class="item{% check_purchase user.pk item.pk %}">
                            <div id="description" style="display: none">{% autoescape off %}{{ item.text }}{% endautoescape %}</div>
                            <div class="pic-block"><img style="width:85px; height: 61px" src="/media/{{ item.image }}" alt=""></div>
                            <div class="name">{% autoescape off %}{{ item.name }}{% endautoescape %}</div>
                            <a href="#" class="btn btn-about open_description"> подробнее</a>
                            <form method="POST" action="https://demomoney.yandex.ru/eshop.xml">
                                <input type="hidden" name="shopId" value="70443">
                                <input type="hidden" name="scid" value="540939">
                                <input type="hidden" name="packageID" value="{{ item.pk }}">
                                <input type="hidden" name="customerNumber" size="64" value="{{ user.username }}">
                                <input type="hidden" name="sum" size="64" value="{{ item.price }}">
                                <input name="orderNumber" value="{{ payment_no }}" type="hidden"/>
                                <input name="description" value="Покупка прописи {{ item.name }}" type="hidden"/>
                                <input name="goods_name_N" value="Покупка пакета {{ item.name }}" type="hidden"/>
                                <input name="cps_phone" value="{{ user.profile.phone }}" type="hidden"/>
                                <input name="cps_email" value="{{ user.username }}" type="hidden"/>
                                <input name="paymentType" value="" type="hidden" />
                                {% autoescape off %}{% check_purchase_2 user.pk item.pk %}{% endautoescape %}
                            </form>
                            <div class="price" {% check_purchase_hide_price user.pk item.pk %}><span>{{ item.price }}</span> руб.</div>

                        </div>
                    {% endfor %}
                </div>
            </div>



{#            PRECEPT #}
            <div id="t_precept_article" class="text-block tab-content2">

            </div>


        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>

  <!-- page1-block END -->
  <div class="pfooter"></div>
</div>
{% endblock %}