{% 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>
                <a href="{{ path('categorie_index') }}">Catégories</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Détails</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-settings"></i>
                <span class="caption-subject">Détails Catégorie</span>
            </div>
        </div>

        <div class="portlet-body form">
            <div class="form-body">
            <table width="100%">
                <tbody>
                    <tr>
                        <th>Titre</th>
                        <td>{{ categorie.titre }}</td>
                    </tr>
                    <tr>
                        <th>Description</th>
                        <td>{{ categorie.description }}</td>
                    </tr>
                </tbody>
            </table>
            </div>

            <div class="form-actions">
                <div class="row">
                    <div class="col-md-12">
                        <a href="{{ path('categorie_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                        {% if app.user.aDroit('categorie_modification') %}
                        <a href="{{ path('categorie_edit', { 'id': categorie.id }) }}" class="btn green"><i class="fa fa-pencil"></i> Modifier</a>
                        {% endif %}

                        {% if app.user.aDroit('categorie_suppression') %}
                        <button type="button" class="btn red" onClick="document.form.submit();"><i class="fa fa-trash"></i> Supprimer</button>
                        {% endif %}

                    </div>
                </div>
            </div>

            {{ form_start(delete_form) }}
            {{ form_end(delete_form) }}
            
            
        </div>
    </div>
	
    {% if app.user.aDroit('produit_consultation') %}
	<div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-settings"></i>
                <span class="caption-subject">Produits de la catégorie</span>
            </div>
            <div class="actions">
                <button class="btn white hidden-print" onClick="exportTableToExcel('categorie-products', 'PRODUITS {{ categorie.titre }}')"><i class="fa fa-download"></i> Exporter</button>
            </div>
        </div>

        <div class="portlet-body">
            <div class="table-responsive" id="categorie-products">

                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Titre</th>
                            <th>Marque</th>
                            <th>Prix d'achat</th>
                            <th>Prix de vente</th>
                            <th>Quantité</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for produit in categorie.produits %}
                        <tr>
                            <td><a href="{{ path('produit_show', { 'id': produit.id }) }}">{{ produit.reference }}</a></td>
                            <td>{{ produit.titre }}</td>
                            <td>{{ produit.marque }}</td>
                            <td>{{ produit.getPrixAchatTTC() }}</td>
                            <td>{{ produit.getPrixVenteTTC() }}</td>
                            <td>{{ produit.quantitestock }}</td>
                            <td>
                                <div class="btn-group">
                                    <a href="{{ path('produit_show', { 'id': produit.id }) }}" class="btn btn-xs green" title="Afficher"><i class="fa fa-mail-forward"></i></a>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
			</table>
		</div>
            
        </div>
    </div>
    {% endif %}


    
{% endblock %}