{% extends 'layout.twig' %}
{% block title "Ğ1-Marché - Modifier Antennes" %}

{% block body %}
  <div class="container_main">
     <div id="la_page">
        <span style="color:white;font-size:1.4rem;">
            MODIFICATION D'UNE ANTENNE
        </span>
        <div class="container" style="padding:3rem; width:55rem;border:1px solid blue;margin:auto;">
           <div style="width:15rem;color:white;float:left;text-align:left;">
               <span style="margin-left:1rem;">ANTENNE</span>
              <select id="antenne" class="form-control">
                  <option class="list-group-item list-group-item-action" value="0">
                      Sélectionnez l'antenne
                  </option>
                  {% for item in listeAntennes %}
                      <option class="list-group-item list-group-item-action" value="{{ item.regionName }}">
                          {{ item.antenneName }}
                      </option>
                  {% endfor %}
              </select>
           </div>
           <div style="width:14rem;margin-left:5rem;border:1px solid green;color:white;float:right;">
               REGION
              <input class="form-control" id="region" />

           </div>
           <div style="clear:both;">
              <form>
                  <!--{ csrf_input }}-->
                  <div class="row" style="color:white;">
                      <div class="col-md-4">
                          {{ field('name', item.name, "Nom du produit") }}
                      </div>
                      <div class="col-md-4">
                          {{ field('contenu', item.content, "Contenu", {type: 'textarea'}) }}
                      </div>
                  </div>
                  <div class="row">
                      <div class="col-md-4">
                          {{ field('prix', item.prix, "Prix") }}
                      </div>
                  </div>
                  <button class="btn btn-primary" type="submit">Enregistrer</button>
              </form>
           </div>
        </div>
     </div>
  </div>
     <script>
         document.querySelector("#antenne").addEventListener("change", function() {
             var x = document.querySelector("#antenne").selectedIndex
             var y = document.querySelector("#antenne").options
             document.querySelector("#region").value = y[x].value
         });


        /*textInput.onchange = function (e) {
            alert('test')
        };*/
    </script>

{% endblock %}