{% extends "base.html" %}

{% block title %}Logo Configuration{% endblock %}

{% block content %}
<div class="container">
    <h2>Logo Configuration</h2>
    
    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="alert alert-{{ 'danger' if category == 'error' else category }}">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}
    
    <div class="row">
        <div class="col-md-6">
            <form method="POST" enctype="multipart/form-data">
                {{ form.hidden_tag() }}
                <div class="form-group">
                    {{ form.logo.label(class="form-label") }}
                    {{ form.logo(class="form-control") }}
                    <small class="form-text text-muted">Upload a JPEG or PNG logo (max 10MB)</small>
                </div>
                {{ form.submit(class="btn btn-primary") }}
            </form>
        </div>
        
        <div class="col-md-6">
            <h4>Current Logo</h4>
            {% if logo_filename %}
                <img src="{{ url_for('static', filename='uploads/' + logo_filename) }}" 
                     alt="Current Logo" 
                     style="max-width: 200px; max-height: 100px;">
                <p>Current logo: {{ logo_filename }}</p>
            {% else %}
                <p>No logo uploaded yet.</p>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}