{% 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-phoenix-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-phoenix-danger">{% trans "Delete" %}</button>
            </form>
        </div>
    </div>
{% endblock %}