{% extends 'ChakaTypePieceBundle:base.html.twig' %}
{% block pagetitle %}Planning  des agents {% endblock %}
{% block body %}

    <article class="content-block">
        <div id="form-content" class="form">
            <div class="row">
                <div class="col-md-3">
                    <div id="form-wrapper">
                        <label>Campagne:</label>

                        <select class="form-control" id="camp">
                            {% for campagnes in listCampagnes %}
                                <option value="{{ campagnes.campagnes_dnis }}*{{ campagnes.campagnes_id }}"
                                        class="optionCamp">{{ campagnes.campagnes_nom }}</option>
                            {% endfor %}
                        </select>
                    </div>

                </div>
                <div class="col-md-3">
                    <label for="date_naiss">Date: </label>
                    <div class='input-group date' id='date_selected'>
                        <input  type="text" id="date_select" name="date_selected" class="form-control" aria-describedby="date_select"
                               placeholder="jj/mm/aaaa" readonly/>

                    </div>
                </div>

                <div class="col-md-3">
                    <label ></label>
                    <div>
                        <form id="formExport" method="post" action="{{ path('utilisateurs_shift_export') }}">
                            <input type="hidden" name="dnis" id="dnis">

                            <input type="hidden" name="date" id="dateexport">
                             <button type="submit" id="exportBtn" class="btn btn-danger"><span class="icon-file-excel"></span> Exporter</button>
                        </form>
                    </div>
                </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:utilisateursShift:table_list.html.twig" %}

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




{% endblock %}


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

        $(function () {
            var now = new Date();
            var annee   = now.getFullYear();
            var mois    = now.getMonth() + 1;
            var jour    = now.getDate();
            $("#date_select").val(annee+"-"+mois+"-"+jour);
            $("#dateexport").val($("#date_select").val());
            $("#dnis").val($("#camp").val());


            $("#date_select").datetimepicker({
                format:'YYYY-MM-DD'

            });
            $(document.body).on("change", "#date_select", function (){
                var src = "{{ path('utilisateurs_shift_index',  {'info': 'NUM'}) }}";
                src=src.replace("NUM",$(this).val()+'*'+$('#camp').val());
                $("#dateexport").val($(this).val());

                $("#table-content").load(src, function (response, status, xhr) {

                    if (status == "success") {

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

            });


            $(document.body).on("change", "form select", function () {
                var form = $(this).closest("form");


                var url = "{{ path('utilisateurs_shift_add') }}";
                if($(this).val()!="")
                    $.ajax({
                        type: "POST",
                        url: url,
                        data: form.serialize(),
                        success: function (data) {
                            form.find("div").html(data);
                            form.find("div").slideDown();
                            form.find("div").slideUp();

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


                        }
                    });
                return false;

            });

            $(document.body).on("change", "#camp", function () {
                $("#dnis").val($(this).val());
                var src = "{{ path('utilisateurs_shift_table_list',  {'id': 'NUM'}) }}";
                src=src.replace("NUM",$(this).val()+'*'+$("#date_select").val());

                $("#table-content").load(src, function (response, status, xhr) {

                    if (status == "success") {

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

        });


    </script>
{% endblock %}