{% extends "base.html" %}

{% block title %}Orchid Judging System - Orchid Continuum{% endblock %}

{% block content %}
<div class="container my-5">
    <div class="row">
        <div class="col-md-12 mb-4">
            <div class="card border-warning">
                <div class="card-body">
                    <h5 class="card-title">
                        <i data-feather="alert-triangle" class="me-2 text-warning"></i>
                        Educational Use Only
                    </h5>
                    <p class="card-text">
                        This AI-powered judging system is designed for <strong>educational and entertainment purposes only</strong>. 
                        It is not an official judging service and does not provide official awards from any recognized orchid organization.
                        For official judging, please contact your local orchid society.
                    </p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h4 class="mb-0">
                        <i data-feather="award" class="me-2"></i>AI Orchid Judging System
                    </h4>
                </div>
                <div class="card-body">
                    <p class="lead">
                        Analyze your orchids against international judging standards and learn about what makes an award-winning orchid.
                    </p>
                    
                    <h6>Available Judging Standards:</h6>
                    <div class="row">
                        {% for org in organizations %}
                        <div class="col-md-6 mb-3">
                            <div class="card border-secondary">
                                <div class="card-body p-3">
                                    <h6 class="card-title mb-1">{{ org.code }}</h6>
                                    <p class="card-text small text-muted">{{ org.name }}</p>
                                    <div class="small">
                                        <strong>Categories:</strong> {{ org.categories|join(', ')|title }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                    
                    <div class="mt-4">
                        <a href="{{ url_for('gallery') }}" class="btn btn-primary">
                            <i data-feather="search" class="me-2"></i>Browse Orchids to Judge
                        </a>
                        <a href="{{ url_for('upload') }}" class="btn btn-outline-primary">
                            <i data-feather="upload" class="me-2"></i>Upload for Analysis
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">Your Recent Analyses</h6>
                </div>
                <div class="card-body">
                    {% if recent_analyses %}
                        {% for analysis in recent_analyses %}
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <div>
                                <small class="text-muted">{{ analysis.orchid.display_name }}</small><br>
                                <strong>{{ analysis.score|round(1) }} pts</strong>
                                {% if analysis.is_award_worthy %}
                                    <span class="badge bg-success">{{ analysis.suggested_award_level }}</span>
                                {% endif %}
                            </div>
                            <small class="text-muted">
                                {{ analysis.analysis_date.strftime('%m/%d') }}
                            </small>
                        </div>
                        <hr class="my-2">
                        {% endfor %}
                    {% else %}
                        <p class="text-muted text-center">No analyses yet</p>
                        <div class="text-center">
                            <a href="{{ url_for('gallery') }}" class="btn btn-sm btn-outline-primary">
                                Start Analyzing
                            </a>
                        </div>
                    {% endif %}
                </div>
            </div>
            
            <div class="card mt-3">
                <div class="card-header">
                    <h6 class="mb-0">Judging Criteria</h6>
                </div>
                <div class="card-body">
                    <p class="small">Our AI evaluates orchids based on:</p>
                    <ul class="small">
                        <li>Form and symmetry</li>
                        <li>Color intensity and clarity</li>
                        <li>Size and proportion</li>
                        <li>Substance and texture</li>
                        <li>Presentation and arrangement</li>
                        <li>Cultural achievement</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}