{% import "forms-macro/inputs_form.html.twig" as forms %}
<!-- Modal -->
<div class="modal fade" id="addNewBrandModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body" style="padding: 0;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="padding: 15px">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div style="padding-top: 0;">
                    <h3 style="padding: 15px 0 0 15px;" class="modal-title">Création d'une marque</h3>
                    <form id="formNewBrandData">
                        <div class="parentDivProductForm col-sm-12 col-md-12 col-lg-12">
                            <div class="row" style="display: inline;">
                                <h5>
                                    La marque que vous allez créer sera disponible uniquement pour vous et les utilisateurs de votre entreprise.
                                    <br>Celle-ci pourra être publique dès lors que INSTALL BOIS l’aura validée.
                                </h5>
                                {{ forms.select(
                                    'Fabricant',
                                    "manufacturerId",
                                    "manufacturerId",
                                    typeOfProduct == "device" ? manufacturersDevice : ( typeOfProduct == "duct" ? manufacturersDuct : []),
                                    "-- Sélectionnez le fabricant --",
                                    2,
                                    null,
                                    true,
                                    false,
                                    false,
                                    false,
                                    "errorMessageBrandForm") }}
                                <div class="col">
                                    <label for="brandName" id="brandLabel" class="control-label" style="margin-bottom: 10px;font-size:15px;">
                                        Nom de la marque : <span id="modeleRequired" style="color:red">*</span>
                                    </label>
                                </div>
                                <div class="col">
                                    <input class="form-control" type="text" id="brandName" name="brandName" required="required">
                                    <span id="brandNameControl" class="errorMessage" style="bottom:6px;display:none;">Ce champ est obligatoire</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-12" style="padding-right: 50px;margin-top: 2%;">

                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="boutonRetour pull-right" data-dismiss="modal">Annuler</button>
                <button id="addNewBrandBtn" type="button" onclick="createNewBrand()" class="boutonAction" style="width: 140px;float: right">
                    {{ button_label|default('Enregistrer') }}
                </button>
            </div>
        </div>
    </div>
</div>