{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% trans "Organization Details" %}{% endblock title %}
{% block content %}
    <div class="row my-4">
        <h2>{{ 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 %}