{% from "components/ajax-block.html" import ajax_block %}
{% from "components/back-link/macro.njk" import govukBackLink %}

{% extends "withnav_template.html" %}

{% block service_page_title %}
  Received text message
{% endblock %}

{% block maincolumn_content %}

  <div class="dashboard">

    {{ govukBackLink({ "href": url_for("main.inbox", service_id=current_service.id) }) }}

    <div class="bottom-gutter js-stick-at-top-when-scrolling">
      <h1 class="heading-large govuk-!-margin-top-0">
        {{ user_number }}
      </h1>
    </div>

    {{ ajax_block(
      partials,
      updates_url,
      'messages',
    ) }}

    {% if current_user.has_permissions('send_messages') %}
      <p class="sms-message-reply-link">
        <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.conversation_reply', service_id=current_service.id, notification_id=notification_id) }}">Send a text message to this phone number</a>
      </p>
    {% endif %}

  </div>

{% endblock %}