{% extends 'manager/base.html' %}
{% load static %}
{% load i18n %}

{% block content %}
    <div class="content">
        <div class="row">
            <div class="col-sm-4 col-3">
                <h4 class="page-title">{% trans "Hospital Management" %}</h4>
            </div>
            <div class="col-sm-8 col-9 text-right m-b-20">
                <a href="{% url 'panel-manager-create-hospital' %}" class="btn btn-primary btn-rounded float-right">
                    <i class="fa fa-plus"></i> {% trans "Add Hospital" %}
                </a>
            </div>
        </div>
        
        <div class="row">
            <div class="col-md-12">
                <div class="table-responsive">
                    <table class="table table-border table-striped custom-table mb-0" id="hospitals_table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{% trans "Hospital Name" %}</th>
                                <th>{% trans "Hospital Code" %}</th>
                                <th>{% trans "Contact Email" %}</th>
                                <th>{% trans "Contact Phone" %}</th>
                                <th>{% trans "Users Count" %}</th>
                                <th>{% trans "Status" %}</th>
                                <th>{% trans "Created At" %}</th>
                                <th class="text-right">{% trans "Actions" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for hospital in hospitals %}
                                <tr>
                                    <td>{{ forloop.counter }}</td>
                                    <td><strong>{{ hospital.name }}</strong></td>
                                    <td><span class="badge badge-info">{{ hospital.hospital_code }}</span></td>
                                    <td>{{ hospital.contact_email }}</td>
                                    <td>{{ hospital.contact_phone }}</td>
                                    <td>{{ hospital.get_users_count }}</td>
                                    <td>
                                        {% if hospital.is_active %}
                                            <span class="badge badge-success">{% trans "Active" %}</span>
                                        {% else %}
                                            <span class="badge badge-danger">{% trans "Inactive" %}</span>
                                        {% endif %}
                                    </td>
                                    <td>{{ hospital.created_at|date:"Y-m-d" }}</td>
                                    <td class="text-right">
                                        <div class="dropdown dropdown-action">
                                            <a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="{% url 'panel-manager-edit-hospital' hospital.id %}">
                                                    <i class="fa fa-pencil m-r-5"></i> {% trans "Edit" %}
                                                </a>
                                                <form method="post" action="{% url 'panel-manager-regenerate-hospital-credentials' hospital.id %}" style="display:inline;" onsubmit="return confirm('{% trans "Are you sure you want to regenerate credentials?" %}');">
                                                    {% csrf_token %}
                                                    <button type="submit" class="dropdown-item" style="border:none; background:none; width:100%; text-align:left; padding:10px 20px; cursor:pointer;">
                                                        <i class="fa fa-refresh m-r-5"></i> {% trans "Regenerate Credentials" %}
                                                    </button>
                                                </form>
                                                <form method="post" action="{% url 'panel-manager-delete-hospital' hospital.id %}" style="display:inline;" onsubmit="return confirm('{% trans "Are you sure you want to delete this hospital?" %}');">
                                                    {% csrf_token %}
                                                    <button type="submit" class="dropdown-item" style="border:none; background:none; width:100%; text-align:left; padding:10px 20px; cursor:pointer; color:#e63946;">
                                                        <i class="fa fa-trash-o m-r-5"></i> {% trans "Delete" %}
                                                    </button>
                                                </form>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            {% empty %}
                                <tr>
                                    <td colspan="9" class="text-center">{% trans "No hospitals found" %}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}