{% from "components/banner.html" import banner_wrapper %}
{% from "components/big-number.html" import big_number %}

{% call banner_wrapper(type="mode") %}

  <div class="grid-row">
    <div class="column-one-half">
      <h2 class="heading-medium">Trial mode</h2>
      <p>
        We’ll only deliver messages to you and members of your team

      </p>
    </div>
    <div class="column-one-sixth">
      &nbsp;
    </div>
    <div class="column-one-third">
      {{ big_number(
        service.limit - statistics.get('emails_requested', 0) - statistics.get('sms_requested', 0),
        'messages left today'
      ) }}
    </div>
  </div>
{% endcall %}