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

{% block title %}Nouveau client{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>
<script>
    $(document).ready(function () {
        $(".page-title h1").text("Familles d'actvité");
        $(".bandeau-img img").attr("src","https://edgarpetrus.fr/site-perso/web/app/uploads/2023/12/icon_office.png");
    })
</script>
<div class="container-page">
    <div class="app-form">
        <h1>Ajout d'une famille d'activité / produits</h1>
        <p></p>
        <div STYLE="background-color:#000000; height:6px; width:auto%;"></div>
        <br>
        {{ form_start(activityTypeForm) }}
            <!-- Service -->
            <div class="mb-3 choice-object">
                <label for="exampleInputEmail1" class="form-label">Service</label>
                <select name="{{ field_name(activityTypeForm.groupe) }}" class="form-control">
                    <option value="{{ service.id }}">{{ service.groupName }}</option>
                    {% for label, value in field_choices(activityTypeForm.groupe) %}
                        <option value="{{ value }}">{{ label }}</option>
                    {% endfor %}
                </select>
            </div>

            <!-- Type -->
            <div class="mb-3 choice-object">
                <label for="exampleInputEmail1" class="form-label">Type</label>
                <select name="{{ field_name(activityTypeForm.typeActivity) }}" class="form-control">
                    <option value="">{{ field_label(activityTypeForm.typeActivity) }}</option>
                    {% for label, value in field_choices(activityTypeForm.typeActivity) %}
                        <option value="{{ value }}">{{ label }}</option>
                    {% endfor %}
                </select>
            </div>
            
            <!-- Nom de la famille d'activités / produits -->
            <div class="mb-3">
                <label for="activityType_typeActivityName" class="form-label">Nom de la famille d'activité</label>
                <input type="text" name="{{ field_name(activityTypeForm.typeActivityName) }}" class="form-control" id="activityType_typeActivityName" placeholder="Nom du type d'activité">
                <div id="emailHelp" class="form-text">Saisir le nom de la famille d'activité</div>
            </div>

            <!-- Commentaire -->
            <div class="mb-3">
                <label for="activityType_typeComments" class="form-label">Commentaires</label>
                <textarea id="activityType_typeComments" class="form-control" name="{{ field_name(activityTypeForm.typeComments) }}" placeholder="Saisir des commentaires utiles..." rows="7" cols="20"></textarea>
                <div id="emailHelp" class="form-text">Saisir des commentaires utiles</div>
            </div>
            <br>
            <button type="submit" class="btn-glossy">Enregistrer</button>
            {{ form_rest(activityTypeForm) }}
    {{ form_end(activityTypeForm) }}
    </div> 
</div>  
{% endblock %}