{% extends 'timeseer.html' %}

{% from 'macros.html' import alerter, menu_back %}

{% block menu %}
{{ menu_back(url_for('.edit_flow', flowname=flow_name, sourcename=source_name)) }}
{% endblock %}

{% block main %}
<div class="ts-section py-3 my-3">
    <h2 class="h4">Rename {{ flow_name }}</h2>
</div>

<div class="pt-3 my-3">
    {{ alerter() }}

    <form method="POST">
        <input type="hidden" name="flowname" value="{{ flow_name }}">
        <div class="row mb-3">
            <label for="flowNameInput" class="col-lg-2 col-form-label">New flow name</label>
            <div class="col-lg-10">
                <input type="text"
                       class="form-control"
                       id="flowNameInput"
                       name="new_flowname"
                       value="{{ flow_name }}"
                       required>
            </div>
        </div>
        <div class="btn-toolbar">
            <button type="submit" class="btn btn-primary me-2">Rename</button>
            <a class="btn btn-secondary"
               href="{{ url_for('.edit_flow', flowname=flow_name, sourcename=source_name) }}"
               role="button">
                Cancel
            </a>
        </div>
    </form>
</div>


{% endblock %}
