{*
 * Amsterdam Web Communities System
 * Copyright (c) 2025-2026 Erbosoft Metaverse Design Solutions, All Rights Reserved
 * 
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 *
 * SPDX-License-Identifier: MPL-2.0
 *}
 <div class="p-4">
    <!-- Page Title -->
    <div class="mb-6">
        <h1 class="text-blue-800 text-4xl font-bold inline">Conference List:</h1>
        <span class="text-blue-800 text-2xl font-bold ml-2">{{ commName }}</span>
        <hr class="border-2 border-gray-400 w-4/5 mt-2 mb-6">
    </div>

    <!-- Conference Listing -->
    <div class="max-w-4xl">
        <div class="bg-gray-50 p-6 rounded-lg mb-6">
            <div class="space-y-6">
                {{ if len(conferences) > 0 }}
                    {{ range i, c := conferences }}
                        <div class="flex items-start gap-3">
                            <span class="text-lg pt-0.5 flex-shrink-0">🟣</span>
                            <div class="flex-1">
                                <div class="mb-2">
                                    <a href="/comm/{{ commAlias }}/conf/{{ c.Alias }}" 
                                        class="text-blue-700 hover:text-blue-900 font-bold text-lg">{{ c.Name }}</a>
                                    <span class="text-gray-600 text-sm ml-2">- Latest activity: {{ DisplayActivity(c.LastUpdate, .) }}</span>
                                    {{ if newflag[i] }}
                                        <span class="ml-2" title="There are new messages in this conference">🔔</span>
                                    {{ end }}
                                </div>
                                <div class="text-sm text-gray-700 mb-1">
                                    {{ if len(c.Hosts) == 1 }}
                                        <span class="font-medium">Host:</span>
                                    {{ else }}
                                        <span class="font-medium">Hosts:</span>
                                    {{ end }}
                                    {{ if len(c.Hosts) > 0 }}
                                        {{ range j, u := c.Hosts }}
                                            {{ if j > 0 }}, {{ end }}
                                            <a href="/user/{{ u }}" class="text-blue-700 hover:text-blue-900">{{ u }}</a>
                                        {{ end }}
                                    {{ else }}
                                        None 
                                    {{ end }}
                                </div>
                                <div class="italic text-gray-600 text-sm">{{ c.Description }}</div>
                            </div>
                        </div>
                    {{ end }}
                {{ else }}
                    <div class="italic text-gray-600 text-lg">No conferences in this community.</div>
                {{ end }}
            </div>
        </div>

        <!-- Action Buttons -->
        <div class="flex gap-4">
            <a href="/comm/{{ commAlias }}/find"
                class="inline-block bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded font-medium transition-colors">
                Find Posts
            </a>
            {{ if canManage }}
                <a href="/comm/{{ commAlias }}/manage_conf"
                    class="inline-block bg-gray-600 hover:bg-gray-700 text-white px-6 py-2 rounded font-medium transition-colors">
                    Manage
                </a>
            {{ end }}
            {{ if canCreate }}
                <a href="/comm/{{ commAlias }}/create_conf"
                    class="inline-block bg-green-600 hover:bg-green-700 text-white px-6 py-2 rounded font-medium transition-colors">
                    Create New
                </a>
            {{ end }}
        </div>

        <!-- Information Note -->
        <div class="mt-6 p-4 bg-blue-50 border-l-4 border-blue-400">
            <p class="text-sm text-gray-700">
                <strong>About Conferences:</strong> Conferences are discussion areas within this community. 
                Click on a conference name to view topics and participate in discussions.
            </p>
        </div>
    </div>
</div>