{% extends "app_layout.html" %}

{% block header_title %}
{{ title }} - Permit
{% endblock %}

{% block title %}
Permit - {{ title }}
{% endblock %}

{% block content %}

<p>
    <form>
        <div class="floating-block">
            <p class="form"></p>
                <label>Permit no:</label>
                <input type="number" name="permit_no" value="{{ permit_no }}" /> 
            </p>
        </div>
        <br />
        <input type="reset">
        <button type="submit" formaction="/app/permits">
            Load
        </button>
    </form>
</p>
<div class="row">
    <div class="col-1">
        <h2>Permit details</h2>
        {{ details_table|safe }}
    </div>
    <div class="col-2">
        <h2>Well construction activities</h2>
        <h3>Under permit {{ permit_no }}</h3>
        {{ dhs_table|safe }}
        <h3>Activites on these wells under other permits</h3>
        {{ other_table|safe }}
    </div>
</div>
<h2>Notes and conditions</h2>
{{ notes_table|safe }}
{% endblock %}