{% extends 'src_base.html' %}
{% load typogrify_tags %}
{%block bodyid%}id="book-page"{%endblock%}								
{%block metadescription%}Buy the Book: {{object.title}}{%endblock%}			
{%block pagetitle%}{{object.title}} | Books | luxagraf:src{%endblock%}								
{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
        <li><a href="/src/" title="luxagraf:src" itemprop="url"><span itemprop="title"><code>src</code></span></a> &rarr; </li>
        <li><a href="/src/books/" title="luxagraf:src books" itemprop="url"><span itemprop="title">Books</span></a> </li>
    </ul>
    <main role="main" itemprop="mainEntity" itemscope itemtype="http://schema.org/Book">
    <h1 class="book-title" itemprop="name">{{object.title|smartypants|widont|safe}}</h1>
    <div class="book-cover-wrapper"><img src="{{object.get_image_url}}" alt="{{object.title}} cover"  /></div>
    <div class="meta-cover">
        <dl class="book-metadata">
            <dt>Published</dt>
            <dd>{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></dd>
            <dt>Last Updated</dt>
            <dd>{{object.last_updated|date:"F"}} <span>{{object.last_updated|date:"j, Y"}}</span></dd>
            <dt>Pages</dt>
            <dd>{{object.pages}}</dd>
            <dt>Buy it</dt>
            <dd>{%if object.price_sale < object.price%}<span class="strike">${{object.price|floatformat:"0"}}</span> <span class="alert">${{object.price_sale|floatformat:"0"}}</span>{%else%}${{object.price|floatformat:"0" }}{%endif%}</dd>
        </dl>
    </div>
    <div class="paypal-form-wrapper">
    {{paypal_form.render}}
    </div>
    <div class="highlights">
    <h4>Learn Responsive Design:</h4>
    <article class="h-entry hentry post--article book" itemscope itemType="http://schema.org/Article">
    {{object.body_html|safe|amp|smartypants}}

    <div class="paypal-form-wrapper">
    {{paypal_form.render}}
    </div>
    </article>
    </div>
</main>
{% endblock %}