{% extends 'base.html.twig' %}

{% block body %}

    <!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Statistiques</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

	<div class="portlet light bordered">
		<div class="portlet-title">
			<div class="caption">
				<i class="icon-settings"></i>
				Resultats par date
			</div>
			<div class="actions">
            	<div class="input-icon">
                    <i class="fa fa-calendar font-red"></i>
                    <input type="text" class="form-control" name="date_commande" id="date_commande" value="{{ 'now'|date('d-m-Y') }}" autocomplete=off data-date-end-date="0d">
                    <input type="hidden" id="date_start" value="{{ 'now'|date('Y-m-d') }}">
                    <input type="hidden" id="date_end" value="{{ 'now'|date('Y-m-d') }}">
                </div>
        	</div>
		</div>
		
		<div class="portlet-body">
			<div class="row">
                <div class="col-md-6">
			
					<div class="portlet-body form">
						<form class="form-horizontal">
							<div class="form-body">
								<div class="form-group">
									<label class="col-md-3 control-label" for="nbr_commande">Nbr commandes</label>
									<div class="col-md-9">
										<input type="text" id="nbr_commande" name="nbr_commande" class="form-control" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_apayer">Chiffre d'affaire</label>
									<div class="col-md-9">
										<input type="text" id="total_apayer" name="total_apayer" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_espece">Espèce</label>
									<div class="col-md-9">
										<input type="text" id="total_espece" name="total_espece" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_carte">Compte</label>
									<div class="col-md-9">
										<input type="text" id="total_carte" name="total_carte" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_cheque">Chèques</label>
									<div class="col-md-9">
										<input type="text" id="total_cheque" name="total_cheque" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="reste">Reste a payer</label>
									<div class="col-md-9">
										<input type="text" id="reste" name="reste" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_achats">Achats</label>
									<div class="col-md-9">
										<input type="text" id="total_achats" name="total_achats" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_depenses">Dépenses</label>
									<div class="col-md-9">
										<input type="text" id="total_depenses" name="total_depenses" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_benefice_previsionnel">Bénéfice prévue</label>
									<div class="col-md-9">
										<input type="text" id="total_benefice_previsionnel" name="total_benefice_previsionnel" class="form-control disabled" readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label" for="total_benefice">Bénéfice réalisé</label>
									<div class="col-md-9">
										<input type="text" id="total_benefice" name="total_benefice" class="form-control disabled" readonly>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>

				<div class="col-md-6">
					<div id="chart_7" class="chart" style="height: 400px;"> </div>
				</div>

			</div>
			
		</div>

		<div class="clearfix"></div>
		
	</div>

	<div class="portlet light bordered">
		<div class="portlet-title">
			<div class="caption">
				<i class="icon-settings"></i>
				Resultats par mois
			</div>
			<div class="actions">
            	<div class="input-icon">
                    <i class="fa fa-calendar font-red"></i>
                    <input type="text" class="form-control" name="annee_commande" id="annee_commande" value="{{ 'now'|date('Y') }}" autocomplete=off data-date-end-date="0d">
                    <input type="hidden" id="date_start" value="{{ 'now'|date('Y-m-d') }}">
                    <input type="hidden" id="date_end" value="{{ 'now'|date('Y-m-d') }}">
                </div>
        	</div>
		</div>
		
		<div class="portlet-body">
			<div class="row">
                <div class="col-md-12">
                	<div id="chart_bar" class="chart" style="height: 400px;"> </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                	<div id="chart_table"></div>
                </div>
            </div>
		</div>

		<div class="clearfix"></div>
		
	</div>


	<!-- /.modal client -->
    <div id="stats_categorie" class="modal fade" tabindex="-1" data-width="400">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Détails</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div id="chart_table_categorie"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Fermer</button>
                </div>
            </div>
        </div>
    </div>

    
	
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/global/scripts/statistiques.js') ~ '?' ~ random() }}" type="text/javascript"></script>
{% endblock %}