{% extends 'base.html' %}
{% load crispy_forms_filters %}
{% load crispy_forms_field %}

{% block javascript %}
    {{ block.super }}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment-with-locales.min.js"
            crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"
            crossorigin="anonymous"></script>
{% endblock %}

{% block style %}
    {{ block.super }}
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">
{% endblock %}

{% block content %}
    <h1>
        {% block title %}{{ title }}{% endblock %}
        <div class="btn-group pull-right">
            {% if payment and perms.refunding.delete_payment %}
                <a class="btn btn-danger" href="{% url 'payment_delete' payment.pk %}">
                    <span class="glyphicon glyphicon-trash"></span>
                </a>
            {% elif refund and perms.refunding.delete_refund %}
                <a class="btn btn-danger" href="{% url 'refund_delete' refund.pk %}">
                    <span class="glyphicon glyphicon-trash"></span>
                </a>
            {% endif %}
        </div>
    </h1>
    <form method="post">
        {% csrf_token %}
        {{ form.media }}
        {{ form|crispy }}
        <input class="btn btn-primary" type="submit" value="Enregistrer"/>
    </form>
{% endblock %}