{% include '_macros/app_tile.html' %}
{% include '_macros/more_button.html' %}

<section class="main">
  <div class="subheader">
    <h1>
      {{ _('Free Carrier Apps') }}
    </h1>
    <p>{{ _('Your carrier offers these free apps. You can download them at no charge.') }}</p>
  </div>
</section>

<section class="main full app-list-page c">
  {% defer (url=carrier_url, pluck='objects', paginate='.app-list') %}
    <ul class="app-list {{ 'paginated' if response.meta.next }}">
      {% for app in this %}
        {% set app = apps.transform(app) %}
        <li class="app-list-app {{ 'app-list-website' if app.isWebsite }}">
          {{ app_tile(app, tray=True, src=trackingEvents.SRCS[appListType]) }}
        </li>
      {% endfor %}
      {% if response.meta.next %}
        {# Render the more button if there's another page of results #}
        {{ more_button(response.meta.next) }}
      {% endif %}
    </ul>
  {% placeholder %}
    <p class="spinner padded alt"></p>
  {% empty %}
    <p class="no-results">
      {{ _('No apps found.') }}
    </p>
  {% except %}
    <p class="no-results">
      {% if error == 400 or error == 404 %}
        {{ _('No apps found.') }}
      {% elif error == 500 %}
        {{ _('An internal server error occurred. Please try again later.') }}
      {% endif %}
    </p>
  {% end %}
</section>