{% extends "base.html" %}

{% block title %}{{ site.name }} - 多逐鹿导航{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4>{{ site.name }}</h4>
                <div>
                    <span class="badge bg-secondary bg-opacity-75">{{ '公开' if site.is_public else '私有' }}</span>
                    {% if site.category %}
                    <span class="badge bg-primary bg-opacity-75 ms-1">{{ site.category.name }}</span>
                    {% endif %}
                </div>
            </div>
            <div class="card-body">
                {% if site.description %}
                <p class="mb-3">{{ site.description }}</p>
                {% endif %}
                
                <div class="d-flex align-items-center mb-3">
                    {% if site.custom_icon %}
                        <img src="{{ url_for('static', filename=site.custom_icon) }}"
                             alt="图标"
                             style="width: 32px; height: 32px; margin-right: 10px;">
                    {% elif site.icon %}
                        <img src="{{ site.icon }}"
                             onerror="this.src='{{ url_for('static', filename='images/default-icon.png') }}'"
                             alt="图标"
                             style="width: 32px; height: 32px; margin-right: 10px;">
                    {% else %}
                        <img src="{{ url_for('static', filename='images/default-icon.png') }}"
                             alt="图标"
                             style="width: 32px; height: 32px; margin-right: 10px;">
                    {% endif %}
                    <div>
                        <h5 class="mb-1">{{ site.name }}</h5>
                        <a href="{{ site.url }}" target="_blank" class="btn btn-primary">访问站点</a>
                    </div>
                </div>
                
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <small class="text-muted">
                            分类: 
                            {% if site.category %}
                            <a href="{{ url_for('index', category=site.category.id) }}" class="text-decoration-none">{{ site.category.name }}</a>
                            {% else %}
                            未分类
                            {% endif %}
                        </small>
                    </div>
                    <div>
                        <small class="text-muted">添加时间: {{ site.created_at.strftime('%Y-%m-%d %H:%M') }}</small>
                    </div>
                </div>
                
                {% if current_user.is_authenticated and (current_user.id == site.user_id or current_user.is_admin) %}
                <div class="mt-3">
                    <a href="{{ url_for('edit_site', site_id=site.id) }}" class="btn btn-outline-primary me-2">编辑</a>
                    <a href="{{ url_for('dashboard') }}" class="btn btn-outline-secondary">返回我的导航</a>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h5>相关操作</h5>
            </div>
            <div class="card-body">
                <p class="small">您可以访问、编辑或分享此站点。</p>
                <div class="d-grid gap-2">
                    <a href="{{ site.url }}" target="_blank" class="btn btn-primary">访问站点</a>
                    {% if current_user.is_authenticated and (current_user.id == site.user_id or current_user.is_admin) %}
                    <a href="{{ url_for('edit_site', site_id=site.id) }}" class="btn btn-outline-primary">编辑站点</a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}