{"id":9,"date":"2026-08-10T13:21:06","date_gmt":"2026-08-10T13:21:06","guid":{"rendered":"http:\/\/34.14.18.158\/?page_id=9"},"modified":"2026-08-11T14:00:48","modified_gmt":"2026-08-11T14:00:48","slug":"tob-demo","status":"publish","type":"page","link":"https:\/\/mape.tob.rs\/sr\/tob-demo\/","title":{"rendered":"TOB-demo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce617c e-con-full e-flex e-con e-parent\" data-id=\"1ce617c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5814a19 elementor-widget elementor-widget-shortcode\" data-id=\"5814a19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:5px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"hover\">\r\n\r\n    \r\n        <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover\"\r\n             aria-hidden=\"true\"\r\n             inert\r\n             data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/pages\/9\" title=\"\u0421\u0440\u043f\u0441\u043a\u0438 \u0458\u0435\u0437\u0438\u043a\"><img decoding=\"async\" src=\"https:\/\/mape.tob.rs\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/sr_RS.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">\u0421\u0440\u043f\u0441\u043a\u0438 \u0458\u0435\u0437\u0438\u043a<\/span><\/a>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <!-- OVERLAY (positioned; interactive surface) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-hover\"\r\n             role=\"navigation\"\r\n             aria-label=\"Website language selector\"\r\n             data-no-translation\r\n        >\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"Change language\" aria-controls=\"trp-shortcode-dropdown-6a7b36c41e7a4\"><img decoding=\"async\" src=\"https:\/\/mape.tob.rs\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/sr_RS.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">\u0421\u0440\u043f\u0441\u043a\u0438 \u0458\u0435\u0437\u0438\u043a<\/span><\/div>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n    \r\n            <div class=\"trp-switcher-dropdown-list\"\r\n                 id=\"trp-shortcode-dropdown-6a7b36c41e7a4\"\r\n                 role=\"group\"\r\n                 aria-label=\"Available languages\"\r\n                 hidden\r\n                 inert\r\n            >\r\n                                                            <a class=\"trp-language-item\" href=\"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/pages\/9\" title=\"English (UK)\">\r\n                            <img decoding=\"async\" src=\"https:\/\/mape.tob.rs\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_GB.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>English (UK)<\/span>\r\n                                                                                <\/a>\r\n                                                <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eeef6b9 e-con-full e-flex e-con e-parent\" data-id=\"eeef6b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43b50e7 elementor-widget elementor-widget-shortcode\" data-id=\"43b50e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style type=\"text\/css\">\nbody #asl-storelocator.asl-cont.asl-template-0 {--sl-title-size: 16px;--sl-font-size: 13px;--sl-btn-size: 14px;--sl-label-size: 16px;--sl-input-size: 16px;--sl-primary: #f61067;--sl-header: #fee7ef;--sl-header-color: #282a7f;--sl-infobox-color: #555d66;--sl-infobox-bg: #FFFFFF;--sl-infobox-a: #f61067;--sl-search-text: #f61067;--sl-search-btn-color: #FFFFFF;--sl-search-btn-bg: #f61067;--sl-action-btn-color: #FFFFFF;--sl-action-btn-bg: #f61067;--sl-color: #555d66;--sl-list-bg: #FFFFFF;--sl-list-title: #282a7f;--sl-list-sub-title: #6a6a6a;--sl-highlighted: #F7F7F7;}.asl-p-cont .asl-print-btn,.asl-cont .asl-print-btn {display: none !important;}#asl-storelocator.asl-cont .sl-main-cont .asl-panel.pol-lg-12 {\n    order: 0;\n}\n\n#asl-storelocator.asl-cont .sl-main-cont .asl-panel.pol-lg-12 .asl-panel-inner {\n    position: relative;\n    height: 450px;\n}\n\n.asl-cont .onoffswitch .onoffswitch-label .onoffswitch-switch:before {\n    content: \"OPEN\" !important;\n}\n\n.asl-cont .onoffswitch .onoffswitch-label .onoffswitch-switch:after {\n    content: \"ALL\" !important;\n}\n\n@media (max-width: 767px) {\n    #asl-storelocator.asl-cont .asl-panel {\n        order: 0;\n    }\n}\n\n.asl-cont.sl-search-only .Filter_section+.sl-row {\n    display: none;\n}\n\n.asl-cont .sl-hide-branches,\n.asl-cont .sl-hide-branches:hover {\n    color: #FFF !important;\n    text-decoration: none !important;\n    cursor: pointer;\n}\n<\/style>\n<div id=\"asl-storelocator\"\n    class=\"storelocator-main asl-cont asl-template-0 asl-layout-0 asl-bg-0  asl-text-1\">\n    <div class=\"asl-wrapper\">\n        <div class=\"sl-container\">\n                                    <div class=\"sl-row Filter_section\">\n                <div class=\"pol-lg-4 pol-md-5 pol-sm-12 search_filter\">\n                    <label class=\"mb-2\" for=\"auto-complete-search\">Search Location<\/label>\n                    <div class=\"sl-search-group input-group d-flex\">\n                        <input type=\"text\" value=\"\" data-submit=\"disable\"\n                            id=\"auto-complete-search\" placeholder=\"Enter a Location\"\n                            class=\"asl-search-address form-control isp_ignore\">\n                        <div class=\"input-group-append\">\n                            <button aria-label=\"Search Location\"\n                                title=\"Search Location\" type=\"button\" class=\"asl-search-event input-group-text span-geo\">\n                                <i class=\"icon-search\" aria-hidden=\"true\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"pol-lg-8 pol-md-7 pol-sm-12\">\n                    <div class=\"sl-row\">\n                        <div class=\"pol-sm-12 asl-advance-filters hide\">\n                            <div class=\"sl-row\">\n                                                                                                <div\n                                    class=\"pol-lg-4 pol-md-6 pol-sm-12  asl-ddl-filters asl-ddl-filter-cats\">\n                                    <div class=\"asl-filter-cntrl\">\n                                        <label class=\"asl-cntrl-lbl\"\n                                            for=\"asl-categories\">Category<\/label>\n                                        <div class=\"sl-dropdown-cont\" id=\"categories_filter\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                                                                                <div class=\"pol-lg-4 pol-md-6 pol-sm-12 range_filter asl-ddl-filters hide\">\n                                    <div class=\"rangeFilter asl-filter-cntrl\">\n                                        <label for=\"asl-radius-slide\"\n                                            class=\"asl-cntrl-lbl\">Distance Range<\/label>\n                                        <input id=\"asl-radius-slide\" type=\"text\" class=\"span2\" \/>\n                                        <span class=\"rad-unit\">Radius: <span\n                                                id=\"asl-radius-input\"><\/span> <span\n                                                id=\"asl-dist-unit\">Km<\/span><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"pol-lg-2 pol-md-3 pol-sm-12 Status_filter\">\n                                    <div class=\"asl-filter-cntrl\">\n                                        <label class=\"asl-cntrl-lbl\">Status<\/label>\n                                        <div class=\"onoffswitch\">\n                                            <input type=\"checkbox\" name=\"onoffswitch\" class=\"onoffswitch-checkbox\"\n                                                id=\"asl-open-close\" checked>\n                                            <label aria-label=\"Opened Stores\"\n                                                title=\"Opened Stores\"\n                                                class=\"onoffswitch-label\" for=\"asl-open-close\">\n                                                <span class=\"onoffswitch-inner\"><\/span>\n                                                <span class=\"onoffswitch-switch\"><\/span>\n                                            <\/label>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"sl-row\">\n                <div class=\"pol-12\">\n                    <div class=\"sl-main-cont\">\n                        <div class=\"sl-row no-gutters sl-main-row\">\n                            <div id=\"asl-panel\" class=\"asl-panel pol-md-5 pol-lg-4 asl_locator-panel\">\n                                <div class=\"asl-overlay\" id=\"map-loading\">\n                                    <div class=\"white\"><\/div>\n                                    <div class=\"sl-loading\">\n                                        <i class=\"animate-sl-spin icon-spin3\"><\/i>\n                                        Loading...                                    <\/div>\n                                <\/div>\n                                                                <!-- list -->\n                                <div class=\"asl-panel-inner\">\n                                    <div class=\"top-title Num_of_store\">\n                                        <span><span\n                                                class=\"sl-head-title\">Number Of Shops<\/span>:\n                                            <span class=\"count-result\">0<\/span><\/span>\n                                                                            <\/div>\n                                    <div class=\"sl-main-cont-box\">\n                                        <div id=\"asl-list\" class=\"sl-list-wrapper\">\n                                            <ul id=\"p-statelist\" class=\"sl-list\">\n                                            <\/ul>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"directions-cont hide\">\n                                    <div class=\"agile-modal-header\">\n                                        <button type=\"button\" class=\"close\"><span aria-hidden=\"true\">\u00d7<\/span><\/button>\n                                        <h4>Store Direction<\/h4>\n                                    <\/div>\n                                    <div class=\"rendered-directions\" id=\"asl-rendered-dir\" style=\"direction: ltr;\">\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"pol-md-7 pol-lg-8 asl-map\">\n                                <div class=\"map-image\">\n                                    <div id=\"asl-map-canv\" class=\"asl-map-canv\"><\/div>\n                                    \n<div id=\"agile-modal-direction\" class=\"agile-modal fade\">\n    <div class=\"agile-modal-backdrop-in\"><\/div>\n    <div class=\"agile-modal-dialog in\">\n        <div class=\"agile-modal-content\">\n            <div class=\"sl-form-group d-flex justify-content-between\">\n                <span>GET DIRECTIONS<\/span>\n                <button type=\"button\" class=\"close-directions sl-close\" data-dismiss=\"agile-modal\"\n                    aria-label=\"Close\"><i aria-hidden=\"true\" class=\"icon-cancel-1\"><\/i><\/button>\n            <\/div>\n            <div class=\"sl-form-group\">\n                <label for=\"frm-lbl\">From:<\/label>\n                <input type=\"text\" class=\"form-control frm-place\" id=\"frm-lbl\"\n                    placeholder=\"Enter a Location\">\n            <\/div>\n            <div class=\"sl-form-group\">\n                <label for=\"to-lbl\">To:<\/label>\n                <input readonly=\"true\" type=\"text\" class=\"directions-to form-control\" id=\"to-lbl\"\n                    placeholder=\"Prepopulated Destination Address\">\n            <\/div>\n            <div class=\"sl-form-group mb-0\">\n                <label for=\"rbtn-km\" class=\"checkbox-inline\">\n                    <input type=\"radio\" name=\"dist-type\" id=\"rbtn-km\" value=\"0\"> Km                <\/label>\n                <label for=\"rbtn-mile\" class=\"checkbox-inline\">\n                    <input type=\"radio\" name=\"dist-type\" checked id=\"rbtn-mile\" value=\"1\">\n                    Miles                <\/label>\n            <\/div>\n            <div class=\"sl-form-group mb-0\">\n                <button type=\"submit\" aria-label=\"GET DIRECTIONS\"\n                    class=\"btn btn-default btn-submit\">GET DIRECTIONS<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"asl-geolocation-agile-modal\" class=\"agile-modal fade\">\n    <div class=\"agile-modal-backdrop-in\"><\/div>\n    <div class=\"agile-modal-dialog in\">\n        <div class=\"agile-modal-content\">\n                            <div class=\"sl-form-group sl-icon-group\">\n                <button type=\"button\" class=\"close-directions sl-close\" data-dismiss=\"agile-modal\"\n                      aria-label=\"Close\"><i aria-hidden=\"true\" class=\"icon-cancel-1\"><\/i><\/button>\n                <div class=\"sl-loct-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path\n                            d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\">\n                        <\/path>\n                        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                    <\/svg>\n                <\/div>\n                <span>Find Nearby Service Providers<\/span>\n                <p>Use my location to find the closest Service Provider near me<\/p>\n            <\/div>\n            <div class=\"sl-form-group text-center mb-0\">\n                <button type=\"button\" id=\"asl-btn-geolocation\"\n                    class=\"btn btn-block btn-default\">USE LOCATION<\/button>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"asl-desc-agile-modal\" class=\"agile-modal fade\">\n    <div class=\"agile-modal-backdrop-in\"><\/div>\n    <div class=\"agile-modal-dialog in\">\n        <div class=\"agile-modal-content\">\n            <div class=\"sl-row\">\n                <div class=\"pol-md-12\">\n                    <div class=\"sl-form-group d-flex justify-content-between\">\n                        <span class=\"sl-title\">View Description<\/span>\n                        <button type=\"button\" class=\"close-directions sl-close\" data-dismiss=\"agile-modal\"\n                            aria-label=\"Close\"><i aria-hidden=\"true\" class=\"icon-cancel-1\"><\/i><\/button>\n                    <\/div>\n                    <div class=\"sl-desc\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            <\/div>\n<\/div>\n<!-- This plugin is developed by \"Agile Store Locator for WordPress\" https:\/\/agilestorelocator.com --> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"demo-template","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":41,"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/pages\/9\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/mape.tob.rs\/sr\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}