thrillwiki_django_no_react/templates/wiki/plugins/parks/sidebar.html

{% load i18n %}
{% load static %}

<div class="park-sidebar">
    <!-- Quick Stats -->
    <div class="bg-gray-50 p-4 rounded-lg mb-4">
        {% if article.park_metadata %}
            <div class="space-y-3">
                {% if article.park_metadata.operator %}
                <div class="flex justify-between">
                    <span class="text-sm text-gray-600">{% trans "Operator" %}</span>
                    <span class="text-sm font-medium">{{ article.park_metadata.operator }}</span>
                </div>
                {% endif %}

                {% if article.park_metadata.opened_date %}
                <div class="flex justify-between">
                    <span class="text-sm text-gray-600">{% trans "Opened" %}</span>
                    <span class="text-sm font-medium">{{ article.park_metadata.opened_date|date:"Y" }}</span>
                </div>
                {% endif %}

                {% if article.park_metadata.total_rides %}
                <div class="flex justify-between">
                    <span class="text-sm text-gray-600">{% trans "Total Rides" %}</span>
                    <span class="text-sm font-medium">{{ article.park_metadata.total_rides }}</span>
                </div>
                {% endif %}

                {% if article.park_metadata.total_roller_coasters %}
                <div class="flex justify-between">
                    <span class="text-sm text-gray-600">{% trans "Roller Coasters" %}</span>
                    <span class="text-sm font-medium">{{ article.park_metadata.total_roller_coasters }}</span>
                </div>
                {% endif %}

                {% if article.park_metadata.park_size %}
                <div class="flex justify-between">
                    <span class="text-sm text-gray-600">{% trans "Size" %}</span>
                    <span class="text-sm font-medium">{{ article.park_metadata.park_size }} {% trans "acres" %}</span>
                </div>
                {% endif %}
            </div>

            <!-- Season Info -->
            {% if article.park_metadata.seasonal %}
            <div class="mt-4 pt-4 border-t border-gray-200">
                <h4 class="text-sm font-medium text-gray-900 mb-2">{% trans "Season" %}</h4>
                <div class="text-sm text-gray-600">
                    {% if article.park_metadata.season_start and article.park_metadata.season_end %}
                        {{ article.park_metadata.season_start|date:"M j" }} - {{ article.park_metadata.season_end|date:"M j" }}
                    {% else %}
                        {% trans "Seasonal operation" %}
                    {% endif %}
                </div>
            </div>
            {% endif %}

            <!-- Contact -->
            {% if article.park_metadata.phone or article.park_metadata.email or article.park_metadata.website %}
            <div class="mt-4 pt-4 border-t border-gray-200">
                <h4 class="text-sm font-medium text-gray-900 mb-2">{% trans "Contact" %}</h4>
                <div class="space-y-2">
                    {% if article.park_metadata.phone %}
                    <div class="text-sm">
                        <a href="tel:{{ article.park_metadata.phone }}" 
                           class="text-blue-600 hover:text-blue-800">
                            {{ article.park_metadata.phone }}
                        </a>
                    </div>
                    {% endif %}

                    {% if article.park_metadata.website %}
                    <div class="text-sm">
                        <a href="{{ article.park_metadata.website }}" 
                           class="text-blue-600 hover:text-blue-800"
                           target="_blank" rel="noopener">
                            {% trans "Official Website" %}
                        </a>
                    </div>
                    {% endif %}
                </div>
            </div>
            {% endif %}

            <!-- Social Media -->
            {% if article.park_metadata.facebook or article.park_metadata.twitter or article.park_metadata.instagram %}
            <div class="mt-4 pt-4 border-t border-gray-200">
                <h4 class="text-sm font-medium text-gray-900 mb-2">{% trans "Social Media" %}</h4>
                <div class="flex space-x-4">
                    {% if article.park_metadata.facebook %}
                    <a href="{{ article.park_metadata.facebook }}" 
                       class="text-gray-400 hover:text-blue-600"
                       target="_blank" rel="noopener">
                        <i class="fab fa-facebook"></i>
                    </a>
                    {% endif %}

                    {% if article.park_metadata.twitter %}
                    <a href="{{ article.park_metadata.twitter }}" 
                       class="text-gray-400 hover:text-blue-400"
                       target="_blank" rel="noopener">
                        <i class="fab fa-twitter"></i>
                    </a>
                    {% endif %}

                    {% if article.park_metadata.instagram %}
                    <a href="{{ article.park_metadata.instagram }}" 
                       class="text-gray-400 hover:text-pink-600"
                       target="_blank" rel="noopener">
                        <i class="fab fa-instagram"></i>
                    </a>
                    {% endif %}
                </div>
            </div>
            {% endif %}

        {% else %}
            <p class="text-sm text-gray-500 italic">
                {% trans "No park metadata available." %}
                {% if article|can_write:user %}
                    <a href="{% url 'wiki:parks_metadata' article.id %}" 
                       class="text-blue-600 hover:text-blue-800">
                        {% trans "Add metadata" %}
                    </a>
                {% endif %}
            </p>
        {% endif %}
    </div>

    <!-- Admin Actions -->
    {% if article|can_write:user %}
    <div class="space-y-2">
        <a href="{% url 'wiki:parks_metadata' article.id %}" 
           class="block w-full px-4 py-2 text-sm text-center bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
            {% trans "Edit Park Information" %}
        </a>
        {% if article.park_metadata %}
        <a href="{% url 'wiki:parks_statistics' article.id %}" 
           class="block w-full px-4 py-2 text-sm text-center bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
            {% trans "Manage Statistics" %}
        </a>
        {% endif %}
    </div>
    {% endif %}
</div>