{% 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.dg' |trans}}</span>
                </li>
                <li class="active">
                    <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:AdminDG:listRequestById')) }}
                                    </div>
                                    <div class="tab-pane fade in active" id="myTab2">
                                        {{ render(controller('DemandeBundle:AdminDG:listRequestByStatus',{ 'status': 'To be completed by DG' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab3">
                                        {{ render(controller('DemandeBundle:AdminDG:listRequestToValidation2',{ 'status1': 'Waitting validation','status2': 'To be completed by HSEQ','status3': 'Complete and validation deviation', })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab4">
                                        {{ render(controller('DemandeBundle:AdminDG:listRequestByStatus',{ 'status': 'Closed' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab5">
                                        {{ render(controller('DemandeBundle:AdminDG:listRequestByStatus',{ 'status': 'Menace/Threat to interety' })) }}
                                    </div>
                                    <div class="tab-pane fade" id="myTab6">
                                        {{ render(controller('DemandeBundle:AdminDG:listRequestByStatus',{ 'status': 'To Reject' })) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal Validation -->
    <div class="modal fade" id="validation-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: 2 éme validation</h4>
                </div>
                <div class="modal-body">
                    Pour confirmer votre décision vous devez mettre votre avis.
                </div>
                <div style="padding-right: 20px;padding-left: 20px;" id="add_validation_1_ajax_response"></div>
                <div class="modal-footer">
                    {#<button type="button" class="btn btn-primary btn-o" data-dismiss="modal">
                        Fermer
                    </button>#}
                    <button id="refuser" type="submit" class="btn" style="background-color: #E10031;border-color: #E10031;color: white;" comm-data="" id-history="">
                        <i class="ti-thumb-down"></i> Refuser
                    </button>
                    <button id="approuver" type="submit" class="btn btn-primary" comm-data="" id-history="">
                        Approuver <i class="ti-thumb-up"></i>
                    </button>
                </div>
            </div>

        </div>
    </div>
    <!-- End Modal Validation -->
{% 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>

    <script type="text/javascript">
        jQuery(document).ready(function() {
            $("button#valider").click(function () {
                $("button#valider").attr('id-demande', $(this).closest('tr').attr('id-demande'));
                var URL = Routing.generate('gestion_validation_request_adminP', {
                    'id': $("button#valider").attr('id-demande'),
                });
                var request = $.ajax({
                    url: URL,
                    method: "POST",
                }).done(function (msg) {
                    $("#add_validation_1_ajax_response").html(msg);
                }).fail(function (jqXHR, textStatus) {
                    console.log(textStatus);
                });
            });

            $("button#approuver").click(function () {
                $("button#approuver").attr('id-history',$(".hid").attr('id-history'));
                $("button#approuver").attr('comm-data', $("#create_history_commentaire2").val());
                var URL = Routing.generate('gestion_success_validation_request_adminP', {
                    'id': $("button#approuver").attr('id-history'),
                    'str': $("button#approuver").attr('comm-data'),
                });
                var request = $.ajax({
                    url: URL,
                    method: "POST",
                }).done(function () {
                    console.log("succes");
                    location.reload();
                }).fail(function (jqXHR, textStatus) {
                    console.log("erreur");
                    console.log(textStatus);
                    console.log(jqXHR);
                });
            });

            $("button#refuser").click(function () {
                $("button#refuser").attr('id-history',$(".hid").attr('id-history'));
                $("button#refuser").attr('comm-data', $("#create_history_commentaire2").val());
                var URL = Routing.generate('gestion_success_annulation_request_adminP', {
                    'id': $("button#refuser").attr('id-history'),
                    'str': $("button#refuser").attr('comm-data'),
                });
                var request = $.ajax({
                    url: URL,
                    method: "POST",
                }).done(function () {
                    console.log("succes");
                    location.reload();
                }).fail(function (jqXHR, textStatus) {
                    console.log("erreur");
                    console.log(textStatus);
                    console.log(jqXHR);
                });
            });

        });
    </script>
{% endblock %}