{% 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>Bons de reception</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>
	
	<div class="portlet light bordered">
        <div class="portlet-title">
			<div class="caption"><i class="fa fa-search"></i>Filtrer les bons de reception</div>
        </div>
		
		<div class="portlet-body">
			<div class="row">
                <div class="col-md-6">
                    <div class="portlet-body form">
                        <div class="form-body">
                            <div class="form-group">
                                <div class="input-icon">
                                    <i class="fa fa-search font-red"></i>
                                    <input type="text" class="form-control" name="motcles" id="motcles" autocomplete=off>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-md-6">
                    <div class="portlet-body form">
                        <div class="form-body">
                            <div class="form-group">
                                <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('m-d-Y') }} - {{ 'tomorrow'|date('m-d-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_modify('+1 day')|date('Y-m-d') }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
		</div>
	</div>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-barcode"></i>Bons de reception</div>

                <div class="actions">
                    <a href="{{ path('produit_new') }}" class="btn white"><i class="fa fa-plus"></i> Nouveau bon </a>
                </div>
        </div>
        <div class="portlet-body">
            <div class="table-responsive">

                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>N° BON</th>
                            <th>N° FACTURE</th>
                            <th>FOURNISSEUR</th>
                            <th>DATE RECEPTION</th>
                            <th>ACTIONS</th>
                        </tr>
                    </thead>
                    <tbody id="documents-liste">
                    
                    </tbody>
				</table>
			</div>
			
		</div>
	</div>

{% endblock %}

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