{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% trans "Organizations" %}{% endblock title %}
{% block content %}
<div class="container my-4">
    <h2>{% trans "Organizations" %}</h2>
    <div class="d-flex justify-content-between align-items-center mb-3">
        <form method="get" class="d-flex">
            <input type="text" name="q" class="form-control form-control-sm" placeholder="{% trans 'Search' %}" value="{{ request.GET.q }}">
            <button type="submit" class="btn btn-sm btn-secondary ms-2">{% trans "Search" %}</button>
        </form>
        <a href="{% url 'organization_create' %}" class="btn btn-sm btn-primary">{% trans "Add Organization" %}</a>
    </div>
    <table class="table table-hover">
        <thead>
            <tr>
                <th>{% trans "Name" %}</th>
                <th>{% trans "CRN" %}</th>
                <th>{% trans "VRN" %}</th>
                <th>{% trans "Phone" %}</th>
                <th>{% trans "Actions" %}</th>
            </tr>
        </thead>
        <tbody>
            {% for org in organizations %}
            <tr>
                <td>{{ org.get_local_name }}</td>
                <td>{{ org.crn }}</td>
                <td>{{ org.vrn }}</td>
                <td>{{ org.phone_number }}</td>
                <td>
                    <a href="{% url 'organization_detail' org.id %}" class="btn btn-sm btn-success">{% trans "view" %}</a>
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="5" class="text-center">{% trans "No organizations found." %}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}