{% extends 'ChakaTypePieceBundle:base.html.twig' %}
{% block pagetitle %}Gestion des heures supplémentaires {% endblock %}
{% block body %}

    <article class="content-block">
        <div id="form-content">
            <div class="row">
                <div class="form-group">
                    <div class="col-md-3">
                        <select class="form-control" id="camp">
                            {% for campagnes in listCampagnes %}
                                <option value="{{ campagnes.campagnes_id }}"
                                        class="optionCamp">{{ campagnes.campagnes_nom }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="col-md-3">
                    <form id="formExport" method="post" action="{{ path('heure_sup_export') }}">
                        <input type="hidden" name="id" id="dnis" >
                        <button type="submit"  class="btn btn-danger"><span class="icon-file-excel"></span> Exporter</button>
                    </form>
                </div>

            </div>
        </div>
    </article>

    <article class="content-block">
        <div id="form-content" class="form">
            <div class="row">
                <div class="col-md-12">
                    <div id="table-content">
                        {% include "ChakaUtilisateursShiftBundle:heureSup:table_list.html.twig" %}

                    </div>
                </div>
            </div>
        </div>
    </article>




{% endblock %}


{% block javascripts %}
    <script type="text/javascript">

        $(function () {
            $("#dnis").val($("#camp").val());

            $('.input-group').datetimepicker({

                pickDate: false,                 //en/disables the date picker
                pickTime: true,               //set the minute stepping
                showToday: true,                 //shows the today indicator
                language: 'fr'
            });

            $("body").find(".glyphicon-chevron-up").removeClass("glyphicon glyphicon-chevron-up").addClass("icon  icon-up-open");
            $("body").find(".glyphicon-chevron-down").removeClass("glyphicon glyphicon-chevron-down").addClass("icon  icon-down-open");


            $(document.body).on("submit", ".form", function () {
                if ($(this)==$("#formExport"))
                    return true;

                var url = "{{ path('heure_sup_add') }}";
                var b=$(this);

                if (b.find('.heureDebut').val()!="" && b.find('.heureFin').val()!="" )
                    $.ajax({
                        type: "POST",
                        url: url,
                        data: b.serialize(),
                        success: function (data) {

                            var el=b.find('div').last();
                            el.html(data);
                            el.slideDown();
                            el.slideUp();

                        },
                        error: function (event, xhr, ajaxOptions, thrownError) {


                        }
                    });
                else
                    b.find('.form-group').slideDown();
                return false;

            });

            $(document.body).on("change", "#camp", function () {
                var src = "{{ path('heure_sup_table_list',  {'id': 'NUM'}) }}";
                src=src.replace("NUM",$(this).val());
                $("#dnis").val($(this).val());
                $("#table-content").load(src, function (response, status, xhr) {

                    if (status == "success") {

                        $(this).html(response);
                        $('.input-group').datetimepicker({

                            pickDate: false,                 //en/disables the date picker
                            pickTime: true,               //set the minute stepping
                            showToday: true,                 //shows the today indicator
                            language: 'fr'
                        });
                        $("body").find(".glyphicon-chevron-up").removeClass("glyphicon glyphicon-chevron-up").addClass("icon  icon-up-open");
                        $("body").find(".glyphicon-chevron-down").removeClass("glyphicon glyphicon-chevron-down").addClass("icon  icon-down-open");


                    }
                    else if (status == "error") {
                        alert(xhr.status + " " + xhr.statusText);
                    }
                });
            });

        });


    </script>
{% endblock %}