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

{% block title %}Etat produit : {{stateProduct.name}}{% endblock %}
{% block title_page %}Etat produit : {{stateProduct.name}}{% endblock %}

{% block container_start %}


    <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">
            </div>
            <div class="col-4">
                <div class="float-right">

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

                    {% if is_granted("ROLE_ADMINISTRATION_ROLE") %}
                        <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>
            <div class="col-sm-5 invoice-col">
                <dl class="row">
                    <dt class="col-md-4">Identifiant : </dt>
                    <dd class="col-md-8">{{stateProduct.id}}</dd>

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

                    <dt class="col-md-4">Type : </dt>
                    <dd class="col-md-8">
                        <ul>
                            {% for type in stateProduct.type %}
                                <li>
                                    {% if type == "p" %}
                                        Produit
                                    {% elseif type == "pf" %}
                                        Produit suivi
                                    {% elseif type == "mtn" %}
                                        Maintenance
                                    {% else %}

                                    {% endif %}
                                </li>
                            {% endfor %}
                        </ul>
                    </dd>

                    <dt class="col-md-4">Description : </dt>
                    <dd class="col-md-8">{{stateProduct.description}}</dd>

                </dl>
            </div>
            <!-- /.col -->
            <div class="col-sm-5 invoice-col">
                <dl class="row">

                </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 %}