{% extends 'common/base.html' %}
{% load static %}
{% block title %}District Management{% endblock %}
{% block content %}
 
<div class="container-fluid" id="container-wrapper">
 

    <div class="row"> 
        <!-- ====================== -->
        <!--      District LIST     -->
        <!-- ====================== -->
        <div class="col-lg-12">
            <div class="card shadow mb-4">
                <div class="card-header py-3 bg-success text-white">
                    <h6 class="m-0 font-weight-bold">District Management</h6>
                </div>

                <div class="card-body">

                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead class="table-dark">
                                <tr> 
                                    <th>Name English</th>
                                    <th>Name Bangla</th>
                                    <th class="text-center">Shipping Cost</th>
                                    <th class="text-center">Rank</th>
                                    <th class="text-center">Status</th>
                                    <th width="80">Action</th>
                                </tr>
                            </thead>

                            <tbody>
                                {% for item in district_list %}
                                <tr> 
                                    <td>{{ item.district_name_english }}</td>
                                    <td>{% if item.district_name_bangla %}{{ item.district_name_bangla }}{% else %}N/A{% endif %}</td>
                                    <td class="text-center">{{ item.shipping_cost }}</td>
                                    <td class="text-center">{{ item.rank }}</td>

                                    <td class="text-center">
                                        {% if item.status == True %}
                                            <span class="badge bg-success text-dark">Active</span>
                                        {% else %}
                                            <span class="badge bg-secondary text-white">Inactive</span>
                                        {% endif %}
                                    </td>

                                    <td>
                                        <a href="#" class="btn btn-sm btn-warning">Edit</a> 
                                    </td>
                                </tr>
                                {% empty %}
                                <tr>
                                    <td colspan="6" class="text-center text-muted">No categories found</td>
                                </tr>
                                {% endfor %}
                            </tbody>

                        </table>
                    </div>

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

    </div>

</div>
 
{% endblock %}