---
layout: default
---

<article class="h-entry" itemscope itemtype="http://schema.org/Book">
  <header>
    <h1 class="p-name" itemprop="name headline">{{ page.title | escape }}</h1>

    {%- if page.description -%}
      <p class="lead p-summary" itemprop="description">{{ page.description | escape }}</p>
    {%- endif -%}

    <p>
      <time
        class="dt-published"
        datetime="{{ page.date | date_to_xmlschema }}"
        itemprop="datePublished">
        {%- assign date_format = site.i18n.date | default: "%b %-d, %Y" -%}
        {{ page.date | date: date_format }}
      </time>

      {%- for author in page.author -%}
        •
        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
          <span class="p-author h-card" itemprop="name">
            {{ author | escape }}
          </span>
        </span>
      {%- endfor -%}
    </p>
  </header>

  <div class="row">
    <div class="col">
      {%- if page.image.path -%}
        <picture>
          {% for size in site.images.sizes %}
            <source
              srcset="{{ page.image.path | thumbnail: size }}"
              media="(max-width: {{ size }}px)" />
          {% endfor %}

          <img
            class="img-fluid"
            src="{{ page.image.path | thumbnail: 570 }}"
            alt="{{ page.image.description }}" />
        </picture>
      {%- endif -%}

      {%- if page.payment_url -%}
      <hr/>
      <a
        href="{{ page.payment_url }}"
        class="btn btn-success btn-block btn-lg">
        {{ site.i18n.book.payment_url }}
      </a>
      {%- endif %}
    </div>

    <div class="col">
      {% comment %}
        La disponibilidad del libro!
      {% endcomment %}
      <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
        <h2>
          <span itemprop="price">{{ page.price }}</span>
          <span itemprop="priceCurrency">{{ page.currency }}</span>
        </h2>

        <dl>
          <dt>{{ site.i18n.book.availability }}</dt>
          {%- if page.availability -%}
            <meta itemprop="availability"
                  content="https://schema.org/InStock" />
            <dd>{{ site.i18n.book.in_stock }}</dd>
          {%- else -%}
            <meta itemprop="availability"
                  content="https://schema.org/OutOfStock" />
            <dd class="out-of-stock">
              {{ site.i18n.book.out_of_stock }}
            </dd>
          {%- endif -%}

          <dt>{{ site.i18n.book.payment_methods }}</dt>
          {%- for pm in page.payment_methods -%}
            <dd>{{ site.i18n.book[pm].text }}</dd>
            <meta
              itemprop="acceptedPaymentMethod"
              content="http://purl.org/goodrelations/v1#{{ site.i18n.book[pm].schema }}" />
          {%- endfor -%}

          <dt>{{ site.i18n.book.delivery_methods }}</dt>
          {%- for dm in page.delivery_methods -%}
            <dd>{{ site.i18n.book[dm].text }}</dd>
            <meta
              itemprop="acceptedPaymentMethod"
              content="http://purl.org/goodrelations/v1#{{ site.i18n.book[pm].schema }}" />
          {%- endfor -%}
        </dl>
      </div>

      <dl>
        <dt>{{ site.i18n.book.pages }}</dt>
        <dd itemprop="numberOfPages">{{ page.pages }}</dd>

        <dt>{{ site.i18n.book.size }}</dt>
        <dd>{{ page.size }}</dd>
      </dl>

      <div class="e-content" itemprop="abstract">
        {{ content }}
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col">
      {% include contact.html url=page.url %}
    </div>
  </div>

  <footer>
    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
      {{ site.url }}/{{ page.url }}
    </a>

    {%- if page.uuid -%}
      <span hidden itemprop="identifier">{{ page.uuid }}</span>
    {%- endif -%}

    {%- if page.license.url -%}
      <p itemprop="license" itemtype="http://schema.org/CreativeWork">
        <a rel="license" itemprop="url" href="{{ page.license.url }}">
          <span itemprop="articleBody">
            {{ page.license.description }}
          </span>
        </a>
      </p>
    {%- endif -%}

    {%- if page.tags %}
      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
      {%- for tag in page.tags -%}
        <span hidden class="h-category">{{ tag }}</span>
      {%- endfor -%}
    {%- endif -%}
  </footer>
</article>