{% extends "basic/base_template.html" %}


{% block pageName %}
Unit Table
{% endblock pageName %}


{% block content %}
<div class="container">
    <div class="row">
        <div class="col-md-offset-1 col-md-12">
            <div class="panel">
                {% for module in user_modules %}
                {% if module.name == 'create_battalion_admin' %}
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-sm-12 col-xs-12 d-flex justify-content-between">
                            <a href="{% url "create_battalion_admin" %}" class="btn  btn-primary pull-left block"><i class="bi bi-plus-circle"></i> Unit Entry</a>
                        </div>
                    </div>
                </div>
                {% endif %}
                {% endfor %}
                <div class="panel-body table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Action</th>
                                <th>#</th>
                                <th>Unit Name</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in battalionTable %}

                            <div class="modal fade" id="exampleModal-{{item.id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered">
                                <div class="modal-content">
                                    <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Warning! Delete Unit</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                    <div class="d-flex justify-content-between">
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" aria-label="Close">Close</button>
                                        <a href="{% url "delete_battalion_admin" item.id %}" class="btn btn-danger">Delete</a>
                                    </div>
                                    </div>
                                </div>
                                </div>
                            </div>
                            
                            <tr>
                                <td>
                                    <ul class="action-list d-flex">
                                        {% for module in user_modules %}
                                        {% if module.name == 'update_battalion_admin' %}
                                        <li><a href={% url "update_battalion_admin" item.id %} class="btn btn-primary mx-1"><i class="bi bi-pencil-square"></i></a></li>
                                        {% elif module.name == 'delete_battalion_admin' %}
                                        <li><a data-bs-toggle="modal" data-bs-target="#exampleModal-{{item.id}}" class="btn btn-danger mx-1"><i class="bi bi-trash3"></i></a></li>
                                        {% endif %}
                                        {% endfor %}
                                    </ul>
                                </td>
                                <td>{{forloop.counter}}</td>
                                <td>{{item.name}}</td>
                            </tr>
                            {% endfor %}
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock content %}