figma / templates /preview.html
dina1's picture
Create templates/preview.html
929a1b3 verified
{% 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 %}