{% extends 'base.html.twig' %}

{% block title %}Edition d'un statut{% endblock %}

{% block body %}
<script>
    $(document).ready(function () {
        $(".page-title h1").text("Edition d'un statut");
        $(".bandeau-img img").attr("src","https://edgarpetrus.fr/site-perso/web/app/uploads/2023/12/icon_ticket.png");
    })
</script>
<div class="container-page">
    <div class="app-form">
        <h1>Edition du statut {{ statusName }}</h1>
        {{ form_start(statusForm) }}

            <!-- Nom du statut -->
            <div class="mb-3">
                <label for="status_statusName" class="form-label">Nom du statut</label>
                <input type="text" name="{{ field_name(statusForm.statusName) }}" class="form-control" id="status_statusName" value='{{ statusName }}' placeholder="Nom">
                <div id="emailHelp" class="form-text">Saisir le nom du statut</div>
            </div>

            <!-- Couleur du texte -->
            <div class="mb-3">
                <label for="status_textcolor" class="form-label">Couleur à associer au texte</label>
                <input type="color" class="form-control form-control-color" id="status_textcolor" value={{ couleurTexte }} name="{{ field_name(statusForm.textColor) }}" value="#ffffff" title="Sélectionner une couleur">
                <div id="emailHelp" class="form-text">Choisir une couleur pour le texte</div>
            </div>

            <!-- Couleur du statut -->
            <div class="mb-3">
                <label for="status_color" class="form-label">Couleur à associer au statut</label>
                <input type="color" class="form-control form-control-color" id="status_color" value={{ couleur }} name="{{ field_name(statusForm.color) }}" value="#563d7c" title="Sélectionner une couleur">
                <div id="emailHelp" class="form-text">Choisir une couleur</div>
            </div>

            <!-- Commentaire du statut -->
            <div class="mb-3">
                <label for="status_statusComments" class="form-label">Commentaires</label>
                <textarea id="status_statusComments" class="form-control" name="{{ field_name(statusForm.statusComments) }}" rows="7" cols="20">{{ commentaire }}</textarea>
                <div id="emailHelp" class="form-text">Ce texte s'affichera au survol de l'info-bulle associé au statut.</div>
            </div>
            <br>
            <button type="submit" class="btn glossy-button">Enregistrer</button>
            <button type="cancel" class="btn btn-secondary" href="/status">Annuler</button>

            {{ form_rest(statusForm) }}
        {{ form_end(statusForm) }}
    </div> 
</div>  
{% endblock %}