2019-09-26 23:40:22 +02:00
2019-09-18 00:31:59 +02:00
{% extends 'layout.twig' %}
{% block title "Ğ1-Marché - Produits" %}
{% block body %}
<style>
.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;
}
2019-10-24 01:15:07 +02:00
.breadcrumb {
font-size: 1rem;
}
2019-09-18 00:31:59 +02:00
</style>
2019-09-26 23:40:22 +02:00
<script type="text/javascript" src="/js/script.js"></script>
2019-10-24 01:15:07 +02:00
<!-- Fil d'Ariane -->
<div class="breadcrumbs" >
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/gmarche">Accueil</a></li>
<li class="breadcrumb-item"><a href="/gmarche/ {{ region_slug }} "> {{ region_name }} </a></li>
<li class="breadcrumb-item active"> {{ antenne_name }} </li>
</ol>
</nav>
</div>
2019-09-18 00:31:59 +02:00
<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 %}
2019-09-26 23:40:22 +02:00
<div class="container">
2019-10-14 14:54:18 +02:00
<div class="row">
2019-09-26 23:40:22 +02:00
<div class="col-md-12">
2019-10-14 14:54:18 +02:00
<p>
2019-09-28 02:20:10 +02:00
{% if current_user ( ) %}
2019-10-14 14:54:18 +02:00
<button style="color:white; font-size: 14px;" class="btn btn-primary" data-toggle="modal" data-target="#add_new_record_modal">Ajouter un bien ou service
2019-09-28 02:20:10 +02:00
{% else %}
2019-10-14 14:54:18 +02:00
<div class="btn btn-primary">
<a class="nav-link" style="color: white; font-size: 14px;" href=" {{ path ( 'auth.login' ) }} ">Veuillez vous identifier pour ajouter un bien/service</a>
</div>
2019-09-28 02:20:10 +02:00
{% endif %}
2019-09-26 23:40:22 +02:00
</button>
</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">
<h4 class="modal-title" id="myModalLabel">Ajouter une ligne</h4>
2019-10-14 14:54:18 +02:00
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
2019-09-26 23:40:22 +02:00
</div>
<div class="modal-body">
2019-09-28 02:20:10 +02:00
<div class="form-group">
<label for="vendeur">Vendeur</label>
<input type="text" id="vendeur" disabled="disabled" placeholder=" {{ current_user ( ) .username }} " class="form-control"/>
</div>
2019-09-26 23:40:22 +02:00
2019-09-28 02:20:10 +02:00
<div class="form-group">
<label for="produit">Bien ou service</label>
<input type="text" id="produit" placeholder="Bien ou service" class="form-control"/>
</div>
2019-10-14 00:56:07 +02:00
<div class="form-group row">
<div class="col-md-7">
<form method='post' action='' enctype="multipart/form-data">
Choisir l'image : <input type='file' name='file' id='add_image' class='form-control' ><br>
</form>
</div>
<div class="col-md-5">
<div id="add_preview" style="border:1px solid black;width:160px;height:160px;"> </div>
</div>
</div>
2019-09-28 02:20:10 +02:00
<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">
<label for="quantite">Quantité</label>
2019-10-14 14:54:18 +02:00
<input type="number" id="quantite" placeholder="Quantité" class="form-control"/>
2019-09-28 02:20:10 +02:00
</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>
2019-09-26 23:40:22 +02:00
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
2019-09-28 02:20:10 +02:00
<button type="button" class="btn btn-primary"
2019-10-14 14:54:18 +02:00
onclick="addRecord(' {{ antenne_slug }} ',' {{ antenne_id }} ',' {{ current_user ( ) .username }} ',' {{ current_user ( ) .id }} ')">Ajouter</button>
2019-09-26 23:40:22 +02:00
</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">
<h4 class="modal-title" id="myModalLabel">Mettre à jour</h4>
2019-10-14 00:56:07 +02:00
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
2019-09-26 23:40:22 +02:00
</div>
<div class="modal-body">
<div class="form-group">
2019-10-14 00:56:07 +02:00
<label for="update_vendeur">Vendeur</label>
<input type="input" disabled="disabled" id="update_vendeur" placeholder="Vendeur" class="form-control"/>
</div>
<div class="form-group">
2019-09-26 23:40:22 +02:00
<label for="update_produit">Bien ou service</label>
<input type="text" id="update_produit" placeholder="Bien ou service proposé" class="form-control"/>
</div>
2019-10-14 00:56:07 +02:00
<div class="form-group row">
<div class="col-md-7">
<form method='post' action='' enctype="multipart/form-data">
Choisir l'image : <input type='file' name='file' id='image' class='form-control' ><br>
</form>
</div>
<div class="col-md-5">
<div id="preview" style="border:1px solid black;width:160px;height:160px;"> </div>
</div>
2019-09-26 23:40:22 +02:00
</div>
<div class="form-group has-error has-feedback">
<label for="update_quantite">Quantité</label>
2019-10-14 14:54:18 +02:00
<input type="number" id="update_quantite" placeholder="Quantité" class="form-control"/>
2019-09-26 23:40:22 +02:00
</div>
<div class="form-group has-error has-feedback">
<label for="update_prix">Prix en junes</label>
2019-10-14 14:54:18 +02:00
<input type="number" id="update_prix" placeholder="Prix" class="form-control"/>
2019-09-26 23:40:22 +02:00
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
2019-09-28 02:20:10 +02:00
<button type="button" class="btn btn-primary" onclick="UpdateProduitsDetails(' {{ current_user ( ) .username }} ')" >Sauvegarder</button>
2019-09-26 23:40:22 +02:00
<input type="hidden" id="hidden_user_id">
<input type="hidden" id="hidden_antenne_slug">
2019-10-15 00:09:23 +02:00
<input type="hidden" id="hidden_image_name">
2019-09-26 23:40:22 +02:00
</div>
</div>
</div>
</div>
<!-- <table style="padding:0.15rem;" class="table-striped tableau">
2019-09-18 00:31:59 +02:00
<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>
2019-10-24 01:15:07 +02:00
crochet% set token_input = csrf_input %crochet
2019-09-18 00:31:59 +02:00
2019-10-24 01:15:07 +02:00
paginate(items, routePrefix ~ '.index', { id: item.id, region: explodeUrl()[2],
slug: explodeUrl()[3], antenne: explodeUrl()[4]}) -->
2019-09-18 00:31:59 +02:00
</div>
{% endblock %}