{% extends "base.html" %}
{% block body %}
    <div class="section"></div>
    <div class="row">
        <div class="col s12 m6">
            <div class="card">
                <div class="card-image">
                    <div class="card-content accent-color" style="min-height: 100px;">
                        <span class="card-title" style="color: black;">{{ strings.INDEX_ACTIVATE_HEAD[lang] }}</span>
                    </div>
                  <a href="/activate" class="btn-floating halfway-fab waves-effect waves-light default-primary-color">
                      <i class="material-icons">chevron_right</i>
                  </a>
                </div>
                <div class="card-action">
                  <p>{{ strings.INDEX_ACTIVATE_DESC[lang] }}</p>
                </div>
            </div>
        </div>

        <div class="col s12 m6">
          <div class="card">
                <div class="card-image">
                    <div class="card-content light-primary-color" style="min-height: 100px;">
                        <span class="card-title" style="color: black;">{{ strings.INDEX_LOGIN_HEAD[lang] }}</span>
                    </div>
                  <a href="/devices" class="btn-floating halfway-fab waves-effect waves-light default-primary-color">
                      <i class="material-icons">chevron_right</i>
                  </a>
                </div>
                <div class="card-action">
                  <p>{{ strings.INDEX_LOGIN_DESC[lang] }}</p>
                </div>
            </div>
      </div>
    </div>
{% endblock %}