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

{% block content %}
    <section id="page-title" style="padding: 16px 0;">
        <div class="row">
            <div class="col-sm-8">
                <h2 class="mainTitle"><i class="ti-world" style="color: #E10031  !important;font-size: 24px;"></i> Request </h2>

            </div>
            <ol class="breadcrumb" style="margin: 0px 0 0 !important;">
                <li>
                    <span>{{ 'pages.request.hseq' |trans}}</span>
                </li>
                <li>
                    <span>{{ 'pages.request.request' |trans}}</span>
                </li>
                <li class="active">
                    <span>{{ 'pages.request.list' |trans}}</span>
                </li>
            </ol>
        </div>
    </section>

    <div class="container-fluid container-fullw ">
        <div class="row">
            <div class="col-md-12">
                {% include '@Demande/flashBag.html.twig' %}
                <div class="panel panel-white" id="panel6">
                    <div class="panel-body">
                        <div class="">
                            <div class="col-md-12 tabbable tabs-left" style="padding: 20px">
                                 <ul class="nav nav-tabs">
                                    <li class="">
                                        <a href="#myTab1" data-toggle="tab">
                                            {{ 'pages.request.tous' |trans}}
                                        </a>
                                    </li>
                                    <li class="active">
                                        <a href="#myTab2" data-toggle="tab">
                                            {{ 'pages.request.waiting' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab3" data-toggle="tab">
                                            {{ 'pages.request.complete' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab4" data-toggle="tab">
                                            {{ 'pages.request.waitingClosed' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab5" data-toggle="tab">
                                            {{ 'pages.request.closed' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab6" data-toggle="tab">
                                            {{ 'pages.request.menace' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab7" data-toggle="tab">
                                            {{ 'pages.request.rejet' |trans}}
                                        </a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade" id="myTab1">
                                        {{ render(controller('DemandeBundle:AdminHSEQ:listRequestById')) }}
                                    </div>
                                    <div class="tab-pane fade in active" id="myTab2">
                                        {{ render(controller('DemandeBundle:AdminHSEQ:listRequestByStatus',{ 'status': 'To be completed by HSEQ' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab3">
                                        {{ render(controller('DemandeBundle:AdminHSEQ:listRequestToValidation3',{ 'status1': 'To be completed by DG','status2': 'Waitting validation' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab4">
                                        {{ render(controller('DemandeBundle:AdminHSEQ:listRequestByStatus',{ 'status': 'Complete and validation deviation' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab5">
                                        {{ render(controller('DemandeBundle:AdminHSEQ:listRequestByStatus',{ 'status': 'Closed' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab6">
                                        {{ render(controller('DemandeBundle:AdminHSEQ:listRequestByStatus',{ 'status': 'Menace/Threat to interety' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab7">
                                        {{ render(controller('DemandeBundle:AdminHSEQ:listRequestByStatus',{ 'status': 'To Reject' })) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal Coluration -->
    <div class="modal fade" id="Coluration-modal" role="dialog">
        <div class="modal-dialog">

            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Demande de dérogation: Clôturation</h4>
                </div>
                <div class="modal-body">
                    Si vous êtes sur cliquer sur le buton clôturé pour valider votre décision.
                </div>
                <div class="modal-footer">
                    <button id="cloturer2" type="submit" class="btn btn-primary" id-demande="">
                        <i class=" ti-close"></i> Clôturer
                    </button>
                </div>
            </div>

        </div>
    </div>
    <!-- End Modal Coluration -->
{% endblock %}
{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('.btnDelete').on('click',function(){
                jQuery('.uid').val($(this).attr('data-id'));
            })
        });

    </script>
{% endblock %}