{% extends 'cabinet/_internal_base.html' %}
{% load bootstrap4 %}

{% block breadcrumbs %}
    <li><a href="{% url 'cabinet:aggregator:index' %}">Aggregation source list</a></li>
    <li><span>{{ title }}</span></li>
{% endblock %}

{% block content %}
    <form action="" method="post" class="card">
        {% csrf_token %}
        <header class="card-header">
            <h2 class="card-title">{% if source %}Source "{{ source.title }}" configuration{% else %}New source{% endif %}</h2>
        </header>
        <div class="card-body">
            {% bootstrap_form form layout='horizontal' %}
            {% if source %}
                <div class="form-group row">
                    <label class="col-md-3 col-form-label" for="id_feed-last_check">Chat ID</label>
                    <div class="col-md-9">
                        <input type="text" value="{{ source.chat_id }}" class="form-control" placeholder="Chat ID" title="" id="id_chat_id" disabled>
                    </div>
                </div>
            {% endif %}
        </div>
        <footer class="card-footer text-right">
            {% if source %}<a href="#delete-modal" class="modal-basic btn btn-danger">Delete</a>{% endif %}
            <button type="submit" class="btn btn-primary">Save</button>
        </footer>
    </form>

    {% if source %}
        <div id="delete-modal" class="modal-block modal-full-color modal-block-danger mfp-hide">
            <section class="card">
                <header class="card-header">
                    <h2 class="card-title">Delete source "{{ source.title }}"</h2>
                </header>
                <div class="card-body">
                    <div class="modal-wrapper">
                        <div class="modal-icon"><i class="fas fa-times-circle"></i></div>
                        <div class="modal-text">
                            <h4>Are you sure?</h4>
                            <p>This action cannot be undone.</p>
                        </div>
                    </div>
                </div>
                <footer class="card-footer">
                    <div class="row">
                        <form action="{% url 'cabinet:aggregator:delete' pk=source.pk %}" method="post" class="col-md-12 text-right">
                            {% csrf_token %}
                            <button type="button" class="btn btn-default modal-dismiss">Cancel</button>
                            <button type="submit" class="btn btn-danger">Delete</button>
                        </form>
                    </div>
                </footer>
            </section>
        </div>
    {% endif %}
{% endblock %}