{% extends 'ChakaTypePieceBundle:base.html.twig' %}
{% block pagetitle %}Paramètre SVI {% endblock %}
{% block body %}

    <article class="content-block">
        <div id="form-content" class="form">
            <div class="row">
                <div class="col-md-5" style="display: inline-block">
                    <button id="addMenu" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                        Ajouter un menu
                    </button>

                    <!-- Modal -->
                    <div class="modal fade modal-pause-agent modal-default" id="myModal" tabindex="-1" role="dialog"
                         aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <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>

                                </div>
                                <div class="modal-body">
                                    {% include "ChakaParametreMenuSVIBundle:menuSvi:form.html.twig" %}
                                </div>
                            </div>
                        </div>
                    </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 "ChakaParametreMenuSVIBundle:menuSvi:table_list.html.twig" %}

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


    <div id="table-option">
        {% if actions %}
            {% include "ChakaParametreMenuSVIBundle:menuSvi:action.html.twig" %}
        {% endif %}

    </div>

{% endblock %}


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

        $(function () {

            $('[data-toggle="tooltip"]').tooltip()

            $(".option").on('click', function () {

                var chaine = $(this).find('a').attr('id');
                var tab = chaine.split(',');
                $('#menuchoisi').val(chaine);
                var src = "{{ path('chaka_parametre_menu_svi_option',  {'id': 'NUM'}) }}";
                src = src.replace("NUM", tab[0]);
                $("#table-option").load(src, function (response, status, xhr) {

                    if (status == "success") {
                        $(this).html(response);
                        $('#btn-save-option').hide();
                    }
                    else if (status == "error") {
                        alert(xhr.status + " " + xhr.statusText);
                    }
                });
            });

            $(document.body).on("submit", ".form-horizontal", function () {
                src = "{{ path('chaka_parametre_menu_svi_add_option',{'menuchoisi': 'NUM'}) }}";
                src = src.replace("NUM", $("#menuchoisi").val());
                $.ajax({
                    type: "POST",
                    url: src,
                    data: $(this).serialize(),
                    success: function (data) {
                        if (data == "")
                            return false;
                        $("#table-option").html(data);

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

                    }
                });
                $('#btn-save-option').hide();
                return false;
            });
            $(document.body).on("change", "#action", function () {
                if ($(this).val() == 'menu') {
                    $('#campagne').hide();
                    $('#menu').show();
                    $('#btn-save-option').show();
                }
                else if ($(this).val() == 'transfert') {
                    $('#menu').hide();
                    $('#campagne').show();
                    $('#btn-save-option').show();

                }
                else {
                    $('#menu').hide();
                    $('#campagne').hide();
                    $('#btn-save-option').hide();
                }
            });
            $(document.body).on("click", ".deleteoption", function () {
                var id = $(this).attr('id');
                src = "{{ path('chaka_parametre_menu_svi_delete_option',{'id': 'NUM'}) }}";
                src = src.replace("NUM", id + "," + $("#menuchoisi").val());
                $.ajax({
                    type: "GET",
                    url: src,
                    success: function (data) {
                        $("#table-option").html(data);

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

                    }
                });
            });
            $(document.body).on("click", ".btn-lg", function () {
                if ($(this).parent().attr('class')=="list-inline") {
                    var src = "{{ path('chaka_parametre_menu_svi_edit_menu',{'id':"NUM"}) }}";
                    src = src.replace("NUM", $(this).attr('id'));
                    $(".modal-body").load(src, function (response, status, xhr) {
                        if (status == "success") {
                            $(this).html(response);
                            $("input:file").hide();
                            $("input:file").prev().hide();
                            $('#formMenu').attr('action', src);
                        }
                        else if (status == "error") {
                            alert(xhr.status + " " + xhr.statusText);
                        }
                    });
                }
                else{
                    var src = "{{ path('chaka_parametre_menu_svi_add_menu') }}";
                    $(".modal-body").load(src, function (response, status, xhr) {
                        if (status == "success") {
                            $(this).html(response);
                            $('#formMenu').attr('action', src);
                        }
                        else if (status == "error") {
                            alert(xhr.status + " " + xhr.statusText);
                        }
                    });
                }
            });


        });


    </script>
{% endblock %}