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

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

{% block body %}
<script>
    $(document).ready(function () {
        $(".page-title h1").text("Nouvelle société");
        $(".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'un service</h1>
        {{ form_start(serviceForm) }}
            <!-- Logo du service -->
            <div class="mb-3">
                <label for="formFile" class="form-label">Image du service</label>
                <input class="form-control" type="file" name="{{ field_name(serviceForm.serviceLogo) }}" id="formFile">
            </div>
            
            <!-- Nom du service -->
            <div class="mb-3">
                <label for="service_serviceName" class="form-label">Nom du service</label>
                <input type="text" name="{{ field_name(serviceForm.groupName) }}" class="form-control" id="service_serviceName" placeholder="Nom">
                <div id="emailHelp" class="form-text">Saisir le nom du service</div>
            </div>

            <!-- Commentaires du service -->
            <div class="mb-3">
                <label for="service_serviceComments" class="form-label">Commentaire</label>
                <textarea id="service_serviceComments" class="form-control" name="{{ field_name(serviceForm.groupComment) }}" placeholder="Saisir un commentaire" rows="3" cols="33"></textarea>
            </div>

            <button type="submit" class="btn btn-primary">Enregistrer</button>
            {{ form_rest(serviceForm) }}
    {{ form_end(serviceForm) }}
    </div> 
</div>  
{% endblock %}