{% extends '::layout.html.twig' %}

{% block content %}
    <style type="text/css">
        .text-dark {
            color: #337ab7 !important;
        }

        .text-small {
            line-height: 20px;
            padding: 15px;
        }

        .span-style {
            font-size: 20px;
            color: #E10031;
        }

        .accordion-toggle strong {
            font-size: 15px;
            color: #337ab7 !important;
        }

        #sample-table-2 thead tr th {
            color: #337ab7 !important;
            font-size: 14px;
        }

        .glyphicon-color {
            color: #ff4c4c;
            margin-right: 5px;
        }
        input[placeholder], [placeholder], *[placeholder] {
            background: white !important;
        }
    </style>
    <div class="container-fluid container-fullw ">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-white" id="panel6">
                    <div class="panel-body">
                        <div class="row" style="margin-left: 20px;margin-right: 20px;">
                            <div class="row invoice-logo">
                                <div class="col-sm-6">
                                    <img alt="" src="{{ asset('components/assets/images/logo.png') }}">
                                </div>
                                <div class="col-sm-6" style="padding-top: 10px">
                                    <p class="text-dark">
                                        <span style="float: right;font-size: 20px;line-height: 28px;">#{{ var.demande.numD }}
                                            / {{ var.demande.dateCreate|date("d M Y") }}</span>
                                    </p>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-sm-4  pull-left">
                                    <div class="well">
                                        <address>
                                            <strong class="text-dark"> {{ var.requester.civility~'.'~var.requester.nom~' '~var.requester.prenom }}</strong>
                                            <br>
                                            <strong class="text-dark">E-mail: </strong> {{ var.requester.email }}
                                            <br>
                                            <strong class="text-dark">{{ 'pages.form.b15'|trans }}
                                                : </strong> {{ var.demande.filiale }}
                                            <br>
                                            <strong class="text-dark">{{ 'pages.form.b16'|trans }}
                                                : </strong> {{ var.demande.entite }}
                                            <br>
                                            <strong class="text-dark"> {{ 'pages.form.b17'|trans }}
                                                : </strong>{{ var.requester.metier }}
                                        </address>

                                    </div>
                                </div>
                                <div class="col-sm-4 pull-right">
                                    <div class="well">
                                        <address>
                                            <strong class="text-dark"> {{ 'pages.form.b12'|trans }}
                                                : </strong>{{ var.demande.typeD.nom }}
                                            <br>
                                            <strong class="text-dark"> {{ 'pages.form.b13'|trans }}
                                                : </strong>{{ var.demande.ramses }}
                                            <br>
                                            <strong class="text-dark"> {{ 'pages.form.b18'|trans }}
                                                : </strong>{{ var.demande.dateCreate|date("d M Y") }}
                                            <br>
                                            <strong class="text-dark"> {{ 'pages.form.b64'|trans }}
                                                : </strong><br>{{ var.demande.dateE }} {{ 'pages.form.b63'|trans }}
                                        </address>
                                    </div>
                                </div>
                            </div>
                            <!-- start: UI BOOTSTRAP ACCORDION -->
                            <div class="container-fluid container-fullw">
                                <div class="row" style="border: 2px solid #e3e3e3;">
                                    <div class="row" style="padding-top: 20px;padding-left: 20px;padding-right: 20px;">
                                        <div class="col-md-12">
                                            <span class="span-style">
                                                {{ 'pages.form.b67'|trans }} :
                                            </span>
                                            <p class="text-small"> {{ var.demande.descriptionG|raw }} </p>
                                            <div class="panel-group accordion" id="accordion">
                                                <div class="panel panel-white col-md-6">
                                                    <div class="panel-heading">
                                                        <h5 class="panel-title">
                                                            <a class="accordion-toggle collapsed in"
                                                               data-toggle="collapse" data-parent="#accordion">
                                                                <i class="icon-arrow"></i>
                                                                <strong>{{ 'pages.form.b31'|trans }}</strong>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div class="panel-collapse collapse in">
                                                        <div class="panel-body"> {{ var.demande.what }} </div>
                                                    </div>
                                                </div>
                                                <div class="panel panel-white col-md-6">
                                                    <div class="panel-heading">
                                                        <h5 class="panel-title">
                                                            <a class="accordion-toggle collapsed in"
                                                               data-toggle="collapse" data-parent="#accordion">
                                                                <i class="icon-arrow"></i>
                                                                <strong>{{ 'pages.form.b32'|trans }}</strong>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div class="panel-collapse collapse in">
                                                        <div class="panel-body"> {{ var.demande.why }} </div>
                                                    </div>
                                                </div>
                                                <div class="panel panel-white col-md-6">
                                                    <div class="panel-heading">
                                                        <h5 class="panel-title">
                                                            <a class="accordion-toggle collapsed" data-toggle="collapse"
                                                               data-parent="#accordion">
                                                                <i class="icon-arrow"></i>
                                                                <strong>{{ 'pages.form.b33'|trans }}</strong>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div class="panel-collapse collapse in">
                                                        <div class="panel-body"> {{ var.demande.who }} </div>
                                                    </div>
                                                </div>
                                                <div class="panel panel-white col-md-6">
                                                    <div class="panel-heading">
                                                        <h5 class="panel-title">
                                                            <a class="accordion-toggle collapsed" data-toggle="collapse"
                                                               data-parent="#accordion">
                                                                <i class="icon-arrow"></i>
                                                                <strong>{{ 'pages.form.b34'|trans }}</strong>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div class="panel-collapse collapse in">
                                                        <div class="panel-body"> {{ var.demande.when }} </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr style="border: 1px solid #e3e3e3;">
                                    <div class="row" style="padding-left: 20px;padding-right: 20px;">
                                        <div class="col-md-12">
                                            <span class="span-style">
                                                {{ 'pages.form.b66'|trans }} :
                                            </span>
                                            <p class="text-small"> {{ var.demande.risqueD|raw }} </p>
                                        </div>
                                    </div>
                                    <hr style="border: 1px solid #e3e3e3;">
                                    <div class="row" style="padding-left: 20px;padding-right: 20px;">
                                        <div class="col-md-12">
                                            <span class="span-style">
                                                {{ 'pages.form.b51'|trans }} :
                                            </span>
                                            <p class="text-small"> {{ var.demande.description|raw }} </p>
                                            <table class="table table-striped table-hover" id="sample-table-2">
                                                <thead>
                                                <tr>
                                                    <th>{{ 'pages.form.b52'|trans }}:</th>
                                                    <th class="center">{{ 'pages.form.b522'|trans }}</th>
                                                    <th class="center">{{ 'pages.form.b523'|trans }}</th>
                                                    <th class="center">{{ 'pages.form.b524'|trans }}</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                {% for action in var.demande.actions %}
                                                    <tr>
                                                        <td>{{ action.nom }}</td>
                                                        <td class="center">{{ action.qui }}</td>
                                                        <td class="center">{{ action.quand }}</td>
                                                        <td class="center">{{ action.fait }}</td>
                                                    </tr>
                                                {% endfor %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    {% if var.demande.medias is not empty %}
                                    <hr style="border: 1px solid #e3e3e3;">
                                    <div class="row" style="padding-left: 20px;padding-right: 20px;">
                                        <div class="col-md-12">
                                            <span class="span-style">
                                                {{ 'pages.form.b4Description'|trans }} :
                                            </span>
                                            <table class="table table-striped table-hover" id="sample-table-2">
                                                <thead>
                                                <tr>
                                                    <th>{{ 'pages.form.b4Placeholder'|trans }}:</th>
                                                    <th class="center">{{ 'pages.form.b41'|trans }}</th>
                                                    <th class="center">{{ 'pages.form.b42'|trans }}</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                {% for media in var.demande.medias %}
                                                    <tr>
                                                        <td>{{ media.nom }}</td>
                                                        <td class="center">
                                                            {% if media.path in  ["jpeg","jpg","png","gif"] %}
                                                                {{ 'pages.form.b43'|trans }}
                                                            {% elseif media.path in  ["pdf"] %}
                                                                {{ 'pages.form.b44'|trans }}
                                                            {% elseif media.path in ["docx","doc"] %}
                                                                {{ 'pages.form.b45'|trans }}
                                                            {% else %}
                                                                {{ 'pages.form.b46'|trans }}
                                                            {% endif %}
                                                        </td>
                                                        <td class="center">
                                                            <a href="{{ asset('uploads/medias/'~media.alt) }}"
                                                               target="_blank"><span
                                                                        class="glyphicon glyphicon-file glyphicon-color"> </span></a>
                                                        </td>
                                                    </tr>
                                                {% endfor %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    {% endif %}
                                    {% if var.etat > 0 %}
                                        <hr style="border: 1px solid #e3e3e3;">
                                        <div class="row"
                                             style="padding-bottom: 20px;padding-left: 20px;padding-right: 20px;">
                                            {% if var.validation is not empty %}
                                                <span class="span-style">
                                                    {{ 'pages.form.block7'|trans }} :
                                                </span>
                                                <div class="col-md-12">
                                                    {% if var.etat > 0 %}
                                                        <table class="table table-striped table-hover"
                                                               id="sample-table-2">
                                                            <thead>
                                                            <tr>
                                                                <th>{{ 'pages.form.b74'|trans }}:</th>
                                                                <th class="center">{{ 'pages.form.b711'|trans }}</th>
                                                                <th class="center">{{ 'pages.form.b712'|trans }}</th>
                                                                <th class="center">{{ 'pages.form.b713'|trans }}</th>
                                                                <th class="center">{{ 'pages.form.b714'|trans }}</th>
                                                                <th class="center">{{ 'pages.form.b719'|trans }}</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr>
                                                                <td>
                                                                    <div class="checkbox clip-check check-danger checkbox-inline">
                                                                        <input type="checkbox" id="checkbox11" value="1"
                                                                               {% if var.validation[0].decision =="Demande Approuvée" %}checked=""{% endif %}
                                                                               disabled="">
                                                                        <label for="checkbox11">
                                                                            {{ 'pages.form.b715'|trans }}
                                                                        </label>
                                                                    </div>
                                                                    <div class="checkbox clip-check check-danger checkbox-inline">
                                                                        <input type="checkbox" id="checkbox12" value="1"
                                                                               {% if var.validation[0].decision =="Demande Refusée" %}checked=""{% endif %}
                                                                               disabled="">
                                                                        <label for="checkbox12">
                                                                            {{ 'pages.form.b716'|trans }}
                                                                        </label>
                                                                    </div>
                                                                </td>
                                                                <td class="center">{{ var.validation[0].user }}</td>
                                                                <td class="center">{{ var.validation[0].commentaire | raw }}</td>
                                                                <td class="center">{{ var.validation[0].dateVal|date("d M Y") }}</td>
                                                                <td class="center">
                                                                    {% if var.validation[0].rapport is not empty %}
                                                                        {% for rapport in var.validation[0].rapport %}
                                                                            <a href="{{ asset('uploads/rapport/'~rapport) }}"
                                                                               target="_blank"> <span
                                                                                        class="glyphicon glyphicon-file glyphicon-color"> </span></a>
                                                                        {% endfor %}
                                                                    {% endif %}
                                                                </td>
                                                                <td class="center">
                                                                    {% if invitations is not empty %}
                                                                        {% for invitation in invitations if invitation.sendBy == "Invitation By Directeur" %}
                                                                            {{ invitation.receiverPrenom }} {{ invitation.receiverNom }}
                                                                            <br>
                                                                        {% endfor %}
                                                                    {% endif %}
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                        {% if (var.etat > 1 and var.etat < 5) or (var.etat > 4 and var.validation|length > 1) %}
                                                            <br>
                                                            <table class="table table-striped table-hover"
                                                                   id="sample-table-2">
                                                                <thead>
                                                                <tr>
                                                                    <th>{{ 'pages.form.b72'|trans }}:</th>
                                                                    <th class="center">{{ 'pages.form.b711'|trans }}</th>
                                                                    <th class="center">{{ 'pages.form.b712'|trans }}</th>
                                                                    <th class="center">{{ 'pages.form.b713'|trans }}</th>
                                                                    <th class="center">{{ 'pages.form.b714'|trans }}</th>
                                                                    <th class="center">{{ 'pages.form.b719'|trans }}</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <div class="checkbox clip-check check-danger checkbox-inline">
                                                                            <input type="checkbox" id="checkbox21"
                                                                                   value="1"
                                                                                   {% if var.validation[1].decision =="Demande Approuvée" %}checked=""{% endif %}
                                                                                   disabled="">
                                                                            <label for="checkbox21">
                                                                                {{ 'pages.form.b715'|trans }}
                                                                            </label>
                                                                        </div>
                                                                        <div class="checkbox clip-check check-danger checkbox-inline">
                                                                            <input type="checkbox" id="checkbox22"
                                                                                   value="1"
                                                                                   {% if var.validation[1].decision =="Demande Refusée" %}checked=""{% endif %}
                                                                                   disabled="">
                                                                            <label for="checkbox22">
                                                                                {{ 'pages.form.b716'|trans }}
                                                                            </label>
                                                                        </div>
                                                                    </td>
                                                                    <td class="center">{{ var.validation[1].user }}</td>
                                                                    <td class="center">{{ var.validation[1].commentaire| raw }}</td>
                                                                    <td class="center">{{ var.validation[1].dateVal|date("d M Y") }}</td>
                                                                    <td class="center">
                                                                        {% if var.validation[1].rapport is not empty %}
                                                                            {% for rapport in var.validation[1].rapport %}
                                                                                <a href="{{ asset('uploads/rapport/'~rapport) }}"
                                                                                   target="_blank"><span
                                                                                            class="glyphicon glyphicon-file glyphicon-color"></span></a>
                                                                            {% endfor %}
                                                                        {% endif %}
                                                                    </td>
                                                                    <td class="center">
                                                                        {% for invitation in invitations if invitation.sendBy == "Invitation By HSEQ" %}
                                                                            {{ invitation.receiverPrenom }} {{ invitation.receiverNom }}
                                                                        {% endfor %}
                                                                    </td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                            {% if (var.etat > 2 and var.etat < 5) or (var.etat > 4 and var.validation|length == 3) %}
                                                                <br>
                                                                <table class="table table-striped table-hover"
                                                                       id="sample-table-2">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>{{ 'pages.form.b73'|trans }}:</th>
                                                                        <th class="center">{{ 'pages.form.b711'|trans }}</th>
                                                                        <th class="center">{{ 'pages.form.b712'|trans }}</th>
                                                                        <th class="center">{{ 'pages.form.b713'|trans }}</th>
                                                                        <th class="center">{{ 'pages.form.b714'|trans }}</th>
                                                                        <th class="center">{{ 'pages.form.b719'|trans }}</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="checkbox clip-check check-danger checkbox-inline">
                                                                                <input type="checkbox" id="checkbox31"
                                                                                       value="1"
                                                                                       {% if var.validation[2].decision =="Demande Approuvée" %}checked=""{% endif %}
                                                                                       disabled="">
                                                                                <label for="checkbox31">
                                                                                    {{ 'pages.form.b715'|trans }}
                                                                                </label>
                                                                            </div>
                                                                            <div class="checkbox clip-check check-danger checkbox-inline">
                                                                                <input type="checkbox" id="checkbox32"
                                                                                       value="1"
                                                                                       {% if var.validation[2].decision =="Demande Refusée" %}checked=""{% endif %}
                                                                                       disabled="">
                                                                                <label for="checkbox32">
                                                                                    {{ 'pages.form.b716'|trans }}
                                                                                </label>
                                                                            </div>
                                                                        </td>
                                                                        <td class="center">{{ var.validation[2].user }}</td>
                                                                        <td class="center">{{ var.validation[2].commentaire |raw }}</td>
                                                                        <td class="center">{{ var.validation[2].dateVal|date("d M Y") }}</td>
                                                                        <td class="center">
                                                                            {% if var.validation[2].rapport is not empty %}
                                                                                {% for rapport in var.validation[2].rapport %}
                                                                                    <a href="{{ asset('uploads/rapport/'~rapport) }}"
                                                                                       target="_blank"> <span
                                                                                                class="glyphicon glyphicon-file glyphicon-color"> </span></a>
                                                                                {% endfor %}
                                                                            {% endif %}
                                                                        </td>
                                                                        <td class="center">
                                                                            {% for invitation in invitations if invitation.sendBy == "Invitation By DG" %}
                                                                                {{ invitation.receiverPrenom }} {{ invitation.receiverNom }}<br>
                                                                                {{ invitation.date }}
                                                                            {% endfor %}
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                            {% endif %}
                                                        {% endif %}
                                                    {% endif %}
                                                </div>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                </div>
                                {% if var.etat == 0 and app.user.roles[0] == 'ROLE_CHEF' %}
                                    <div class="row" style="border: 2px solid #e3e3e3;margin-top: 40px;">
                                        <div class="row" style="padding: 20px;">
                                            <div class="col-md-12">
                                                <span class="span-style">
                                                    {{ 'pages.form.b74'|trans }} :
                                                </span>
                                            </div>
                                        </div>
                                        {{ render(controller('DemandeBundle:Directeur:validationDirecteur',{'id':var.id})) }}
                                    </div>
                                {% elseif var.etat == 1 and app.user.roles[0] == 'ROLE_HSEQ' %}
                                    <div class="row" style="border: 2px solid #e3e3e3;margin-top: 40px;">
                                        <div class="row" style="padding: 20px;">
                                            <div class="col-md-12">
                                                <span class="span-style">
                                                    {{ 'pages.form.b72'|trans }} :
                                                </span>
                                            </div>
                                        </div>
                                        {{ render(controller('DemandeBundle:AdminHSEQ:validationHSEQ',{'id':var.id})) }}
                                    </div>
                                {% elseif var.etat == 2 and app.user.roles[0] == 'ROLE_DG' %}
                                    <div class="row" style="border: 2px solid #e3e3e3;margin-top: 40px;">
                                        <div class="row" style="padding: 20px;">
                                            <div class="col-md-12">
                                                <span class="span-style">
                                                    {{ 'pages.form.b73'|trans }}e :
                                                </span>
                                            </div>
                                        </div>
                                        {{ render(controller('DemandeBundle:AdminDG:validationDG',{'id':var.id})) }}
                                    </div>
                                {% elseif var.etat == 3 and app.user.roles[0] == 'ROLE_HSEQ' %}
                                    <div class="row" style="border: 2px solid #e3e3e3;margin-top: 40px;">
                                        <div class="row" style="padding: 20px;">
                                            <div class="col-md-12">
                                                <span class="span-style">
                                                   {{ 'pages.form.block8'|trans }} :
                                                </span>
                                            </div>
                                        </div>
                                        {{ render(controller('DemandeBundle:AdminHSEQ:cloturationHSEQ',{'id':var.id})) }}
                                    </div>
                                {% elseif var.etat == 4 %}
                                    <div class="row" style="border: 2px solid #e3e3e3;margin-top: 40px;">
                                        <table class="table table-striped table-hover" id="sample-table-2">
                                            <thead>
                                            <tr>
                                                <th>{{ 'pages.form.b81'|trans }}</th>
                                                <th>{{ 'pages.form.b82'|trans }}</th>
                                                <th>{{ 'pages.form.b83'|trans }}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    {{ 'pages.form.b811'|trans }} {{ var.validation[3].dateVal|date("d M Y") }}
                                                </td>
                                                <td>
                                                    {{ 'pages.form.b84'|trans }}
                                                    <br>
                                                    {{ var.validation[3].user }}
                                                </td>
                                                <td>
                                                    {{ var.validation[3].commentaire |raw }}
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                {% elseif var.etat == 5 %}
                                    <div class="row" style="border: 2px solid #e3e3e3;margin-top: 40px;">
                                        <table class="table table-striped table-hover" id="sample-table-2">
                                            <thead>
                                            <tr>
                                                <th>{{ 'pages.form.b815'|trans }}</th>
                                                <th>{{ 'pages.form.b816'|trans }}</th>
                                                <th>{{ 'pages.form.b817'|trans }}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    {% if var.validation|length == 3 %}
                                                        {{ 'pages.form.b88'|trans }}
                                                        <br>
                                                        {{ var.validation[2].user }}
                                                    {% elseif var.validation|length == 2 %}
                                                        {{ 'pages.form.b89'|trans }}
                                                        <br>
                                                        {{ var.validation[1].user }}
                                                    {% elseif var.validation|length == 1 %}
                                                        {{ 'pages.form.b810'|trans }}
                                                        <br>
                                                        {{ var.validation[0].user }}
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if var.validation|length == 3 %}
                                                        {{ 'pages.form.b811'|trans }} {{ var.validation[2].dateVal|date("d M Y") }}
                                                    {% elseif var.validation|length == 2 %}
                                                        {{ 'pages.form.b811'|trans }} {{ var.validation[1].dateVal|date("d M Y") }}
                                                    {% elseif var.validation|length == 1 %}
                                                        {{ 'pages.form.b811'|trans }} {{ var.validation[0].dateVal|date("d M Y") }}
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if var.validation|length == 3 %}
                                                        {{ 'pages.form.b812'|trans }}:
                                                        <br>
                                                        {{ var.validation[2].commentaire |raw }}
                                                    {% elseif var.validation|length == 2 %}
                                                        {{ 'pages.form.b813'|trans }}:
                                                        <br>
                                                        {{ var.validation[1].commentaire |raw }}
                                                    {% elseif var.validation|length == 1 %}
                                                        {{ 'pages.form.b814'|trans }}:
                                                        <br>
                                                        {{ var.validation[0].commentaire |raw }}
                                                    {% endif %}
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                {% elseif var.etat == 6 %}
                                    <div class="row" style="border: 2px solid #e3e3e3;margin-top: 40px;">
                                        <table class="table table-striped table-hover" id="sample-table-2">
                                            <thead>
                                            <tr>
                                                <th>{{ 'pages.form.b85'|trans }}</th>
                                                <th>{{ 'pages.form.b86'|trans }}</th>
                                                <th>{{ 'pages.form.b87'|trans }}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                {#<td>
                                                    {{ 'pages.form.b811'|trans }} {{ var.validation[3].dateVal|date("d M Y") }}
                                                </td>
                                                <td>
                                                    {{ 'pages.form.b84'|trans }}
                                                    <br>
                                                    {{ var.validation[3].user }}
                                                </td>
                                                <td>
                                                    {{ var.validation[3].commentaire |raw }}
                                                </td>#}
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                {% endif %}
                            </div>
                            <!-- end: UI BOOTSTRAP ACCORDION -->
                            {% if app.user.roles[0] == 'ROLE_SUPER_ADMIN' %}
                                <div class="text-center" style="padding: 20px;">
                                    <a href="{{ path('gestion_request_show_pdf_adminW',{'id':var.demande.id}) }}"
                                       class="btn btn-lo btn-primary hidden-print" target="_blank">
                                        {{ 'pages.form.b818'|trans }} <i class="fa fa-print"></i>
                                    </a>
                                </div>
                            {% elseif app.user.roles[0] == 'ROLE_HSEQ' %}
                                <div class="text-center" style="padding: 20px;">
                                    <a href="{{ path('gestion_request_show_pdf_adminHSEQ',{'id':var.demande.id}) }}"
                                       class="btn btn-lo btn-primary hidden-print" target="_blank">
                                        {{ 'pages.form.b818'|trans }} <i class="fa fa-print"></i>
                                    </a>
                                </div>
                            {% elseif app.user.roles[0] == 'ROLE_DG' %}
                                <div class="text-center" style="padding: 20px;">
                                    <a href="{{ path('gestion_request_show_pdf_adminP',{'id':var.demande.id}) }}"
                                       class="btn btn-lo btn-primary hidden-print" target="_blank">
                                        {{ 'pages.form.b818'|trans }} <i class="fa fa-print"></i>
                                    </a>
                                </div>
                            {% elseif app.user.roles[0] == 'ROLE_CHEF' %}
                                <div class="text-center" style="padding: 20px;">
                                    <a href="{{ path('gestion_request_show_pdf_directeur',{'id':var.demande.id}) }}" class="btn btn-lo btn-primary hidden-print" target="_blank">{{ 'pages.form.b818'|trans }} <i class="fa fa-print"></i></a>
                                </div>
                            {% elseif app.user.roles[0] == 'ROLE_AGENT' %}
                                <div class="text-center" style="padding: 20px;">
                                    <a href="{{  app.request.getSchemeAndHttpHost() ~ path('request_show_pdf',{'salt':var.demande.salt}) }}"
                                       class="btn btn-lo btn-primary hidden-print" target="_blank">
                                        {{ 'pages.form.b818'|trans }} <i class="fa fa-print"></i>
                                    </a>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('components/assets/css/dropzone.css') }}"></script>
    <script src="{{ asset('components/assets/js/dropzone.js') }}"></script>
    <script src="{{ asset('components/assets/js/ui-notifications.js') }}"></script>
    {% if app.session.flashBag.get('invitationSuccess') is not empty %}
        <script>
           /* swal({
                title: "{ 'pages.invitation.msgSuccess'|trans |raw }}",
                type: "success",
                confirmButtonColor: "#343a90"
            });*/
        </script>
    {% endif %}
    <script>
        var myDropzone = new Dropzone("#form_snippet_image");
    </script>
    <script>
        $('#sendInvitation').click(function () {
            var URL = Routing.generate('gestion_request_invitation', {
                'id': {{ var.id }},
                'nom': $('#Nom').val(),
                'prenom': $('#Prenom').val(),
                'email': $('#Email').val(),
                'obj': $('#subject').val(),
            });

            $.ajax({
                url: URL,
                method: "POST",
            }).done(function (data) {
                swal({
                    title: "{{ 'pages.invitation.msgSuccess'|trans |raw }}",
                    type: "success",
                    confirmButtonColor: "#343a90"
                });
                $('#SendInvit').modal('hide');
                $('#create_invitation_receiverNom').val('');
                $('#create_invitation_receiverPrenom').val('');
                $('#create_invitation_receiverEmail').val('');
                $('#create_invitation_subject').val('');
            }).fail(function (jsXHR, textStatus) {
                console.log(JSON.stringify(jsXHR));
                console.log(textStatus);
            });
        });

        $('.btn-expert').click(function(){
            $('#subject').val("{{ 'pages.invitation.sujetValue'|trans ~' '~ var.demande.numD |raw}}");
        });
    </script>
{% endblock %}