{% extends "base.html" %}
{% load i18n %}


{% block content %}
<div class="container-fluid">

  <div class="row">
    <div class="col-md-6">
      <div class="card shadow-sm border-0">
        <div class="card-body d-flex flex-column">
          <h5 class="card-title fw-bold mb-3">
            <i class="bi bi-building me-2"></i> {% translate "Institution" %}
          </h5>
          <p class="card-text text-muted flex-grow-1">
            {% translate "Edit and manage the institution's details and settings." %}
          </p>
          <div class="text-end">
            <a href="{% url 'admin:institution' user.institution.pk %}" class="btn btn-green-admin d-inline-flex align-items-center">
              <span class="me-2">{% translate "Edit Institution" %}</span>
              <i class="bi bi-arrow-right"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
{% endblock %}