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

{% block title %}Produit {{product.name}}{% endblock %}
{% block title_page %}Produit : {{product.name}}{% endblock %}


{% block container_start %}

    <!-- Main content -->
    <div class="invoice p-3 mb-3">
        <!-- title row -->
        <div class="row card-header">
            <div class="col-4">
                <h4>
                    <i class="fas fa-globe"></i>
                </h4>
            </div>
            <!-- /.col -->
            <div class="col-4">
                <h3 class="text-center underline"  style="margin-top:0px;">
                    <u>
                        {% trans %}Informations produit{% endtrans %}
                    </u>
                </h3>
            </div>
            <div class="col-4">
                <div class="float-right">

                    {% if is_granted("ROLE_EDIT_PRODUCT") %}
                        <button type="button" class="btn btn-success btn-sm">
                            <a class="btn-sm btn-success" href="{{ path('produit_edition', {'id': product.id}) }}">
                                <i class="fas fa-edit"></i> Modifier
                            </a>
                        </button>
                    {% endif %}

                    {% if is_granted("ROLE_DELETE_PRODUCT") %}
                        <button type="button" class="btn btn-danger btn-sm">
                            <a class="btn-sm btn-danger" href="#">
                                <i class="fas fa-trash"></i> Supprimer
                            </a>
                        </button>
                    {% endif %}


                </div>
            </div>
            <!-- /.col -->

        </div>
        <!-- info row -->
        <div class="row invoice-info card-body">
            <div class="col-sm-2 invoice-col">


                <div class="card-body box-profile">
                    <div class="text-center">
                        {% if  product.filename %}
                            <img src="{{ vich_uploader_asset(product, 'imageFile') | imagine_filter('img_fiche') }}" alt="image-product" style="height: 150px; width: auto;" >
                        {% else %}
                            <img src="{{ asset('dist/img/image-non-disponible.png') | imagine_filter('img_fiche') }}" alt="Image-non-disponible" class="brand-image img-circle elevation-3" style="height: 150px; width: auto;">
                        {% endif %}
                    </div>
                </div>
                <!-- /.card-body -->



            </div>
            <div class="col-sm-5 invoice-col">
                <dl class="row">
                    <dt class="col-md-4">Identifiant</dt>
                    <dd class="col-md-8">{{product.id}}</dd>

                    <dt class="col-md-4">Nom</dt>
                    <dd class="col-md-8">{{product.name}}</dd>

                    <dt class="col-md-4">Référence</dt>
                    <dd class="col-md-8">{{product.reference}}</dd>

                    <dt class="col-md-4">Préfixe</dt>
                    <dd class="col-md-8">{{product.reference}}</dd>

                    <dt class="col-md-4">Catégorie(s)</dt>
                    <dd class="col-md-8">
                        <ul>
                            {% for category in product.category %}
                                <li>{{category.name}}</li>
                            {% endfor %}
                        </ul>
                    </dd>
                    <dt class="col-md-4">Pack</dt>
                    <dd class="col-md-8">
                        {% if product.isPack %}
                        Oui
                        {% else %}
                        Non
                        {% endif %}
                    </dd>




                </dl>
            </div>
            <!-- /.col -->
            <div class="col-sm-5 invoice-col">
                <dl class="row">
                    <dt class="col-md-4">Création</dt>
                    <dd class="col-md-8">{{product.createdAt|date("d/m/Y")}}</dd>

                    <dt class="col-md-4">Dernière MAJ :</dt>
                    <dd class="col-md-8">{{product.updatedAt|date("d/m/Y")}}</dd>

                    <dt class="col-md-4">Produit suivis :</dt>
                    <dd class="col-md-8">{% if product.follow == 0 %}
                            Non
                        {% else %}
                            Oui
                        {% endif %}
                    </dd>



                    <dt class="col-md-4">Etat :</dt>
                    <dd class="col-md-8">{{product.state.name}}</dd>

                    <dt class="col-md-4">Descritpion</dt>
                    <dd class="col-md-8">{{product.description}}</dd>
                </dl>
            </div>
            <!-- /.col -->

        </div>

        <!-- /.row -->


        <!-- this row will not appear when printing -->
        {#
        <div class="row no-print">
            <div class="col-12">
                <a href="#" target="_blank" class="btn btn-default"><i class="fas fa-print"></i> Print</a>
                <button type="button" class="btn btn-primary float-right" style="margin-right: 5px;">
                    <i class="fas fa-download"></i> Generate PDF
                </button>
            </div>
        </div>
        #}
    </div>
    <!-- /.invoice -->

{% endblock %}