@extends('layouts.app')

@section('content')
            <!-- BEGIN PAGE HEADER-->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        Магазины - Все                    </h3>
                    <ul class="page-breadcrumb breadcrumb">
                        <li>
                            <i class="fa fa-home"></i>
                            <a href="{{ url('') }}">Начало</a>
                        </li>
                            <li>
                                    <i class="fa fa-angle-right"></i>
                                    <a href="{{ url('shop') }}">Магазины</a>
                                </li>                 
                                <li class="pull-right">
                                </li>
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->

            @include('common.msg')
                        
            <!-- BEGIN PAGE CONTENT -->
            <div id="page-content">
                
                <div class="list-container list-container-advert">

        <div class="ajax-list-content">
        </div>



        <script type="text/javascript">

            var list_url_advert = '{{ url('shop/ajax_list') }}';

            function getTableDataadvert(data, scroll){

                                $('.list-container-advert .message-hider').show();

                var queryData = jQuery.param(data);

                if(queryData)

                    history.replaceState(data, '', window.location.href.split('?')[0]+'?'+queryData);

                $.ajax({

                    url: list_url_advert,

                    data: data,

                    success: function(result){

                        $('.list-container-advert .ajax-list-content').html(result);

                        initAjax();

                        /*
                        $('.list-container-advert .ajax-list-content .pagination a').click(function(){

                            getTableDataadvert($(this).attr('href'), true);

                            return false;

                        });
                        */

                        $('.list-container-advert .message-hider').hide();

                        if(scroll){

                            App.scrollTo($('.list-container-advert .list-tabs-header'), -50);

                        }

                        $(document).trigger('ajaxListLoaded');

                    },

                    dataType: 'html'

                });

            }

            function getSearchAndFilterFromDataadvert(){

                var searchData = $('.list-container-advert #search_form').serializeObject();

                for(var i in searchData){

                    if(jQuery.isPlainObject( searchData[i] )){

                        if(!searchData[i][0] || searchData[i][0] == ""){

                            delete searchData[i][0];

                        }

                        if(!searchData[i][1] || searchData[i][1] == ""){

                            delete searchData[i][1];

                        }

                    }

                    if(jQuery.isEmptyObject(searchData[i]) || !searchData[i] || searchData[i] == 0){

                        delete searchData[i];

                    }

                }

                searchData['filter'] = $('.list-container-advert .table-filters li.active a').data('name');



                return searchData;

            }

            function getTableFilteringConditionsadvert(){

                var searchData = getSearchAndFilterFromDataadvert();

                getTableDataadvert(searchData, true);

            }

            getTableDataadvert({});

            $('.list-container-advert .table-filters li a').click(function(){

                $('.list-container-advert .table-filters li.active').removeClass('active');

                $(this).closest('li').addClass('active');
                
                setOrderParams('', '');
                setPageParam(1);
                getTableFilteringConditionsadvert();

                return false;

            });



            $('.list-container-advert #search_form').submit(function(){

                setOrderParams('', '');
                setPageParam(1);
                getTableFilteringConditionsadvert();

                return false;

            });

            $('.list-container-advert .form-submit').click(function(){

                setOrderParams('', '');
                setPageParam(1);
                getTableFilteringConditionsadvert();

                return false;

            });



            $('.list-container-advert .form-clear').click(function(){

                clearForm($(this).closest('form'));

                setOrderParams('', '');
                setPageParam(1);
                getTableFilteringConditionsadvert();

                return false;

            });



            $('.top-buttons-bar .export').click(function(){

                var searchData = getSearchAndFilterFromDataadvert();



                window.location.href = $(this).attr('href') + '?'+ $.param(searchData);

                return false;

            });



            function set_page_showadvert(value){

                var searchData = getSearchAndFilterFromDataadvert();

                searchData["show"] = value;

                searchData["page"] = 1;

                getTableDataadvert(searchData, true);

            }
            
            function setOrderParams(name, dir)
            {
                document.getElementById('order_field').value = name;
                document.getElementById('order_dir').value = dir;
            }

            function setPageParam(no)
            {
                document.getElementById('page').value = no;
            }



        </script>



    </div>

    

</div>





