{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h4>설치된 모드</h4>
        <ul class="list-group mb-4">
            {% for mod in installed_mods %}
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <span>{{ mod.name }}</span>
                <form action="/mod-management/delete" method="POST" class="d-inline">
                    <input type="hidden" name="mod_name" value="{{ mod.name }}">
                    <button type="submit" class="btn btn-danger btn-sm">삭제</button>
                </form>
            </li>
            {% endfor %}
        </ul>

        <h4>모드 요청</h4>
        <ul class="list-group">
            {% for request in mod_requests %}
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <span>{{ request.name }} (요청자: {{ request.submitted_by }})</span>
                <div>
                    <form action="/mod-management/approve" method="POST" class="d-inline">
                        <input type="hidden" name="request_id" value="{{ request.id }}">
                        <button type="submit" class="btn btn-success btn-sm">승인</button>
                    </form>
                    <form action="/mod-management/reject" method="POST" class="d-inline">
                        <input type="hidden" name="request_id" value="{{ request.id }}">
                        <button type="submit" class="btn btn-secondary btn-sm">거절</button>
                    </form>
                </div>
            </li>
            {% endfor %}
        </ul>

</div>
{% endblock %}