{% import "WebPortfolio/macros/base.html" as m with context %}
{% import "WebPortfolio/macros/forms.html" as f with context %}
{% extends "WebPortfolio/Module/Cms/Admin/_layout.html" %}

{% block admin_content %}
<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 Type</div>
    </div>
    <div class="clearfix"></div>

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

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

    </table>

</div>


<!-- MODAL: EDIT USER -->
<div class="modal fade" id="modal-cat-type" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">

  <form method="POST" action="{{url_for('CmsAdmin:types')}}">
    {{- f.csrf_field() -}}
    <input type="hidden" name="id" value="">
    <input type="hidden" name="action" value="">

    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Edit Type</h4>
      </div>
      <div class="modal-body">

            <div class="form-group">
                <label>Name</label>
                <input type="text" class="form-control"  name="name" placeholder="Name" value="">
            </div>

            <div class="form-group">
                <label>Slug</label>
                <input type="text" class="form-control" name="slug" placeholder="Slug" value="">
            </div>


      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-danger pull-left delete-btn" data-dismiss="modal"><i class="fa fa-trash"></i> Delete</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-success"><i class="fa fa-check"></i> SAVE</button>
      </div>
    </div>

  </form>
  </div>
</div>

{% endblock %}