{% extends '@InstallBois/index.html.twig' %}
{% block title %}
    INSTALL-BOIS
{% endblock %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('install-bois/css/faq.css') ~ "?rnd=" ~ random() }}">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block page_content %}
    <form method="post" action="{{ path('faq_edit_question', {id: question.id}) }}" class="col-lg-10" style="margin: 3rem; display: flex; flex-direction: column; gap: 1.5rem">
        <h1>Modifier question FAQ</h1>
        <label for="category" style="width: 100%">
            <strong>Catégorie :</strong>
            <br>
            <select name="category" id="category" style="padding: .5rem">
                {% for category in categories %}
                    <option value="{{ category.id }}" {% if category.id == question.category.id %}selected{% endif %} >{{ category.name }}</option>
                {% endfor %}
            </select>
        </label>
        <label for="question" style="width: 100%">
            <strong>Question :</strong>
            <br>
            <input type="text" value="{{ question.question }}" name="question" style="width: 80%">
        </label>
        <label for="answer" style="width: 100%">
            <strong>Réponse :</strong>
            <br>
            <textarea name="answer" cols="100">{{ question.answer }}</textarea>
        </label>
        <div style="display: flex; justify-content: space-between">
            <div style="display: flex; padding: .5rem; align-items: center">
                <a href="{{ path("faq_index") }}" class="btn boutonAction">< Quitter</a>
            </div>
            <div>
                <button type="reset" class="boutonAction">Annuler modif</button>
                <button type="submit" class="boutonAction">Modifier</button>
            </div>
        </div>
    </form>
{% endblock %}