{% load static %}

<div class="column is-4">
    <div class="box is-flex is-flex-direction-row is-justify-content-center is-align-content-center">
        {% if action == "create_tumor" %}
        <form method="POST" action="{% url 'patients:tumor_create' pk=patient.pk %}">

        {% elif action == "update_tumor" %}
        <form method="POST" action="{% url 'patients:tumor_update' pk=patient.pk tumor_pk=tumor.pk %}">

        {% endif %}
            {% csrf_token %}
            <table class="table">

                {% if action == "create_tumor" %}
                <caption class="title is-4">Add tumor</caption>

                {% elif action == "update_tumor" %}
                <caption class="title is-4">Edit tumor {{ tumor.pk }}</caption>

                {% endif %}
                <tbody>
                    <tr>
                        <td>T-category</td>
                        <td class="field is-grouped is-grouped-left">
                            <div class="control">
                                {{ form.stage_prefix }}
                            </div>
                            <div class="control">
                                {{ form.t_stage }}
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>subsite</td>
                        <td>{{ form.subsite }}</td>
                    </tr>
                    <tr>
                        <td>central</td>
                        <td>{{ form.central }} </td>
                    </tr>
                    <tr>
                        <td>extension</td>
                        <td>{{ form.extension }} </td>
                    </tr>
                    <tr>
                        <td>volume</td>
                        <td>{{ form.volume }} </td>
                    </tr>
                </tbody>
            </table>
            <div class="buttons is-right">
                <a class="button is-small is-info" href="{% url 'patients:detail' pk=patient.pk %}">
                    <span class="icon">
                        <i class="fas fa-arrow-left"></i>
                    </span>
                    <span>Cancel</span>
                </a>
                <button class="button is-small is-primary" type="submit">
                    <span class="icon">
                        <i class="fa fa-save"></i>
                    </span>
                    <span>Save</span>
                </button>
            </div>
        </form>
    </div>
</div>