{% import "Juice/macros/forms.html" as forms with context %}
{% import "Juice/macros/widget.html" as widget with context %}
{% include "Juice/Plugin/Publisher/Admin/_include.html" %}

<div class="page-category">
    <div class="pull-right">
        <div class="btn btn-info"
                data-toggle="modal"
                data-target="#modal-cat-type"
                data-id=""
                data-name=""
                data-slug=""
                >New Tag</div>
    </div>
    <div class="clearfix"></div>
    <br>

{% call widget.panel("Tags", type="table") %}

    <table class="table table-bordered">
        <thead>
            <th>Name</th>
            <th>Slug</th>
            <th>Posts</th>
        </thead>

        <tbody>
            {% for tag in tags %}
            <tr>
                <td>
                <a href="javascript:"
                data-toggle="modal"
                data-target="#modal-cat-type"
                data-id="{{ tag.id }}"
                data-name="{{ tag.name }}"
                data-slug="{{ tag.slug}}">
                     {{ tag.name }}</a>
                </td>
                <td>{{ tag.slug }}</td>
                <td><a href="{{ url_for('PublisherAdmin:index', tag_id=tag.id) }}">{{ tag.total_posts }}</a></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

{% endcall %}

</div>


<!-- MODAL -->
{% call widget.modal('Edit Tag', id="modal-cat-type") %}
    <footer>
        <button type="submit" class="btn btn-success pull-left"><i class="fa fa-check"></i> SAVE</button>
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-danger delete-btn" data-dismiss="modal"><i class="fa fa-trash"></i> Delete</button>
    </footer>

    {% call forms.post('PublisherAdmin:tags') %}
        {{ forms.hidden(name="id", value="") }}
        {{ forms.hidden(name="action", value="") }}
        {{ forms.input(label="Name", name="name", value="", data={"validation": "required"}) }}
        {{ forms.input(label="Slug", name="slug", value="") }}
    {% endcall %}

{% endcall %}