</div>
        <style>
            #price_per_m_container_row,
            #advert_type_container_row{
                display: none;
            },
            #advert_operation_container_row{
            }
            .form-insert.entity-advert-form #floor_container_row{
                width: 49%;
                float: left;
            }
            .form-insert.entity-advert-form #floor_total_container_row{
                width: 49%;
                float: left;
            }
        </style>
                <script type="text/javascript">
                    
        function updateStateColor(state, id){
            $.ajax({
                type: "GET",
                url: "/shop/get_state_color/?id="+id,
                success: function(data){
                    if(data.success){
                        $("#state_color_"+id).attr("class","state-color state-color-"+data.class);
                        $("#state_color_"+id).html(data.text);
                    }
                    else{
                        $("#state_color_"+id).html("ошибка...");
                    }
                },
                dataType: "json"
            });
        }

            if(typeof(beforeSubmitHandlers) != "undefined"){
                beforeSubmitHandlers.push( function(){
                    jQuery("#price").number( true, 0, ".", "" );
                    jQuery("#price_per_m").number( true, 0, ".", "" );
                });
            }

            function processNumadvert(){
                jQuery("#price").number( true, 0, ".", " " );
                jQuery("#price_per_m").number( true, 0, ".", " " );

                jQuery(".show_field_container.price span.value").each( function(){
                    number = $(this).text();
                    number = $.number( number, 0, ",", " " );
                    $(this).text(number);
                });

                jQuery(".show_field_container.price_per_m span.value").each( function(){
                    number = $(this).text();
                    number = $.number( number, 0, ",", " " );
                    $(this).text(number);
                });
            }
            $(document).ready(function(){
                processNumadvert();
            });
            $(document).bind("ajaxListLoaded", function(){
                processNumadvert();
            });


            function showPhone(_this){
                $(".hidden-phone").each(function(){
                    $(this).html($(this).data("hidvalue"));
                });

                $.ajax({
                    type: "GET",
                    url: "/shop/get_phone/"+$(_this).data("id"),
                    success: function(data){
                        if(data.success){
                            $(this).html(data.value);
                        }
                        else{
                            console.log("unsuccessfully phone request");
                        }
                    },
                    context: _this,
                    dataType: "json"
                });
            };
            $(document).ready(function(){
                $(".hidden-phone").click(function(){
                    showPhone(this);
                    return false;
                });
            });
            $(document).bind("ajaxListLoaded", function(){
                $(".hidden-phone").unbind("click").click(function(){
                    showPhone(this);
                    return false;
                });
            });
        
        $(document).bind("ajaxListLoaded", function(){
            $(".show_field_container.list.advert_type").mouseover(function(){

                var href = $(this).parent().attr("href");
                if(href){
                    href = href.replace("show", "ajax_descr");
                    var cont = this;
                    $.get(href, function(data) {
                        $("#descr_cont").remove();
                        $(cont).append("<div id='descr_cont'>"+data+"</div>");
                    });
                }
            });
            $(".show_field_container.list.advert_type").mouseout(function(){
                $("#descr_cont").remove();
            });
            
        $(".entity-advert-form .state .dropdown-menu li.enabled a.stateToggle2, .list-container-advert .state .dropdown-menu li.enabled a.stateToggle2").click(function(event){
            var cont = $(this).closest(".states");
            cont.removeClass("open");

            $("#archiveForm").data("url", $(this).attr("href"));
            $("#archiveForm").data("cont", cont);
            $("#archiveForm")[0].reset();
            $("#archiveToggle label").removeClass("active");
            $("#modal_archive .step-1").hide()
            $("#modal_archive .step-2").hide()
            $("#modal_archive .step-save").hide()

            $("#modal_archive").modal("show");
            $("#modal_archive .archiveToggle2").trigger("click");
            return false;
        });
        $(".entity-advert-form .state .dropdown-menu li.enabled a.stateToggle5, .list-container-advert .state .dropdown-menu li.enabled a.stateToggle5").click(function(event){
            var cont = $(this).closest(".states");
            cont.removeClass("open");

            $("#archiveForm").data("url", $(this).attr("href"));
            $("#archiveForm").data("cont", cont);
            $("#archiveForm")[0].reset();
            $("#archiveToggle label").removeClass("active");
            $("#modal_archive .step-1").hide()
            $("#modal_archive .step-2").hide()
            $("#modal_archive .step-save").hide()

            $("#modal_archive").modal("show");
            $("#modal_archive .archiveToggle1").trigger("click");
            return false;
        });
        
        });
        $(document).ready(function(){
            $("#modal_archive").modal({ show: false});
        });

        var rad = document.archiveForm.archiveToggle;
        var prev = null;
        for(var i = 0; i < rad.length; i++) {
            rad[i].onchange = function() {
                (prev)? $("#modal_archive .step-"+prev.value).hide() :null;
                if(this !== prev) {
                    prev = this;
                }
                $("#modal_archive .step-"+this.value).show();

                $("#modal_archive .step-save").show();
            };
        }
        $("#archiveForm").submit(function(){
            var data = $("#archiveForm").serializeObject();
            console.log(data);

            var url = $(this).data("url");

            $.ajax({
                type: "POST",
                url: url,
                data: data,
                success: function(data){
                    if(data.result){
                        $("#modal_archive").modal("hide");
                        var cont = $("#archiveForm").data("cont");
                        var but = $(cont).find(".state-button");
                        var newStateBlueprint = $(cont).find(".stateToggle"+data.new_state);
                        newStateText = newStateBlueprint.html();
                        but.attr("class", but.data("class")+" "+data.new_state+" "+newStateBlueprint.data("class"));
                        but.find("span").html(newStateText);
                        cont.removeClass("open");
                    }
                    else{
                        var unique_id = $.gritter.add({
                            title: "Ошибка!",
                            text: data.comment,
                            sticky: true,
                            class_name: "error_notification"
                        });
                    }
                },
                dataType: "json"
            });

            return false;
        });
        
                $("#owner_phone").mask("+7(999)999-99-99");
            
                </script>
                            </div>
            <!-- END PAGE CONTENT -->
@endsection