{% extends 'dashboard_layout.html.twig' %}
{% block title %} {{ parent() }} | {{ boutique.nom }}{% endblock %}
{% block real_content %}
<p>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ path('admin.expensives', {'slug': boutique.slug}) }}">{{ 'admin.expensives.label' | trans }}</a></li>
<li class="breadcrumb-item active">{{ 'admin.expensives.new_expensive' | trans }}</li>
</ol>
</nav>
</p>
<div class="main-card mb-3 card">
<div class="card-body">
<h3>{{ 'admin.expensives.new_expensive' | trans }}</h3>
<hr/>
<form id="formExpensive" class="forms-sample" method="POST" action="{{ path('admin.new_expensive', {'slug': boutique.slug}) }}">
<div class="form-group">
{{ form_label(form.piece) }}
{{ form_widget(form.piece) }}
</div>
<br/>
<div class="form-group">
{{ form_label(form.categorieDepense) }}
{{ form_widget(form.categorieDepense) }}
</div>
<br/>
<div class="form-group">
{{ form_label(form.laDate) }}
{{ form_widget(form.laDate) }}
</div>
<br/>
<div class="form-group">
{{ form_label(form.montant) }}
{{ form_widget(form.montant) }}
</div>
<div class="form-group">
<label for="moyenDePaiement">{{ 'admin.payment_method.label' | trans }} </label>
<select class="form-control" id="moyenDePaiement" name="moyenDePaiement" required="required" />
<option value="">Faites un choix</option>
<option value="cash">Espèce</option>
<option value="card">Carte bancaire</option>
<option value="check">Chèque</option>
<option value="mobile-money">Mobile money</option>
<option value="transfer">Virement</option>
</select>
</div>
<br/>
<div class="form-group">
{{ form_label(form.tiers) }}
{{ form_widget(form.tiers) }}
</div>
<br/>
<div class="form-group">
{{ form_label(form.detail) }}
{{ form_widget(form.detail) }}
</div>
<br/>
<div class="form-group">
<input id="btnEnregistrerExpensive" class="btn btn-primary float-right" type="submit" value="{{ 'admin.save' | trans }}" />
</div>
{{ form_rest(form) }}
</form>
</div>
</div>
{% endblock real_content %}
{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
$(function(){
var $formExpensive = $('#formExpensive');
var $btnEnregistrerExpensive = $('#btnEnregistrerExpensive');
var $expensiveMontant = $('#expensive_montant');
$btnEnregistrerExpensive.click(function(e){
e.preventDefault();
if(parseFloat($expensiveMontant.val()) <= 0 || $expensiveMontant.val() == ''){
toggleMessage('error', 'Veuillez remplir les champs');
$expensiveMontant.focus()
} else{
$(this).attr('disabled', true);
enregistrerElement();
}
});
function enregistrerElement()
{
toggleLoading();
$.ajax({
url: $formExpensive.attr('action'),
method: 'POST',
data: $formExpensive.serialize(),
//processData: false,
//contentType: false,
success: function (data, textStatus, jqXHR) {
toggleMessage('success', 'Enregistrement effectué');
$formExpensive.trigger('reset');
$btnEnregistrerExpensive.attr('disabled', false);
toggleLoading();
},
error: function(jqXHR, textStatus, errorThrown ){
toggleLoading();
toggleMessage('error', 'Erreur survenue');
$btnEnregistrerExpensive.attr('disabled', false);
}
});
}
});
</script>
{% endblock javascripts %}