{"id":9015,"date":"2026-03-23T10:05:50","date_gmt":"2026-03-23T03:05:50","guid":{"rendered":"https:\/\/togo.uxper.co\/?page_id=9015"},"modified":"2026-05-11T22:55:18","modified_gmt":"2026-05-11T22:55:18","slug":"extra-services","status":"publish","type":"page","link":"http:\/\/nztoyou.com\/index.php\/vendor-dashboard\/extra-services\/","title":{"rendered":"Extra Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9015\" class=\"elementor elementor-9015\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc955f4 e-con-full e-flex e-con e-parent\" data-id=\"dc955f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db15373 elementor-widget elementor-widget-togo_extra_services\" data-id=\"db15373\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"togo_extra_services.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div class=\"togo-extra-services-wrapper\">\r\n    <!-- Header -->\r\n    <div class=\"togo-extra-services-header\">\r\n        <div class=\"togo-extra-services-header-left\">\r\n            <h2 class=\"togo-extra-services-title\">\r\n                Extra Services            <\/h2>\r\n            <p class=\"togo-extra-services-subtitle\">\r\n                Create add-ons that customers can purchase with their tours            <\/p>\r\n        <\/div>\r\n                    <button class=\"togo-extra-services-add-btn\" id=\"togo-add-service-btn\">\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" \/>\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n                <\/svg>\r\n                <span>\r\n                    Add New Service                <\/span>\r\n            <\/button>\r\n            <\/div>\r\n\r\n    <!-- Services Table -->\r\n    <div class=\"togo-extra-services-table-container\">\r\n        <!-- Filters Bar -->\r\n        <div class=\"togo-extra-services-filters\">\r\n            <div class=\"togo-extra-services-filters-left\">\r\n                <h3 class=\"togo-extra-services-filters-title\">All Services<\/h3>\r\n                <p class=\"togo-extra-services-filters-subtitle\">\r\n                    Manage your add-on services                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"togo-extra-services-filters-right\">\r\n                <!-- Search -->\r\n                <div class=\"togo-filter-search\">\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n                        <path d=\"m21 21-4.35-4.35\"><\/path>\r\n                    <\/svg>\r\n                    <input type=\"text\" id=\"service-search\" placeholder=\"Search services...\" \/>\r\n                <\/div>\r\n\r\n                <!-- Price Type Filter -->\r\n                <div class=\"togo-filter-select\">\r\n                    <select id=\"service-type-filter\">\r\n                        <option value=\"\">All Types<\/option>\r\n                        <option value=\"person\">Per Person<\/option>\r\n                        <option value=\"hour\">Per Hour<\/option>\r\n                        <option value=\"package\">Per Package<\/option>\r\n                    <\/select>\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Clear Filters -->\r\n                <button class=\"togo-filter-clear hide\" id=\"clear-filters\">\r\n                    Clear all                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <table class=\"togo-extra-services-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th>Icon<\/th>\r\n                    <th>Service Name<\/th>\r\n                    <th>Description<\/th>\r\n                    <th>Price<\/th>\r\n                    <th>Type<\/th>\r\n                    <th>Actions<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                                    <tr>\r\n                        <td colspan=\"6\" style=\"text-align: center; padding: 40px;\">\r\n                            No services found                        <\/td>\r\n                    <\/tr>\r\n                            <\/tbody>\r\n        <\/table>\r\n\r\n        <!-- Pagination -->\r\n                    <div class=\"togo-extra-services-pagination\" data-per-page=\"10\"\r\n                style=\"display: none;\" >\r\n                <p class=\"togo-pagination-info\">\r\n                    Showing                    <span class=\"togo-pagination-range\">\r\n                        0 - 0                    <\/span>\r\n                    of                    <span class=\"togo-pagination-total\">\r\n                        0                    <\/span>\r\n                    services                <\/p>\r\n                <div class=\"togo-pagination-controls\">\r\n                    <button class=\"togo-pagination-btn\" id=\"prev-page\" disabled>\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <div class=\"togo-pagination-pages\">\r\n                        <span class=\"togo-pagination-current\">\r\n                            1                        <\/span>\r\n                        <span class=\"togo-pagination-of\">of<\/span>\r\n                        <span class=\"togo-pagination-total-pages\">\r\n                            0                        <\/span>\r\n                    <\/div>\r\n                    <button class=\"togo-pagination-btn\" id=\"next-page\" disabled>\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n<\/div>\r\n\r\n<!-- Add\/Edit Modal (Hidden by default) -->\r\n<!-- Add\/Edit Modal (Hidden by default) -->\r\n<div class=\"togo-service-modal\" id=\"togo-service-modal\" style=\"display: none;\">\r\n    <div class=\"togo-service-modal-overlay\"><\/div>\r\n    <div class=\"togo-service-modal-content\">\r\n        <div class=\"togo-service-modal-header\">\r\n            <h3 class=\"togo-service-modal-title\">\r\n                Create Extra Service            <\/h3>\r\n            <button class=\"togo-service-modal-close\" id=\"togo-modal-close-btn\">\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\r\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"togo-service-modal-body\">\r\n            <!-- Hidden fields for edit mode -->\r\n            <input type=\"hidden\" id=\"service-id\" value=\"\">\r\n            <input type=\"hidden\" id=\"service-action\" value=\"create\">\r\n            <div class=\"togo-service-field\">\r\n                <label class=\"togo-service-label\">\r\n                    Service Name                <\/label>\r\n                <input type=\"text\" class=\"togo-service-input\" id=\"service-name\"\r\n                    placeholder=\"e.g. Traditional Swiss Dinner\">\r\n            <\/div>\r\n            <div class=\"togo-service-field\">\r\n                <label class=\"togo-service-label\">\r\n                    Icon Image                <\/label>\r\n                <div class=\"togo-service-icon-upload\" id=\"service-icon-upload\">\r\n                    <input type=\"hidden\" id=\"service-icon-id\" value=\"\">\r\n                    <div class=\"togo-service-icon-preview\" id=\"service-icon-preview\"><\/div>\r\n                    <button type=\"button\" class=\"togo-service-icon-btn\" id=\"service-icon-upload-btn\">\r\n                        Upload SVG                    <\/button>\r\n                    <button type=\"button\" class=\"togo-service-icon-remove\" id=\"service-icon-remove-btn\" style=\"display: none;\">\r\n                        Remove                    <\/button>\r\n                <\/div>\r\n                <p class=\"togo-service-field-hint\">SVG files only<\/p>\r\n            <\/div>\r\n            <!-- Hidden field for vendor ID (current user) -->\r\n            <input type=\"hidden\" id=\"service-vendor\" value=\"0\">\r\n            <div class=\"togo-service-field-row\">\r\n                <div class=\"togo-service-field\">\r\n                    <label class=\"togo-service-label\">\r\n                        Price ($)                    <\/label>\r\n                    <input type=\"number\" class=\"togo-service-input\" id=\"service-price\" placeholder=\"0.00\" step=\"0.01\">\r\n                <\/div>\r\n                <div class=\"togo-service-field\">\r\n                    <label class=\"togo-service-label\">\r\n                        Price Type                    <\/label>\r\n                    <select class=\"togo-service-input\" id=\"service-price-type\">\r\n                        <option value=\"person\">\r\n                            per person                        <\/option>\r\n                        <option value=\"hour\">\r\n                            per hour                        <\/option>\r\n                        <option value=\"package\">\r\n                            per package                        <\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"togo-service-field\">\r\n                <label class=\"togo-service-label\">\r\n                    Description                <\/label>\r\n                <textarea class=\"togo-service-textarea\" id=\"service-description\" rows=\"3\"\r\n                    placeholder=\"Describe what the customer gets...\"><\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"togo-service-modal-footer\">\r\n            <button class=\"togo-service-modal-cancel\" id=\"togo-modal-cancel-btn\">\r\n                Cancel            <\/button>\r\n            <button class=\"togo-service-modal-save\" id=\"togo-modal-save-btn\">\r\n                Save Service            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Extra Services Create add-ons that customers can purchase with their tours Add New Service All Services Manage your add-on services All TypesPer PersonPer HourPer Package Clear all Icon Service Name Description Price Type Actions Airport transfers There are many variations of passages of Lorem Ipsum available $30 per person Childcare services There are many variations [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8968,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"my-vendor-account.php","meta":{"footnotes":""},"class_list":["post-9015","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/pages\/9015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/comments?post=9015"}],"version-history":[{"count":1,"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/pages\/9015\/revisions"}],"predecessor-version":[{"id":9237,"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/pages\/9015\/revisions\/9237"}],"up":[{"embeddable":true,"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/pages\/8968"}],"wp:attachment":[{"href":"http:\/\/nztoyou.com\/index.php\/wp-json\/wp\/v2\/media?parent=9015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}