{% extends'@admin/base.html.twig' %}
{% block subheader %}
    <h3 class="m-subheader__title m-subheader__title--separator">
        Stock
    </h3>

{% endblock %}
{% block breadcrumb %}{% endblock %}
{% block stat %}
    <div data-v-65d2613b="" class="flex-right">
        <ul data-v-65d2613b="" class="action-nav">
            <li data-v-65d2613b="" style="display: none;">
                <button data-v-65d2613b="" type="button" class="el-button el-button--icon el-button--default">
                    <span><i data-v-65d2613b="" class="icon-score"></i></span>
                </button>
            </li>
            <li data-v-65d2613b="">
                <div data-v-65d2613b="" class="el-dropdown">
                </div>
            </li>
            <li data-v-65d2613b="">
                <span data-v-65d2613b="" class="el-tooltip wrapper" aria-describedby="el-tooltip-1218" tabindex="0">
                </span>
            </li>
        </ul>
    </div>
{% endblock %}
{% block bodycontent %}
    <div class="row">
        <div class="col-lg-12">
            <!--begin::Portlet-->
            <div class="contentMargin">
                <div id="legacy-container">
                    <div  class="role" data-role="{% if is_granted('ROLE_SUPER_ADMIN') %}ROLE_SUPER_ADMIN{% elseif is_granted('ROLE_ADMIN') %}ROLE_ADMIN{% else %}{% endif %}"></div>
                    <div data-v-65d2613b="" class="listing-layout flex-column hp-10">
                        <div data-v-1efc7df3="" data-v-65d2613b="" class="preloader preloader prelative loader-undefined" style="display: none;">
                            <div data-v-1efc7df3="" class="logo-inner">
                                <div data-v-1efc7df3="" class="rect1"></div>
                                <div data-v-1efc7df3="" class="rect2"></div>
                                <div data-v-1efc7df3="" class="rect3"></div>
                                <div data-v-1efc7df3="" class="rect4"></div>
                            </div>
                        </div>
                        <div data-v-65d2613b="" class="listing prelative flex-column ov-reset mh-0 flex">
                            <div data-v-65d2613b="" class="flex-row mh-0 flex">
                                <div data-v-65d2613b="" class="leftpane well well-no-shadow me-4  flex-column">
                                    <div data-v-7f9ca48c="" data-v-65d2613b="" class="flex-column flex ff-fix ov-reset">
                                        <div data-v-7f9ca48c="" class="pb-2 bb-1">
                                            <div data-v-7f9ca48c="" class="flex-level no-shrink">
                                                <h3 data-v-7f9ca48c="" class="flex my-0 title-h3">
                                                    <span data-v-7f9ca48c="" class="">Filtrer</span>
                                                </h3>
                                              {#  <a id="close_filter" href="#" class="close-btn">×</a>#}
                                            </div>
                                        </div>
                                        <div data-v-7f9ca48c="" class="flex-level mt-3 pb-1 no-shrink h-3"><span data-v-7f9ca48c="" class="flex fs-3 semibold grey">Favoris</span> <a id='clear_filter' data-v-7f9ca48c="" href="#" class="btn btn-no-background btn-small fs-3 semibold pe-0">
                                                Voir tous
                                            </a>
                                        </div>
                                        <div data-v-7f9ca48c="" class="mb-3 pt-3 mb-3 p-0 fs-3">
                                            <div data-v-7f9ca48c="" class="form-input wp-10">
                                                {{ form_start(form, { 'attr' : { 'class': 'm-form m-form--fit m-form--label-align-left' } }) }}
                                                <label class=" col-form-label">
                                                    Reference
                                                </label>
                                                <div class="">
                                                    {{ form_widget(form.reference, {'attr': {'class': 'form-control m-input', 'placeholder':'Reference'}}) }}
                                                </div>
                                                <label class=" col-form-label">
                                                    Disponibilité
                                                </label>
                                                <div class="">
                                                    {{ form_widget(form.isAvailable, {'attr': {'class': 'form-control m-input', 'placeholder':'Disponibilité'}}) }}
                                                </div>
                                                <label class=" col-form-label">
                                                    Type
                                                </label>
                                                <div class="">
                                                    {{ form_widget(form.type, {'attr': {'class': 'form-control m-input', 'placeholder':'Type'}}) }}
                                                </div>
                                                <label class="col-form-label">
                                                    Stock
                                                </label>
                                                <div class="row">
                                                    <div class="col-6">
                                                        {{ form_widget(form.qtMin, {'attr': {'class': 'form-control m-input', 'placeholder':'Qté Min'}}) }}
                                                    </div>
                                                    <div class="col-6">
                                                        {{ form_widget(form.qtMax, {'attr': {'class': 'form-control m-input', 'placeholder':'Qté Max'}}) }}
                                                    </div>
                                                </div>
                                                <div class="marrgin-top  mt-3">
                                                    {{ form_widget(form.save, {'attr': {'class': 'btn btn-block btn-success fs-3 btn-dark'}, 'label': 'Rechercher'}) }}
                                                </div>
                                                {{ form_errors(form) }}
                                                {{ form_rest(form) }}
                                                {{ form_end(form) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-v-65d2613b="" class="listingContainer br flex flex-column m-portlet m-portlet--mobile width-100">
                                    <div class="m-portlet__body px-2 py-2">
                                        <table id="stocksTable" class="table table-striped table-hover table-bordered w-100">
                                            <thead>
                                                <tr>
                                                    <th>Réf.</th>
                                                    <th>Qt Dispo</th>
                                                    <th>Qt Réservé</th>
                                                    <th>Qt Total</th>
                                                    <th>Nom</th>
                                                    <th>Prix Achat TTC</th>
                                                    <th>Prix TTC</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody></tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
{% endblock %}