{% extends "template-base.html" %}

{% block mainclasses %}landing padded-landing page-docs-index{% endblock %}

{% block main %}
  <section class="container-fluid card-grid card-grid-2x2">
    <div class="section-hero card">
      <h1 class="main-page-header">{% trans %}XRP Ledger Documentation{% endtrans %}</h1>
      <p class="blurb">{% trans %}Dive into our documentation and start integrating with the XRP Ledger.{% endtrans %}</p>
      <p class="blurb">{% trans %}Browse by category, or skip straight to the <a href="#full-doc-index">full documentation index</a>.{% endtrans %}</p>
    </div>

    {% set doc_types = [] %}
    {% set flag_n = cycler(* range(1,99)) %}
    {% for page in pages %}
      {% if page.doc_type is defined and page.doc_type not in doc_types %}
        {% set doc_type_top = pages|selectattr('doc_type', 'defined_and_equalto', page.doc_type)|first %}
        {% set doc_type_name = doc_type_top.name %}
          <div class="card">
            <div class="card-header">
              <h3 class="card-title"><a href="{{doc_type_top.html}}">{{doc_type_name}}</a></h3>
            </div><!--/.card-header-->
            <div class="card-body">
              {% if page.blurb is defined %}
                <p class="blurb">{{page.blurb}}</p>
              {% endif %}
              {% set parent_page = doc_type_top %}
              {% set depth = 1.5 %}
              {% include 'template-page-children.html' %}
            </div><!--/.card-body-->
            <div class="card-footer">
              <div class="readmore">
                <a class="btn btn-outline-secondary" href="{{doc_type_top.html}}">{% trans %}View All {{doc_type_name}}{% endtrans %}</a>
              </div>
            </div><!--/.card-footer-->
          </div><!--/.card-->

        {% set _ = doc_types.append(page.doc_type) %}
      {% endif %}
    {% endfor %}

  </section>

  <section class="container-fluid doc-index">
    <h2 id="full-doc-index">{% trans %}Full Documentation Index{% endtrans %}</h2>
    <div class="row">
      <div class="col-md-8">
        {% set parent_page = currentpage %}
        {% set depth = 5 %}
        {% include 'template-page-children.html' %}
      </div>
    </div>
  </section>
{% endblock %}

{% block endbody %}
<script type="application/javascript">
  gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
</script>
{% endblock %}