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

{% block breadcrumbs %}
    <li><a href="{% url 'cabinet:feeds:index' %}">Feed 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 feed %}Feed "{{ feed.title }}" configuration{% else %}New feed{% endif %}</h2>
        </header>
        <div class="card-body">
            <h4>General options</h4>
            {% bootstrap_form feed_form layout='horizontal' %}
            {% if feed %}
                <div class="form-group row">
                    <label class="col-md-3 col-form-label" for="id_feed-last_check">Last check</label>
                    <div class="col-md-9">
                        <input type="text" value="{{ feed.last_check }}" class="form-control" placeholder="Last check" title="" id="id_feed-last_check" disabled>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-3 col-form-label" for="id_feed-last_id">Last id</label>
                    <div class="col-md-9">
                        <textarea class="form-control" placeholder="Last id" id="id_feed-last_id" disabled>{{ feed.last_id }}</textarea>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-3 col-form-label" for="id_feed-locked"> </label>
                    <div class="col-md-9">
                        <div class="form-check">
                            <input type="checkbox" name="feed-locked" class="form-check-input" id="id_feed-locked" {% if feed.locked %}checked{% endif %} disabled>
                            <label class="form-check-label" for="id_feed-locked">Locked</label>
                        </div>
                    </div>
                </div>
            {% endif %}
            <hr>
            <h4>Module options</h4>
            {% bootstrap_form config_form layout='horizontal' %}
        </div>
        <footer class="card-footer text-right">
            {% if feed %}
                <a href="#delete-modal" class="modal-basic btn btn-danger">Delete</a>
                <button type="submit" name="run" class="btn btn-secondary">Run now</button>
            {% endif %}
            <button type="submit" class="btn btn-primary">Save</button>
        </footer>
    </form>

    {% if feed %}
        <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 feed "{{ feed.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:feeds:delete' pk=feed.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 %}
