{% extends 'washerman/dashboard.html.twig' %}

{% block title %}Settings{% endblock %}

{% block dashboard_content %}
    <div class="container mt-4">
        <h2 class="mb-4">Waherman Profile</h2>

        {% for message in app.flashes('success') %}
            <div class="alert alert-success">{{ message }}</div>
        {% endfor %}
        {% if not profile.bio or not profile.image %}
            <div class="alert alert-danger mt-3">
                Please fill your information.
            </div>
        {% endif %}

        {% if profile.bio and profile.image %}
            {% if profile.approved == 1 %}
                <div class="alert alert-success mt-3">
                    ✅ Your profile is approved.
                </div>
            {% else %}
                <div class="alert alert-warning mt-3">
                    ⏳ Your profile is under review. Please wait for admin approval.
                </div>
            {% endif %}
        {% endif %}

        {% if profile.image %}
            <div class="mb-3">
                <label class="form-label fw-bold">Profile Image:</label><br>
                <img src="{{ asset('uploads/' ~ profile.image) }}" alt="Profile Image" class="img-thumbnail" style="max-height: 150px;">
            </div>
        {% endif %}

        {{ form_start(form, { attr: { novalidate: 'novalidate', enctype: 'multipart/form-data' } }) }}

        {% if form.vars.submitted and not form.vars.valid %}
            <div class="alert alert-danger mb-3">
                Please correct the errors below.
            </div>
        {% endif %}

        <div class="mb-3">
            {{ form_label(form.bio) }}
            {{ form_widget(form.bio, {'attr': {'class': 'form-control'}}) }}
            <div class="text-danger">{{ form_errors(form.bio) }}</div>
        </div>

        <div class="mb-3">
            {{ form_label(form.image) }}
            {{ form_widget(form.image, {'attr': {'class': 'form-control'}}) }}
            <div class="text-danger">{{ form_errors(form.image) }}</div>
        </div>

        <button type="submit" class="btn btn-primary mt-3">Save</button>

        {{ form_end(form) }}
    </div>
{% endblock %}