{extends file=$menu.dir|cat:"base.tpl"}

{block name="scripts"}
        <script type="text/javascript" src="/tinymce/js/tinymce/tinymce.min.js"></script>

{/block}
{block name="css"}
    <link rel="stylesheet" href="{$menu.self_dir}/css/style.css" type="text/css">
{/block}



{block name="body"}


    <div id="content">

        <!-- Content wrapper -->
        <div class="wrapper">
                             

          <!-- Action tabs -->
          {include file=$menu.dir|cat:"action_bars.tpl"}
          <!-- /action tabs --> 
          
                <!-- Media datatable -->
              
                    <!-- /action tabs -->

                    <script>
                        function  if_submit(ths,first){
                            var th = $(ths);

                            if(first){
                                if(!$('#new_name__').val().length)return;
                                $('#__first_form__').submit();
                            }else{
                                $('#_sec_ input:text').each(function(){
                                   if(!$(this).val().length)return;
                                });
                               $('#_sec_').submit();
                            }
                        }

                        function slsl_(ths){
                            var th = $(ths);
                            th.toggleClass('Down');
                            if(th.parent().next().is(':visible'))th.parent().next().slideUp();
                            else th.parent().next().slideDown();
                        }
                    </script>

                    <!-- Media datatable -->
                    <div class="widget">
                        {if $_class_->permission_('questions','add')}
                            <form method="post" id="__first_form__">
                                <input type="hidden" name="first_" value="1">
                                    <button class="btn btn-large" type="button" onclick="if($(this).next().is(':visible'))$(this).next().slideUp();else $(this).next().slideDown();">ახლის დამატება</button>
                                        <div class="help_more_divs">
                                            <input id="new_name__" name="name_" type="text" placeholder="დასახელება"/>
                                            <textarea id="new_body__" name="body_" class="textarea"></textarea>
                                            <div class="uploader" style="width:auto; margin-top:10px;" onclick="if_submit(this,'__first_form__');">შენახვა</div>
                                        </div>
                            </form>
                        {/if}
                        <form method="post" id="_sec_">
                           <div id="maines_sorted">
                            {if isset($menu.select_body)}
                               {section name = _help loop=$menu.select_body}
                                    <div class="navbar help_divs sort_tr" app="{$menu.select_body[_help].id}">
                                        {if $_class_->permission_('questions','remove')}
                                        <div class="delete"><img src="/img/delete.png" onclick="$.alerts.confirm('ნამდვილად გსურთ წაშლა?','message',function(r){literal}{{/literal}if(r)location.href='/კითხვები/delete/{$menu.select_body[_help].id}';{literal}}{/literal});"/></div>
                                        {/if}
                                        <div class="navbar-inner">
                                            <div class="h6_div" onclick="slsl_(this);"></div>
                                            <h6>{$menu.select_body[_help].{"name_"|cat:$menu.lang_choised[0]}}</h6></div>
                                        <div class="help_more_divs">
                                            <input name="name_{$menu.select_body[_help].id}" type="text" value="{$menu.select_body[_help].{"name_"|cat:$menu.lang_choised[0]}|stripslashes}"/>
                                            {*<textarea></textarea>*}
                                            <textarea name="body_{$menu.select_body[_help].id}" class="textarea">{$menu.select_body[_help].{"body_"|cat:$menu.lang_choised[0]}}</textarea>
                                        </div>
                                    </div>
                               {/section}
                            {/if}
                           </div>

                            {if $_class_->permission_('questions','edit')}
                              <div class="uploader" style="width:auto; margin-top:10px;" onclick="if_submit(this);">შენახვა</div>
                            {/if}
                        </form>
                    </div>

                    <!-- /media datatable -->

                </div>
          </div>

                <!-- /content wrapper -->

    <script type="text/javascript">
        $(function(){
            draga("maines_sorted");
        });
        function draga(a,c){
            var booles = false;
            if(!booles){
                booles = true;
                $('#'+a).sortable({
                    start: function(event, ui){
                    },revert : true,
                    cursor: 'pointer',
                    opacity: 0.9,
                    scroll: true,
                    //connectWith: $('.'+c),
                    update:  function (event, ui){

                        var $obj = {
                            index_:[],
                            id_:[],
                            table_name : 'help_page'
                        };

                        $('.sort_tr').each(function(){
                            var th = $(this);
                            $obj.index_.push(th.index());
                            $obj.id_.push(th.attr('app'));

                        });
                        //console.log(JSON.stringify($obj));
                        $.ajax({
                            type: "POST",
                            data:"sort_="+JSON.stringify($obj),
                            // dataType: 'jsonp',
                            success:function(data){
                                if(data){
                                    console.log(data);
                                }
                            }

                        });



                        //eaches();


                    }

                });//.disableSelection();

            }

        }
    </script>


    <script>

        // tinymce.init({
        //     selector: ".textarea",
        //     theme: "modern",
        //     plugins: [
        //         "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        //         "searchreplace wordcount visualblocks visualchars code fullscreen",
        //         "insertdatetime media nonbreaking save table contextmenu directionality",
        //         "emoticons template paste textcolor"
        //     ],
        //     toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        //     toolbar2: "print preview media | forecolor backcolor emoticons",
        //     image_advtab: true,
        //     templates: [
        //         {literal}
        //         {title: 'Test template 1', content: 'Test 1'},
        //         {title: 'Test template 2', content: 'Test 2'}
        //         {/literal}
        //     ]

        // });



</script>



{/block}