{% extends 'base.html' %}
{% load i18n %}
{% block title %}
    {% trans "Organization Details" %}
{% endblock title %}
{% block content %}
    <div class="row my-4">
        <h2 class="mb-2">{{ organization.get_local_name }}</h2>
        <ul class="list-group mb-4">
            <li class="list-group-item">
                <strong>{% trans "CRN" %}:</strong> {{ organization.crn }}
            </li>
            <li class="list-group-item">
                <strong>{% trans "VRN" %}:</strong> {{ organization.vrn }}
            </li>
            <li class="list-group-item">
                <strong>{% trans "Phone" %}:</strong> {{ organization.phone_number }}
            </li>
            <li class="list-group-item">
                <strong>{% trans "Address" %}:</strong> {{ organization.address }}
            </li>
        </ul>
        <div class="d-flex">
            {% if perms.inventory.change_organization %}
                <a href="{% url 'organization_update' request.dealer.slug organization.slug %}"
                   class="btn btn-sm btn-phoenix-primary me-2"><span class="fas fa-edit me-1"></span>{% trans "Edit" %}</a>
            {% endif %}
            {% if perms.inventory.delete_organization %}
                <button class="btn btn-phoenix-danger btn-sm delete-btn"
                        data-url="{% url 'organization_delete' request.dealer.slug organization.slug %}"
                        data-message="Are you sure you want to delete this organization?"
                        data-bs-toggle="modal"
                        data-bs-target="#deleteModal">
                    <i class="fas fa-trash me-1"></i> {% trans 'Delete' %}
                </button>
            {% endif %}
        </div>
    </div>
    {% include 'modal/delete_modal.html' %}
{% endblock %}