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

{% block title %}Etat contact : {{stateContact.name}}{% endblock %}
{% block title_page %}Etat contact : {{stateContact.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('contact_etat_edition', {'id': stateContact.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">{{stateContact.id}}</dd>

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

                    <dt class="col-md-4">Description : </dt>
                    <dd class="col-md-8">{{stateContact.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 %}