{% 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.directeur' |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.closed' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab5" data-toggle="tab">
                                            {{ 'pages.request.menace' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab6" data-toggle="tab">
                                            {{ 'pages.request.rejet' |trans}}
                                        </a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade" id="myTab1">
                                        {{ render(controller('DemandeBundle:Directeur:listRequestById')) }}
                                    </div>
                                    <div class="tab-pane fade in active" id="myTab2">
                                        {{ render(controller('DemandeBundle:Directeur:listRequestByStatus',{ 'status': 'Waitting validation' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab3">
                                        {{ render(controller('DemandeBundle:Directeur:listRequestToValidation2',{ 'status1': 'To be completed by HSEQ','status2': 'To be completed by DG','status3': 'Complete and validation deviation', })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab4">
                                        {{ render(controller('DemandeBundle:Directeur:listRequestByStatus',{ 'status': 'Closed' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab5">
                                        {{ render(controller('DemandeBundle:Directeur:listRequestByStatus',{ 'status': 'Menace/Threat to interety' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab6">
                                        {{ render(controller('DemandeBundle:Directeur:listRequestByStatus',{ 'status': 'To Reject' })) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% 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 %}