{% extends "base.html" %}

{% block content %}
<div class="preview-container">
    <div class="preview-header">
        <h1>Analysis Results</h1>
        <p>Azure OpenAI analysis of your recruitment documents</p>
    </div>
    
    <div class="preview-content">
        <div class="analysis-card">
            <h3>Document Analysis Summary</h3>
            <div class="analysis-grid">
                <div class="analysis-item">
                    <label>App Name:</label>
                    <span>{{ analysis.app_name }}</span>
                </div>
                <div class="analysis-item">
                    <label>Company:</label>
                    <span>{{ analysis.company_info.company_name }}</span>
                </div>
                <div class="analysis-item">
                    <label>Industry:</label>
                    <span>{{ analysis.company_info.industry }}</span>
                </div>
                <div class="analysis-item">
                    <label>Positions Found:</label>
                    <span>{{ analysis.positions|length }}</span>
                </div>
                <div class="analysis-item">
                    <label>Recruitment Stages:</label>
                    <span>{{ analysis.recruitment_stages|length }}</span>
                </div>
            </div>
        </div>
        
        <div class="actions-card">
            <h3>Generate Application</h3>
            <p>Based on the analysis, we'll generate a complete Power Apps-like interface for your recruitment process.</p>
            
            <div class="action-buttons">
                <a href="{{ url_for('generate_app') }}" class="generate-btn">
                    <i class="fas fa-magic"></i>
                    Generate Application
                </a>
                
                <a href="{{ url_for('upload') }}" class="secondary-btn">
                    <i class="fas fa-upload"></i>
                    Upload Different Documents
                </a>
            </div>
        </div>
        
        {% if analysis.positions %}
        <div class="positions-preview">
            <h3>Detected Positions</h3>
            <div class="positions-grid">
                {% for position in analysis.positions %}
                <div class="position-card">
                    <h4>{{ position.title }}</h4>
                    <p class="department">{{ position.department }}</p>
                    <p class="level">{{ position.level }}</p>
                    <p class="description">{{ position.description[:100] }}...</p>
                </div>
                {% endfor %}
            </div>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}