gmarche/src/Product/views/admin/products/index.twig

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

{% block body %}
  <style>
    .fond_paris {
      background-image: url("../images/background_contacts.jpg");
      background-repeat: no-repeat;
      background-attachment:fixed;
      background-position: center;
      background-size: 100% auto;
      font-family: Bree serif,"Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .tableau {
      width:100%;
      background-color: white;
      table-layout: fixed;
      border-collapse: collapse;
      /* border-spacing: 1px; // pour contrer les style de base */
    }
    /* Entête */
    .tableau th {
      border-spacing: 0;
      border-collapse: collapse;
      padding: 0rem;
      text-align: center;
      border-left: lightgray 1px solid;
      background-color:#999690;
      color:#fff;
    }
    .tableau .colonne_image {
      padding: 0; !important;
    }
    .tableau td {
      border-bottom: solid 1px black;
      border-left: lightgray 1px solid;
      padding-left: 0.7rem;
    }
    .align_droite {

      text-align: right;
      padding-right: 2rem;
    }
  </style>
    <script type="text/javascript" src="/js/script.js"></script>
  <div id="la_page">
    <div class="label" style="background-color: white;">
      <h4>G-Marché de : {{ antenne_name }}</h4>
    </div>
    {% if antenne_name == 'Paris' %}
        <script type="text/javascript">
           $('.fond').css('background-image', "url('/images/toureiffel.jpeg')");
        </script>
    {%  endif %}

    <div class="container">
      <div class="row" style="text-align: left;">
        <div class="col-md-12">
            <p class="text-right">
                <!--<a href="crochet crochet path(routePrefix ~ '.create',{region: explodeUrl()[2], slug: explodeUrl()[3], antenne: explodeUrl()[4]} )}}" class="btn btn-primary">-->
                <button style="color:black;" class="btn btn-success" data-toggle="modal" data-target="#add_new_record_modal">Ajouter un bien ou service à proposer
                </button>
                <!--</a>-->
            </p>
          <div class="records_content"></div>
        </div>
      </div>
    </div>

        <div class="modal fade" id="add_new_record_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document" style="color: black;">
            <div class="modal-content"  style="text-align: left;">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Ajouter une ligne</h4>
              </div>
              <div class="modal-body">

                <div class="form-group">
                  <label for="produit">Bien ou service</label>
                  <input type="text" id="produit" placeholder="Bien ou service" class="form-control"/>
                </div>
                <div class="form-group">
                  <label for="vendeur">Vendeur</label>
                  <input type="text" id="vendeur" placeholder="Vendeur" class="form-control"/>
                </div>

                <div class="form-group">
                  <label for="cle_pub">Clé publique</label>
                  <input type="text" id="cle_pub" placeholder="Clé publique" class="form-control"/>
                </div>
                <div class="form-group has-error has-feedback">
                  <label for="prix">Prix en junes</label>
                  <input type="number" id="prix" placeholder="prix" class="form-control"/>
                </div>
                <div class="alert alert-block alert-danger" style="display:none">
                  <h4>Erreur !</h4>
                  Vous devez entrer un nombre !
                </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
                <button type="button" class="btn btn-primary" onclick="addRecord()">Ajouter</button>
              </div>
            </div>
          </div>
        </div>

      <div class="modal fade" id="update_user_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document" style="color: black;">
              <div class="modal-content" style="text-align: left;">
                  <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                      <h4 class="modal-title" id="myModalLabel">Mettre à jour</h4>
                  </div>
                  <div class="modal-body">
                      <div class="form-group">
                          <label for="update_produit">Bien ou service</label>
                          <input type="text" id="update_produit" placeholder="Bien ou service proposé" class="form-control"/>
                      </div>
                      <div class="form-group">
                          <label for="update_vendeur">Vendeur</label>
                          <input type="input" disabled="disabled" id="update_vendeur" placeholder="Vendeur" class="form-control"/>
                      </div>
                      <div class="form-group has-error has-feedback">
                          <label for="update_quantite">Quantité</label>
                          <input type="text" id="update_quantite" placeholder="Quantité" class="form-control"/>
                      </div>
                      <div class="form-group has-error has-feedback">
                          <label for="update_prix">Prix en junes</label>
                          <input type="number" id="update_prix" placeholder="prix" class="form-control"/>
                      </div>
                  </div>
                  <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
                      <button type="button" class="btn btn-primary" onclick="UpdateProduitsDetails()" >Sauvegarder</button>
                      <input type="hidden" id="hidden_user_id">
                      <input type="hidden" id="hidden_antenne_slug">
                  </div>
              </div>
          </div>
      </div>

   <!-- <table style="padding:0.15rem;" class="table-striped tableau">
      <thead>
      <tr>
        <th style="width:8rem;">Produit</th>
        <th style="width:8rem;">Photo</th>
        <th style="width:7rem;">Vendeur</th>
        <th style="width:5rem;">Quantité</th>
        <th style="width:6rem;">Prix</th>
        <th style="width:6rem;">Màj le</th>
        <th style="width:12rem;" colspan="2">Actions</th>
      </tr>
      </thead>
      <tbody>
     <!--crochet% set token_input = csrf_input %crochet-->


    <!-- paginate(items, routePrefix ~ '.index', {id: item.id, region: explodeUrl()[2], slug: explodeUrl()[3], antenne: explodeUrl()[4]}) -->
  </div>
{% endblock %}