{% extends "withnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/table.html" import mapping_table, row, text_field, edit_field, optional_text_field with context %}
{% from "components/components/back-link/macro.njk" import usaBackLink %}

{% block service_page_title %}
  Callbacks
{% endblock %}

{% block backLink %}
  {{ usaBackLink({ "href": url_for('main.api_integration', service_id=current_service.id) }) }}
{% endblock %}

{% block maincolumn_content %}
  {{ page_header('Callbacks') }}
	<div class="table-overflow-x-auto">
		<div class="bottom-gutter-3-2 dashboard-table body-copy-table table-overflow-x-auto">
				{% call mapping_table(
				caption='General',
				field_headings=['Label', 'Value', 'Action'],
				field_headings_visible=False,
				caption_visible=False
			) %}
				{% call row() %}
				{{ text_field('Delivery receipts') }}
				{{ optional_text_field(delivery_status_callback, truncate=true) }}
				{{ edit_field('Change', url_for('.delivery_status_callback', service_id=current_service.id)) }}
				{% endcall %}

				{% call row() %}
				{{ text_field('Received text messages') }}
				{{ optional_text_field(received_text_messages_callback, truncate=true) }}
				{{ edit_field('Change', url_for('.received_text_messages_callback', service_id=current_service.id)) }}
				{% endcall %}
			{% endcall %}
		</div>
	</div>
{% endblock %}