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

{% block title %}BANC - James Gestion de Production{% endblock %}

{% block body %}
    <div class="mt-4 text-center"><h1>Ajouter / Modifier un Banc</h1></div>
        
    <!-- Card -->
    <div class="card">
        <div class="card-body">
            <!-- Form -->
            {{ form_start(form) }}
            {{ form_errors(form) }} {# Affiche les erreurs générales du formulaire #}
            <div class="form-group">{{ form_row(form.designation, {'attr': {'class': 'form-control'}}) }}</div>
            <div class="form-group">{{ form_row(form.longueurMax, {'attr': {'class': 'form-control'}}) }}</div>
            <div class="form-group">{{ form_row(form.largeurMax, {'attr': {'class': 'form-control'}}) }}</div>                                                            
            <div class="form-group">{{ form_row(form.epaisseurMax, {'attr': {'class': 'form-control'}}) }}</div>
            <div class="form-group">{{ form_row(form.nombreCouche, {'attr': {'class': 'form-control'}}) }}</div>
            {# Custom Switch pour le champ ctf #}
            <div class="form-group">
                <div class="form-check form-switch">
                    {{ form_widget(form.ctf, {
                        'attr': {
                            'class': 'form-check-input',
                            'role': 'switch',
                            'id': 'banc_ctf'
                        }
                    }) }}
                    <label class="form-check-label" for="banc_ctf">
                        {{ form.ctf.vars.label }}
                    </label>
                </div>
            </div>

            {# Custom Switch pour le champ epure #}
            <div class="form-group">
                <div class="form-check form-switch">
                    {{ form_widget(form.epure, {
                        'attr': {
                            'class': 'form-check-input',
                            'role': 'switch',
                            'id': 'banc_epure'
                        }
                    }) }}
                    <label class="form-check-label" for="banc_epure">
                        {{ form.epure.vars.label }}
                    </label>
                </div>
            </div>

            {# Custom Switch pour le champ hydraulique #}
            <div class="form-group">
                <div class="form-check form-switch">
                    {{ form_widget(form.hydraulique, {
                        'attr': {
                            'class': 'form-check-input',
                            'role': 'switch',
                            'id': 'banc_hydraulique'
                        }
                    }) }}
                    <label class="form-check-label" for="banc_hydraulique">
                        {{ form.hydraulique.vars.label }}
                    </label>
                </div>
            </div>
            {# Custom Switch pour le champ droit #}
            <div class="form-group">
                <div class="form-check form-switch">
                    {{ form_widget(form.droit, {
                        'attr': {
                            'class': 'form-check-input',
                            'role': 'switch',
                            'id': 'banc_droit'
                        }
                    }) }}
                    <label class="form-check-label" for="banc_droit">
                        {{ form.droit.vars.label }}
                    </label>
                </div>
            </div>
            
            <div class="form-group">{{ form_row(form.tempsCollage, {'attr': {'class': 'form-control'}}) }}</div>                                                           
            <div class="form-group">{{ form_row(form.tempsSerrage, {'attr': {'class': 'form-control'}}) }}</div>  
            <div class="form-group">{{ form_row(form.rangee, {'attr': {'class': 'form-control'}}) }}</div>                    

            <!-- Button -->
            <button type="submit" class="btn btn-success"><i class="fe fe-save"></i> Enregistrer</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn btn-secondary" href="{{ path('app_admin_banc') }}"><i class="fe fe-corner-down-left"></i> Retour</a>
            
            {{ form_end(form) }}                        
        </div>
    </div>

{% endblock %}