{% 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> {{ 'pages.request.title' |trans}} </h2>
            </div>
            <ol class="breadcrumb" style="margin: 0px 0 0 !important;">
                <li>
                    <span>{{ 'pages.request.agent' |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="active">
                                        <a href="#myTab1" data-toggle="tab">
                                            {{ 'pages.request.tous' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab2" data-toggle="tab">
                                            {{ 'pages.request.waiting' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab3" data-toggle="tab">
                                            {{ 'pages.request.closed' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab4" data-toggle="tab">
                                            {{ 'pages.request.menace' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab5" data-toggle="tab">
                                            {{ 'pages.request.rejet' |trans}}
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="#myTab6" data-toggle="tab">
                                            {{ 'pages.request.draft' |trans}}
                                        </a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade in active" id="myTab1">
                                        {{ render(controller('DemandeBundle:Demandeur:listRequestById')) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab2">
                                        {{ render(controller('DemandeBundle:Demandeur:listRequestToValidation',{ 'status1': 'Waitting validation','status2': 'To be completed by HSEQ','status3': 'To be completed by DG','status4': 'Complete and validation deviation', })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab3">
                                        {{ render(controller('DemandeBundle:Demandeur:listRequestByStatus',{ 'status': 'Closed' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab4">
                                        {{ render(controller('DemandeBundle:Demandeur:listRequestByStatus',{ 'status': 'Menace/Threat to interety' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab5">
                                        {{ render(controller('DemandeBundle:Demandeur:listRequestByStatus',{ 'status': 'To Reject' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab6">
                                        {{ render(controller('DemandeBundle:Demandeur:listRequestByStatus',{ 'status': 'Draft' })) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm"  tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">{{ 'pages.delete.title'|trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'pages.delete.description'|trans }}
                </div>

                <form type="post" action="{{ path('gestion_request_delete') }}">
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary btn-o">
                            {{ 'pages.delete.valide'|trans }}
                        </button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            {{ 'pages.delete.refuse'|trans }}
                        </button>
                        <input type="hidden" class="uid" name="id" value="" />
                    </div>
                </form>

            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
            $('.btnDelete').on('click',function(){
                $('.btnDelete').attr('id-demande',$(this).closest('tr').attr('id-demande'));
                $('.uid').val($('.btnDelete').attr('id-demande'));
            })
    </script>
{% endblock %}