{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% trans "Representative Details" %}{% endblock title %}
{% block content %}
<div class="row my-4">
    <h2>{{ representative.get_local_name }}</h2>
    <ul class="list-group mb-4">
        <li class="list-group-item"><strong>{% trans "ID Number" %}:</strong> {{ representative.id_number }}</li>
        <li class="list-group-item"><strong>{% trans "Phone" %}:</strong> {{ representative.phone_number }}</li>
        <li class="list-group-item"><strong>{% trans "Address" %}:</strong> {{ representative.address }}</li>
    </ul>
    <div class="d-flex">
        <a href="{% url 'representative_update' representative.id %}" class="btn btn-sm btn-warning me-2">{% trans "Edit" %}</a>
        <form method="post" action="{% url 'representative_delete' representative.id %}">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-danger">{% trans "Delete" %}</button>
        </form>
    </div>
</div>
{% endblock %}