{% extends 'base.html' %}
{% load i18n %}
{% block title %}
    {% trans "View Vendor" %}
{% endblock title %}
{% block content %}
    <!-- Vendor Details -->
    <div class="row mt-4">
        <div class="card shadow rounded">
            <p class="card-header mb-0 fs-5">{% trans "Vendor Details" %}</p>
            <div class="card-body">
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">
                        <strong>{% trans "Name" %}:</strong> {{ vendor.get_local_name }}
                    </li>
                    <li class="list-group-item">
                        <strong>{% trans "Contact Person" %}:</strong> {{ vendor.contact_person }}
                    </li>
                    <li class="list-group-item">
                        <strong>{% trans "Phone Number" %}:</strong> {{ vendor.phone_number }}
                    </li>
                    <li class="list-group-item">
                        <strong>{% trans "Email" %}:</strong> {{ vendor.email }}
                    </li>
                    <li class="list-group-item">
                        <strong>{% trans "Address" %}:</strong> {{ vendor.address }}
                    </li>
                </ul>
            </div>
            <div class="card-footer d-flex">
                {% if perms.django_ledger.change_vendormodel %}
                    <a class="btn btn-sm btn-phoenix-primary me-1"
                       href="{% url 'vendor_update' request.dealer.slug vendor.slug %}">
                        {% trans "Edit" %}
                        <i class="fa fa-pencil"></i>
                    </a>
                {% endif %}
                {% if perms.django_ledger.delete_vendormodel %}
                    <button class="btn btn-phoenix-danger btn-sm delete-btn"
                            data-url="{% url 'vendor_delete' request.dealer.slug vendor.slug %}"
                            data-message="{{ _("Are you sure you want to delete this vendor") }}?"
                            data-bs-toggle="modal"
                            data-bs-target="#deleteModal">
                        {{ _("Delete") }}
                        <i class="fas fa-trash"></i>
                    </button>
                {% endif %}
            </div>
        </div>
    </div>
    {% include 'modal/delete_modal.html' %}
{% endblock %}