{"id":364,"date":"2021-01-18T20:48:14","date_gmt":"2021-01-18T18:48:14","guid":{"rendered":"http:\/\/dev.paints.co.il\/mixol\/?page_id=364"},"modified":"2021-01-24T14:30:24","modified_gmt":"2021-01-24T12:30:24","slug":"%d7%9e%d7%a6%d7%90-%d7%9e%d7%a4%d7%99%d7%a5-mixol","status":"publish","type":"page","link":"https:\/\/www.paints.co.il\/mixol\/","title":{"rendered":"\u05de\u05e6\u05d0 \u05de\u05e4\u05d9\u05e5 &#8211; MIXOL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"364\" class=\"elementor elementor-364\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f8a7e50 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f8a7e50\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9813717\" data-id=\"9813717\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-336ea4a elementor-widget elementor-widget-shortcode\" data-id=\"336ea4a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\r\n    .chat-page-outer {\r\n        background-color: #F9F9F9;\r\n        height: 100%;\r\n        width: 100%;\r\n        padding: 0;\r\n        margin: 0;\r\n        direction: rtl;\r\n    }\r\n\r\n    .chat-page-title-header>svg {\r\n        height: 74px;\r\n        width: 261px;\r\n        margin-right: 20px;\r\n    }\r\n\r\n    .show-waze {\r\n        display: none;\r\n    }\r\n\r\n    .chat-page-title-header {\r\n        position: sticky;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 314;\r\n        display: block;\r\n        width: 100%;\r\n        background-color: #fff;\r\n        height: 90px;\r\n        line-height: 90px;\r\n        display: flex;\r\n        \/* align-items: center; *\/\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .single-chat-message {\r\n        background-color: #fff;\r\n        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);\r\n        border-radius: 8px;\r\n        padding: 15px;\r\n        margin: 15px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n\r\n    }\r\n\r\n    .single-chat-message>.google-map-img {\r\n        flex-basis: 10%;\r\n          margin-right: 20px;\r\n    }\r\n\r\n    .google-map-img>a>img {\r\n        height: 39px;\r\n        width: 30px;\r\n        margin: 5px 0px;\r\n    }\r\n\r\n    .chat-section {\r\n        justify-content: flex-start;\r\n        align-items: flex-start;\r\n        width: 100%;\r\n        margin: auto;\r\n       \/* max-height: 460px;\r\n        overflow-y: auto;*\/\r\n        direction: ltr!important;\r\n\r\n    }\r\n\r\n    .message-sender-name {\r\n        color: #0C8DE7;\r\n        font-family: Arial, Helvetica, sans-serif!important;\r\n        font-style: normal;\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        line-height: 21px;\r\n        direction: rtl;\r\n    }\r\n\r\n    .sender-location {\r\n        margin: 10px 4px;\r\n    }\r\n\r\n    .chat-section::-webkit-scrollbar {\r\n        width: 3px;\r\n        background-color: #e5e5e5;\r\n        opacity: .4;\r\n    }\r\n\r\n    .chat-section::-webkit-scrollbar-thumb {\r\n        background-color: #180685;\r\n    }\r\n\r\n    .chat-box-outer {\r\n           display: flex;\r\n            justify-content: start;\r\n            align-items: center;\r\n           padding-right: 0px;\r\n            direction: rtl;\r\n            \r\n          \r\n\r\n}\r\n\r\n    .chat-select-box>select {\r\n        background: #FFFFFF;\r\n        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);\r\n        border-radius: 12px;\r\n        font-size: 18px;\r\n        padding: 10px;\r\n        color: #595142;\r\n        border: none;\r\n        width: 225px;\r\n        margin: 0px!important;\r\n        margin-right: 20px!important;\r\n       \r\n            margin-top: 0px;\r\n        -webkit-appearance: none;\r\n       \r\n    }\r\n\r\n    .chat-select-box {\r\n        position: relative;\r\n        float: right!important;\r\n    }\r\n\r\n    .chat-select-box::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        pointer-events: none;\r\n        left: 14%;\r\n        top: 55%;\r\n        transform: translateY(-50%);\r\n        \/* background: transparent; *\/\r\n        border-top: 5px solid #9C9280;\r\n        border-left: 5px solid transparent;\r\n        border-bottom: 5px solid transparent;\r\n        border-right: 5px solid transparent;\r\n    }\r\n\r\n    .chat-select-box>select:nth-child(1) {\r\n     \r\n    }\r\n\r\n    .sender-location,\r\n    .sender-contact {\r\n        color: #1b1818;\r\n        font-size: 14px;\r\n        clear: right;\r\n        padding-top: 10px;\r\n    }\r\n\r\n    .centerd-chat {\r\n       \r\n        flex-direction: row;\r\n        justify-content: center;\r\n        align-items: center;\r\n        direction: ltr !important;\r\n        padding-bottom: 30px;\r\n    }\r\n    .select-outbox{\r\n         background-image: url(\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/select_bar.png\");\r\n          background-repeat: no-repeat, repeat;\r\n          background-size: cover;\r\n            margin-bottom: 25px;\r\n            box-shadow: 0px 2px 10px rgba( 0, 0, 0, 0.12);\r\n        padding-bottom: 20px;\r\n\r\n    }\r\n.google-map{\r\n    width: 100%;\r\n    height: 500px;\r\n    border-radius: 12px;\r\n    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);\r\n    padding: 20px;\r\n}\r\n.user_card{\r\n      border-radius: 12px;\r\n        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);\r\n        padding: 20px;\r\n        margin-bottom: 30px;\r\n        width: 60%;\r\n            margin: auto;\r\n}\r\n.select-text p{\r\n        color: white;\r\n        direction: rtl;\r\n        padding-right: 0px;\r\n       margin-right: 25px;\r\n        font-size: 25px;\r\n}\r\n.select-text {\r\n       \r\n        padding-right: 0px;\r\n      \r\n}\r\n.chat-container {\r\n    font-family: Arial, Helvetica, sans-serif!important;\r\n}\r\n.sender-location svg {\r\n    margin-top: 7px;\r\n}\r\n.sender-contact svg {\r\n    margin-top: 7px;\r\n}\r\n.message-sender-name span {\r\n    font-weight: bold;\r\n}\r\n    @media(max-width:660px) {\r\n        .show-waze {\r\n            display: inline;\r\n        }\r\n        .chat-box-outer,\r\n        .chat-section {\r\n            margin: 0px;\r\n            direction: rtl;!important;\r\n        }\r\n        .chat-section {\r\n            justify-content: flex-start;\r\n            align-items: flex-start;\r\n            width: 100%;\r\n            margin: auto;\r\n            \/*max-height: 64vh;\r\n            overflow-y: auto;*\/\r\n            padding-bottom: 40px;\r\n            direction: ltr;\r\n        }\r\n        .chat-page-title-header>svg {\r\n            height: 40px;\r\n            width: 101px;\r\n            margin-right: 0;\r\n        }\r\n        .chat-page-title-header {\r\n            position: sticky;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 123123;\r\n            width: 100%;\r\n            background-color: #fff;\r\n            height: 50px;\r\n            line-height: 50px;\r\n            display: flex;\r\n            \/* align-items: center; *\/\r\n            justify-content: center;\r\n        }\r\n        .chat-select-box>select {\r\n            background: #FFFFFF;\r\n            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);\r\n            border-radius: 12px;\r\n            font-size: 18px;\r\n            padding: 10px;\r\n            color: #595142;\r\n            border: none;\r\n            width: 140px;\r\n        \r\n            -webkit-appearance: none;\r\n            display: block;\r\n        }\r\n        .chat-select-box {\r\n            \/* display: block; *\/\r\n            position: relative;\r\n        }\r\n        select{\r\n            text-align-last: right;\r\n        }\r\n        .google-map {\r\n            width: 100%;\r\n            height: 200px;\r\n            border-radius: 12px;\r\n            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);\r\n            padding: 20px;\r\n            display: none;\r\n\r\n        }\r\n        .user_card {\r\n            border-radius: 12px;\r\n            box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);\r\n            margin-top: 30px;\r\n            padding: 20px;\r\n            width: 100%;\r\n           ;\r\n            margin-bottom: 30px;\r\n        }\r\n        .select-outbox {\r\n            margin-bottom: 0px;    }\r\n            .chat-container {\r\n    font-family: Arial, Helvetica, sans-serif!importants;\r\n}\r\n  .single-chat-message>.google-map-img {\r\n        flex-basis: 13%;\r\n          margin-right: 20px;\r\n    }\r\n    .sender-location span {\r\n    width: 145px;\r\n        direction: rtl;\r\n}\r\n.message-sender-name {\r\n        color: #0C8DE7;\r\n        font-family: Arial, Helvetica, sans-serif!important;\r\n        font-style: normal;\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        line-height: 21px;\r\n        direction: rtl;\r\n        width: 154px;\r\n    }\r\n    .sender-location svg {\r\n    margin-top: 7px;\r\n}\r\n.message-sender-name span {\r\n    font-weight: bold;\r\n}\r\n.sender-contact svg {\r\n    margin-top: 7px;\r\n}\r\n        }\r\n<\/style>\r\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyAGZbKY28NQxuttch3-Z61YIsNFy-hyWSY\"><\/script>\r\n<div class=\"chat-container\">\r\n    <div class=\"row select-outbox\">\r\n        <div class=\"select-text col-md-offset-2 col-md-8\">\r\n            <p>\u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05de\u05db\u05d9\u05e8\u05d4 - MIXOL<\/p>\r\n        <\/div>\r\n         <div class=\"chat-box-outer col-md-offset-2 col-md-8\">\r\n\r\n            <div class=\"chat-select-box \">\r\n\r\n                <select style=\"text-align-last: right;height: 60px\" name=\"area\" id=\"area\">\r\n                    <option value=\"\"> \u05d1\u05d7\u05e8 \u05d0\u05d6\u05d5\u05e8 <\/option>\r\n                                            <option value=\"\u05e6\u05e4\u05d5\u05df\">\u05e6\u05e4\u05d5\u05df<\/option>\r\n                                            <option value=\"\u05de\u05e8\u05db\u05d6\">\u05de\u05e8\u05db\u05d6<\/option>\r\n                                            <option value=\"\u05d9\u05e8\u05d5\u05e9\u05dc\u05d9\u05dd\">\u05d9\u05e8\u05d5\u05e9\u05dc\u05d9\u05dd<\/option>\r\n                                            <option value=\"\u05d3\u05e8\u05d5\u05dd\">\u05d3\u05e8\u05d5\u05dd<\/option>\r\n                                    <\/select>\r\n            <\/div>\r\n            <div class=\"chat-select-box\">\r\n                <select style=\"text-align-last: right;height: 60px\" name=\"city\" id=\"city\">\r\n                    <option value=\"\"> \u05d1\u05d7\u05e8 \u05e2\u05d9\u05e8 <\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"clearfix\"><\/div>\r\n    <div class=\"centerd-chat\">\r\n       <!-- <div  class=\"map col-md-7\" >\r\n        <div id=\"map\" class=\"google-map\"><\/div> -->\r\n        \r\n        <div id=\"user_card\" class=\"user_card col-md-8 col-md-offset-2 col-sm-12\"  >\r\n            <div class=\"loader-img\" style=\"text-align: center;\">\r\n            <img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/loader.gif\">\r\n            <\/div>\r\n    <\/div>\r\n    <div class=\"col-md-2\">\r\n    <\/div>\r\n<\/div>\r\n<div class=\"clearfix\"><\/div>\r\n    <script>\r\n    \r\n        $(document).ready(function(){\r\n\r\n                var city = $( \"#city option:selected\" ).val();\r\n                var area = $( \"#area option:selected\" ).val();\r\n\r\n                if (area == \"\") {\r\n                    document.getElementById(\"city\").disabled = true;\r\n                    var ht = '<option value=\"\"> \u05d1\u05d7\u05e8 \u05e2\u05d9\u05e8 <\/option>';\r\n                    $('#city').html(ht);\r\n                }else{\r\n                     \r\n                    document.getElementById(\"city\").disabled = false;\r\n                    \r\n                }\r\n                var data = {\r\n                    'action': 'user_list',\r\n                    'city': city,\r\n                    'area': area\r\n                };\r\n\r\n                \/\/ since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php\r\n                jQuery.post(my_ajax_object.ajax_url, data, function(response) {\r\n                    var r = jQuery.parseJSON(response);\r\n\r\n\r\n                    ht=' <div class=\"chat-section \">\\n' +\r\n                        '                        <div class=\"chat-sec-inner\">';\r\n                    $.each(r , function(index,value){\r\n                        \/\/ map.getCenter({lat:value.latitude ,lng:value.longitude});\r\n\r\n                        ht+=' <div class=\"single-chat-message\">\\n' +\r\n                            '                                <div class=\"google-map-img\">\\n' +\r\n                            '                                    <a href=\"http:\/\/maps.google.com\/?q='+value.account_address+', '+value.city+'\" target=\"_blank\"> <img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/google.png\" alt=\"\"> <\/a>\\n' +\r\n                            '                                    <a  class=\"show-waze\" href=\"http:\/\/www.waze.com\/ul?q='+value.account_address+', '+value.city+'\" target=\"_blank\"> <img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/waze.svg\" alt=\"\"> <\/a>\\n' +\r\n                            '                                <\/div>\\n' +\r\n                            '                                <div>\\n' +\r\n                            '                                    <div class=\"message-sender-name\">\\n' +\r\n                            '                                        <span>'+value.name+'<\/span>\\n' +\r\n                            '                                    <\/div>\\n' +\r\n                            '                                    <div class=\"sender-location\">\\n' +\r\n                            '                                        <svg style=\" float: right; margin-left: 7px\" width=\"12\" height=\"15\" viewBox=\"0 0 12 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n' +\r\n                            '                                        <path d=\"M6.61662 14.6974C11.1572 8.5263 12 7.89296 12 5.625C12 2.51839 9.31372 0 6 0C2.68628 0 0 2.51839 0 5.625C0 7.89296 0.842813 8.5263 5.38338 14.6974C5.68134 15.1009 6.31869 15.1009 6.61662 14.6974ZM6 7.96875C4.61928 7.96875 3.5 6.91942 3.5 5.625C3.5 4.33057 4.61928 3.28125 6 3.28125C7.38072 3.28125 8.5 4.33057 8.5 5.625C8.5 6.91942 7.38072 7.96875 6 7.96875Z\" fill=\"#000000\"\/>\\n' +\r\n                            '                                        <\/svg>\\n' +\r\n                            '\\n' +\r\n                            '                                        <span style=\" float: right;\">'+value.account_address +', '+value.city+'<\/span>\\n' +\r\n                            '                                    <\/div>\\n' +\r\n                            '                                    <div class=\"sender-contact\">\\n' +\r\n                            '                                        <svg style=\" float: right; margin-left: 7px\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n' +\r\n                            '                                        <path d=\"M3.41318 6.04173C4.8511 8.49202 5.81014 9.47217 8.20642 10.9425L10.1238 8.98219C11.1028 9.23809 12.3394 9.58934 13.3311 9.58514C13.6619 9.58233 13.9913 9.92027 14 10.2435L13.978 13.3017C13.9767 13.6396 13.6445 13.9796 13.3077 14C5.04631 14.0147 0.27049 9.13152 0.00158048 0.668582C-0.0257646 0.341871 0.306378 0.0018425 0.637179 0.000424591H3.91326C4.27474 -0.0135974 4.60421 0.322936 4.6829 0.528353C4.59887 1.67535 5.0744 3.07413 5.3305 4.08156L3.41318 6.04173Z\" fill=\"#000000\"\/>\\n' +\r\n                            '                                        <\/svg>\\n' +\r\n                            '\\n' +\r\n                            '                                        <span style=\" float: right\">'+value.phone+'<\/span>\\n' +\r\n                            '                                    <\/div>\\n' +\r\n                            '                                <\/div>\\n' +\r\n                            '                            <\/div>';\r\n\r\n                    });\r\n                    ht+='<\/div><\/div>'\r\n                    $('#user_card').html(ht);\r\n                });\r\n\r\n\r\n\r\n\r\n            $( \"#area\" ).on( \"change\", function() {\r\n                 var lodr = '<div class=\"loader-img\" style=\"text-align: center;\"><img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/loader.gif\"><\/div>';\r\n                $('#user_card').html(lodr);\r\n                var city = \"\";\r\n                var area = $( \"#area option:selected\" ).val();\r\n                \r\n                var data = {\r\n                    'action': 'user_list',\r\n                    'city': city,\r\n                    'area': area\r\n                };\r\n\r\n\r\n                \/\/ since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php\r\n                 jQuery.post(my_ajax_object.ajax_url, data, function(response) {\r\n                     var r = jQuery.parseJSON(response);\r\n                     ht=' <div class=\"chat-section\">\\n' +\r\n                         '                        <div class=\"chat-sec-inner\">';\r\n                     $.each(r , function(index,value){\r\n                         ht+=' <div class=\"single-chat-message\">\\n' +\r\n                             '                                <div class=\"google-map-img\">\\n' +\r\n                             '                                    <a href=\"http:\/\/maps.google.com\/?q='+value.account_address+', '+value.city+'\" target=\"_blank\"> <img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/google.png\" alt=\"\"> <\/a>\\n' +\r\n                             '                                    <a  class=\"show-waze\" href=\"http:\/\/www.waze.com\/ul?q='+value.city+','+value.area+'\" target=\"_blank\"> <img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/waze.svg\" alt=\"\"> <\/a>\\n' +\r\n                             '                                <\/div>\\n' +\r\n                             '                                <div>\\n' +\r\n                             '                                    <div class=\"message-sender-name\">\\n' +\r\n                             '                                        <span>'+value.name+'<\/span>\\n' +\r\n                             '                                    <\/div>\\n' +\r\n                             '                                    <div class=\"sender-location\">\\n' +\r\n                             '                                        <svg style=\" float: right; margin-left: 7px\" width=\"12\" height=\"15\" viewBox=\"0 0 12 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n' +\r\n                             '                                        <path d=\"M6.61662 14.6974C11.1572 8.5263 12 7.89296 12 5.625C12 2.51839 9.31372 0 6 0C2.68628 0 0 2.51839 0 5.625C0 7.89296 0.842813 8.5263 5.38338 14.6974C5.68134 15.1009 6.31869 15.1009 6.61662 14.6974ZM6 7.96875C4.61928 7.96875 3.5 6.91942 3.5 5.625C3.5 4.33057 4.61928 3.28125 6 3.28125C7.38072 3.28125 8.5 4.33057 8.5 5.625C8.5 6.91942 7.38072 7.96875 6 7.96875Z\" fill=\"#000000\"\/>\\n' +\r\n                             '                                        <\/svg>\\n' +\r\n                             '\\n' +\r\n                             '                                        <span style=\" float: right;\">'+value.account_address+', '+value.city+'<\/span>\\n' +\r\n                             '                                    <\/div>\\n' +\r\n                             '                                    <div class=\"sender-contact\">\\n' +\r\n                             '                                        <svg style=\" float: right; margin-left: 7px\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n' +\r\n                             '                                        <path d=\"M3.41318 6.04173C4.8511 8.49202 5.81014 9.47217 8.20642 10.9425L10.1238 8.98219C11.1028 9.23809 12.3394 9.58934 13.3311 9.58514C13.6619 9.58233 13.9913 9.92027 14 10.2435L13.978 13.3017C13.9767 13.6396 13.6445 13.9796 13.3077 14C5.04631 14.0147 0.27049 9.13152 0.00158048 0.668582C-0.0257646 0.341871 0.306378 0.0018425 0.637179 0.000424591H3.91326C4.27474 -0.0135974 4.60421 0.322936 4.6829 0.528353C4.59887 1.67535 5.0744 3.07413 5.3305 4.08156L3.41318 6.04173Z\" fill=\"#000000\"\/>\\n' +\r\n                             '                                        <\/svg>\\n' +\r\n                             '\\n' +\r\n                             '                                        <span style=\" float: right\">'+value.phone+'<\/span>\\n' +\r\n                             '                                    <\/div>\\n' +\r\n                             '                                <\/div>\\n' +\r\n                             '                            <\/div>';\r\n\r\n                    });\r\n                    $('#user_card').html(ht);\r\n                });\r\n\r\n            });\r\n  $( \"#city\" ).on( \"change\", function() {\r\n     var lodr = '<div class=\"loader-img\" style=\"text-align: center;\"><img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/loader.gif\"><\/div>';\r\n                $('#user_card').html(lodr);\r\n                var city = $( \"#city option:selected\" ).val();\r\n                var area = $( \"#area option:selected\" ).val();\r\n                \r\n                var data = {\r\n                    'action': 'user_list',\r\n                    'city': city,\r\n                    'area': area\r\n                };\r\n\r\n                \/\/ since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php\r\n                 jQuery.post(my_ajax_object.ajax_url, data, function(response) {\r\n                     var r = jQuery.parseJSON(response);\r\n                     ht=' <div class=\"chat-section\">\\n' +\r\n                         '                        <div class=\"chat-sec-inner\">';\r\n                     $.each(r , function(index,value){\r\n                         ht+=' <div class=\"single-chat-message\">\\n' +\r\n                             '                                <div class=\"google-map-img\">\\n' +\r\n                             '                                    <a href=\"http:\/\/maps.google.com\/?q='+value.account_address+', '+value.city+'\" target=\"_blank\"> <img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/google.png\" alt=\"\"> <\/a>\\n' +\r\n                             '                                    <a  class=\"show-waze\" href=\"http:\/\/www.waze.com\/ul?q='+value.account_address+', '+value.city+'\" target=\"_blank\"> <img src=\"https:\/\/www.paints.co.il\/mixol\/wp-content\/plugins\/data_import\/assets\/images\/waze.svg\" alt=\"\"> <\/a>\\n' +\r\n                             '                                <\/div>\\n' +\r\n                             '                                <div>\\n' +\r\n                             '                                    <div class=\"message-sender-name\">\\n' +\r\n                             '                                        <span>'+value.name+'<\/span>\\n' +\r\n                             '                                    <\/div>\\n' +\r\n                             '                                    <div class=\"sender-location\">\\n' +\r\n                             '                                        <svg style=\" float: right; margin-left: 7px\" width=\"12\" height=\"15\" viewBox=\"0 0 12 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n' +\r\n                             '                                        <path d=\"M6.61662 14.6974C11.1572 8.5263 12 7.89296 12 5.625C12 2.51839 9.31372 0 6 0C2.68628 0 0 2.51839 0 5.625C0 7.89296 0.842813 8.5263 5.38338 14.6974C5.68134 15.1009 6.31869 15.1009 6.61662 14.6974ZM6 7.96875C4.61928 7.96875 3.5 6.91942 3.5 5.625C3.5 4.33057 4.61928 3.28125 6 3.28125C7.38072 3.28125 8.5 4.33057 8.5 5.625C8.5 6.91942 7.38072 7.96875 6 7.96875Z\" fill=\"#000000\"\/>\\n' +\r\n                             '                                        <\/svg>\\n' +\r\n                             '\\n' +\r\n                             '                                        <span style=\" float: right;\">'+value.account_address+', '+value.city+'<\/span>\\n' +\r\n                             '                                    <\/div>\\n' +\r\n                             '                                    <div class=\"sender-contact\">\\n' +\r\n                             '                                        <svg style=\" float: right; margin-left: 7px\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\\n' +\r\n                             '                                        <path d=\"M3.41318 6.04173C4.8511 8.49202 5.81014 9.47217 8.20642 10.9425L10.1238 8.98219C11.1028 9.23809 12.3394 9.58934 13.3311 9.58514C13.6619 9.58233 13.9913 9.92027 14 10.2435L13.978 13.3017C13.9767 13.6396 13.6445 13.9796 13.3077 14C5.04631 14.0147 0.27049 9.13152 0.00158048 0.668582C-0.0257646 0.341871 0.306378 0.0018425 0.637179 0.000424591H3.91326C4.27474 -0.0135974 4.60421 0.322936 4.6829 0.528353C4.59887 1.67535 5.0744 3.07413 5.3305 4.08156L3.41318 6.04173Z\" fill=\"#000000\"\/>\\n' +\r\n                             '                                        <\/svg>\\n' +\r\n                             '\\n' +\r\n                             '                                        <span style=\" float: right\">'+value.phone+'<\/span>\\n' +\r\n                             '                                    <\/div>\\n' +\r\n                             '                                <\/div>\\n' +\r\n                             '                            <\/div>';\r\n\r\n                    });\r\n                    $('#user_card').html(ht);\r\n                });\r\n\r\n            });\r\n            $( \"#area\" ).on( \"change\", function() {\r\n                var area = $( \"#area option:selected\" ).val();\r\n\r\n                if (area == \"\") {\r\n                    document.getElementById(\"city\").disabled = true;\r\n                     var ht = '<option value=\"\"> \u05d1\u05d7\u05e8 \u05e2\u05d9\u05e8 <\/option>';\r\n                    $('#city').html(ht);\r\n                }else{\r\n                    document.getElementById(\"city\").disabled = false;\r\n                }\r\n                var data = {\r\n                    'action': 'user_list',\r\n                    'city': city,\r\n                    'area': area\r\n                };\r\n                var data = {\r\n                    'action': 'my_action',\r\n                    'area': area\r\n                };\r\n\r\n                \/\/ since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php\r\n                jQuery.post(my_ajax_object.ajax_url, data, function(response) {\r\n                    var r = jQuery.parseJSON(response);\r\n                    var ht = '<option value=\"\"> \u05d1\u05d7\u05e8 \u05e2\u05d9\u05e8  <\/option>';\r\n                    $.each(r , function(index,value){\r\n                        ht+= '<option value=\"'+value.city+'\">'+value.city+'<\/option>'\r\n                        console.log(value);\r\n                    });\r\n                    $('#city').html(ht);\r\n                });\r\n\r\n            });\r\n        })\r\n    <\/script>\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u05de\u05e6\u05d0 \u05de\u05e4\u05d9\u05e5 - MIXOL - \u05e6\u05d1\u05e2\u05d9 \u05d4\u05e7\u05e9\u05ea<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.paints.co.il\/mixol\/\" \/>\n<meta property=\"og:locale\" content=\"he_IL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u05de\u05e6\u05d0 \u05de\u05e4\u05d9\u05e5 - MIXOL - \u05e6\u05d1\u05e2\u05d9 \u05d4\u05e7\u05e9\u05ea\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.paints.co.il\/mixol\/\" \/>\n<meta property=\"og:site_name\" content=\"\u05e6\u05d1\u05e2\u05d9 \u05d4\u05e7\u05e9\u05ea\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-24T12:30:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.paints.co.il\/mixol\/#website\",\"url\":\"https:\/\/www.paints.co.il\/mixol\/\",\"name\":\"\\u05e6\\u05d1\\u05e2\\u05d9 \\u05d4\\u05e7\\u05e9\\u05ea\",\"description\":\"\\u05d0\\u05ea\\u05e8 \\u05d5\\u05d5\\u05e8\\u05d3\\u05e4\\u05e8\\u05e1 \\u05d7\\u05d3\\u05e9\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.paints.co.il\/mixol\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"he-IL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.paints.co.il\/mixol\/#webpage\",\"url\":\"https:\/\/www.paints.co.il\/mixol\/\",\"name\":\"\\u05de\\u05e6\\u05d0 \\u05de\\u05e4\\u05d9\\u05e5 - MIXOL - \\u05e6\\u05d1\\u05e2\\u05d9 \\u05d4\\u05e7\\u05e9\\u05ea\",\"isPartOf\":{\"@id\":\"https:\/\/www.paints.co.il\/mixol\/#website\"},\"datePublished\":\"2021-01-18T18:48:14+00:00\",\"dateModified\":\"2021-01-24T12:30:24+00:00\",\"inLanguage\":\"he-IL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.paints.co.il\/mixol\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/pages\/364"}],"collection":[{"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":11,"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/pages\/364\/revisions"}],"predecessor-version":[{"id":408,"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/pages\/364\/revisions\/408"}],"wp:attachment":[{"href":"https:\/\/www.paints.co.il\/mixol\/wp-json\/wp\/v2\/media?parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}