{"id":745,"date":"2025-10-13T07:32:08","date_gmt":"2025-10-13T07:32:08","guid":{"rendered":"https:\/\/lana-food.com\/?page_id=745"},"modified":"2025-10-20T13:59:20","modified_gmt":"2025-10-20T13:59:20","slug":"login-2","status":"publish","type":"page","link":"https:\/\/lana-food.com\/ar\/login-2\/","title":{"rendered":"login1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"745\" class=\"elementor elementor-745\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-453dfdd e-flex e-con-boxed e-con e-parent\" data-id=\"453dfdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a2f37c elementor-widget elementor-widget-shortcode\" data-id=\"0a2f37c\" 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=\"restaurant-registration-form\">\r\n            <h2>Store Registration<\/h2>\r\n            <p style=\"text-align: center; color: #666; margin-bottom: 25px;\">Fill in the details below to register your store. Admin will review and approve. You'll receive login credentials via email upon approval.<\/p>\r\n            <form id=\"restaurant-reg-form\" enctype=\"multipart\/form-data\">\r\n                <input type=\"hidden\" id=\"security\" name=\"security\" value=\"a01ba5f03c\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/745\" \/>                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_name\">Store Name <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"rest_name\" name=\"rest_name\" required>\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_email\">Email <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"email\" id=\"rest_email\" name=\"rest_email\" required>\r\n                    <small>This will be your login username<\/small>\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_phone\">Phone <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"tel\" id=\"rest_phone\" name=\"rest_phone\" required>\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_image\">Store Image<\/label>\r\n                    <input type=\"file\" id=\"rest_image\" name=\"rest_image\" accept=\"image\/*\">\r\n                    <small>Max size: 2MB (JPG, PNG, GIF)<\/small>\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_instagram\">Instagram<\/label>\r\n                    <input type=\"text\" id=\"rest_instagram\" name=\"rest_instagram\" placeholder=\"@username or profile URL\">\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_snapchat\">Snapchat<\/label>\r\n                    <input type=\"text\" id=\"rest_snapchat\" name=\"rest_snapchat\" placeholder=\"Username\">\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_twitter\">Twitter<\/label>\r\n                    <input type=\"text\" id=\"rest_twitter\" name=\"rest_twitter\" placeholder=\"@username or profile URL\">\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_tiktok\">TikTok<\/label>\r\n                    <input type=\"text\" id=\"rest_tiktok\" name=\"rest_tiktok\" placeholder=\"@username or profile URL\">\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_facebook\">Facebook<\/label>\r\n                    <input type=\"text\" id=\"rest_facebook\" name=\"rest_facebook\" placeholder=\"Page URL\">\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_whatsapp\">WhatsApp<\/label>\r\n                    <input type=\"tel\" id=\"rest_whatsapp\" name=\"rest_whatsapp\" placeholder=\"Phone number with country code\">\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_neighbourhoods\">Neighbourhoods (Multiple) <span class=\"required\">*<\/span><\/label>\r\n                    <div class=\"multi-select-container\">\r\n                        <input type=\"text\" id=\"neighbourhood-input\" placeholder=\"Type and press Enter to add\">\r\n                        <div id=\"neighbourhood-tags\" class=\"tags-container\"><\/div>\r\n                        <input type=\"hidden\" id=\"rest_neighbourhoods\" name=\"rest_neighbourhoods\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"rest_locations\">Locations (Multiple) <span class=\"required\">*<\/span><\/label>\r\n                    <div class=\"multi-select-container\">\r\n                        <input type=\"text\" id=\"location-input\" placeholder=\"Type and press Enter to add\">\r\n                        <div id=\"location-tags\" class=\"tags-container\"><\/div>\r\n                        <input type=\"hidden\" id=\"rest_locations\" name=\"rest_locations\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"form-message\"><\/div>\r\n                \r\n                <button type=\"submit\" class=\"submit-btn\">Submit Registration<\/button>\r\n                <p style=\"text-align: center; color: #666; margin-top: 15px;\">Already registered? <a href=\"https:\/\/lana-food.com\/wp-login.php\">Click here to login<\/a>.<\/p>\r\n            <\/form>\r\n        <\/div>\r\n        \r\n        <style>\r\n            .restaurant-registration-form {\r\n                max-width: 600px;\r\n                margin: 30px auto;\r\n                padding: 30px;\r\n                background: #fff;\r\n                border-radius: 8px;\r\n                box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n            }\r\n            .restaurant-registration-form h2 {\r\n                margin-bottom: 10px;\r\n                color: #333;\r\n                text-align: center;\r\n            }\r\n            .form-group {\r\n                margin-bottom: 20px;\r\n            }\r\n            .form-group label {\r\n                display: block;\r\n                margin-bottom: 5px;\r\n                font-weight: 600;\r\n                color: #555;\r\n            }\r\n            .required {\r\n                color: #e74c3c;\r\n            }\r\n            .form-group input[type=\"text\"],\r\n            .form-group input[type=\"email\"],\r\n            .form-group input[type=\"tel\"],\r\n            .form-group input[type=\"file\"] {\r\n                width: 100%;\r\n                padding: 10px;\r\n                border: 1px solid #ddd;\r\n                border-radius: 4px;\r\n                font-size: 14px;\r\n                box-sizing: border-box;\r\n            }\r\n            .form-group small {\r\n                color: #888;\r\n                font-size: 12px;\r\n                display: block;\r\n                margin-top: 5px;\r\n            }\r\n            .multi-select-container input[type=\"text\"] {\r\n                width: 100%;\r\n                padding: 10px;\r\n                border: 1px solid #ddd;\r\n                border-radius: 4px;\r\n                box-sizing: border-box;\r\n            }\r\n            .tags-container {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 8px;\r\n                margin-top: 10px;\r\n                min-height: 40px;\r\n                padding: 10px;\r\n                border: 1px solid #eee;\r\n                border-radius: 4px;\r\n                background: #f9f9f9;\r\n            }\r\n            .tag {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                padding: 5px 10px;\r\n                background: #3498db;\r\n                color: white;\r\n                border-radius: 20px;\r\n                font-size: 14px;\r\n            }\r\n            .tag .remove-tag {\r\n                margin-left: 8px;\r\n                cursor: pointer;\r\n                font-weight: bold;\r\n            }\r\n            .submit-btn {\r\n                width: 100%;\r\n                padding: 12px;\r\n                background: #27ae60;\r\n                color: white;\r\n                border: none;\r\n                border-radius: 4px;\r\n                font-size: 16px;\r\n                font-weight: 600;\r\n                cursor: pointer;\r\n                transition: background 0.3s;\r\n            }\r\n            .submit-btn:hover {\r\n                background: #229954;\r\n            }\r\n            .submit-btn:disabled {\r\n                background: #95a5a6;\r\n                cursor: not-allowed;\r\n            }\r\n            .form-message {\r\n                padding: 10px;\r\n                margin: 15px 0;\r\n                border-radius: 4px;\r\n                display: none;\r\n            }\r\n            .form-message.success {\r\n                background: #d4edda;\r\n                color: #155724;\r\n                border: 1px solid #c3e6cb;\r\n                display: block;\r\n            }\r\n            .form-message.error {\r\n                background: #f8d7da;\r\n                color: #721c24;\r\n                border: 1px solid #f5c6cb;\r\n                display: block;\r\n            }\r\n        <\/style>\r\n        \r\n        <script>\r\n        jQuery(document).ready(function($) {\r\n            let neighbourhoods = [];\r\n            let locations = [];\r\n            \r\n            $('#neighbourhood-input').on('keypress', function(e) {\r\n                if (e.which === 13) {\r\n                    e.preventDefault();\r\n                    const value = $(this).val().trim();\r\n                    if (value && !neighbourhoods.includes(value)) {\r\n                        neighbourhoods.push(value);\r\n                        $('#neighbourhood-tags').append('<span class=\"tag\">' + value + ' <span class=\"remove-tag\" data-type=\"neighbourhood\" data-value=\"' + value + '\">&times;<\/span><\/span>');\r\n                        $('#rest_neighbourhoods').val(neighbourhoods.join(','));\r\n                        $(this).val('');\r\n                    }\r\n                }\r\n            });\r\n            \r\n            $('#location-input').on('keypress', function(e) {\r\n                if (e.which === 13) {\r\n                    e.preventDefault();\r\n                    const value = $(this).val().trim();\r\n                    if (value && !locations.includes(value)) {\r\n                        locations.push(value);\r\n                        $('#location-tags').append('<span class=\"tag\">' + value + ' <span class=\"remove-tag\" data-type=\"location\" data-value=\"' + value + '\">&times;<\/span><\/span>');\r\n                        $('#rest_locations').val(locations.join(','));\r\n                        $(this).val('');\r\n                    }\r\n                }\r\n            });\r\n            \r\n            $(document).on('click', '.remove-tag', function() {\r\n                const value = $(this).data('value');\r\n                const type = $(this).data('type');\r\n                \r\n                if (type === 'neighbourhood') {\r\n                    neighbourhoods = neighbourhoods.filter(n => n !== value);\r\n                    $('#rest_neighbourhoods').val(neighbourhoods.join(','));\r\n                } else {\r\n                    locations = locations.filter(l => l !== value);\r\n                    $('#rest_locations').val(locations.join(','));\r\n                }\r\n                \r\n                $(this).parent().remove();\r\n            });\r\n            \r\n            $('#restaurant-reg-form').on('submit', function(e) {\r\n                e.preventDefault();\r\n                \r\n                if (!$('#rest_neighbourhoods').val()) {\r\n                    $('.form-message').removeClass('success').addClass('error').text('Please add at least one neighbourhood!').show();\r\n                    return;\r\n                }\r\n                \r\n                if (!$('#rest_locations').val()) {\r\n                    $('.form-message').removeClass('success').addClass('error').text('Please add at least one location!').show();\r\n                    return;\r\n                }\r\n                \r\n                const formData = new FormData(this);\r\n                formData.append('action', 'submit_restaurant_registration');\r\n                \r\n                const submitBtn = $(this).find('.submit-btn');\r\n                submitBtn.prop('disabled', true).text('Submitting...');\r\n                $('.form-message').hide();\r\n                \r\n                $.ajax({\r\n                    url: 'https:\/\/lana-food.com\/wp-admin\/admin-ajax.php',\r\n                    type: 'POST',\r\n                    data: formData,\r\n                    processData: false,\r\n                    contentType: false,\r\n                    success: function(response) {\r\n                        if (response.success) {\r\n                            $('.form-message').removeClass('error').addClass('success').text(response.data.message).show();\r\n                            $('#restaurant-reg-form')[0].reset();\r\n                            neighbourhoods = [];\r\n                            locations = [];\r\n                            $('#neighbourhood-tags, #location-tags').empty();\r\n                            $('#rest_neighbourhoods, #rest_locations').val('');\r\n                        } else {\r\n                            $('.form-message').removeClass('success').addClass('error').text(response.data.message).show();\r\n                        }\r\n                        submitBtn.prop('disabled', false).text('Submit Registration');\r\n                    },\r\n                    error: function(xhr, status, error) {\r\n                        console.log('AJAX Error:', error);\r\n                        console.log('Response:', xhr.responseText);\r\n                        $('.form-message').removeClass('success').addClass('error').text('An error occurred. Please try again.').show();\r\n                        submitBtn.prop('disabled', false).text('Submit Registration');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n        <\/script>\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\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":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-745","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/pages\/745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/comments?post=745"}],"version-history":[{"count":5,"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/pages\/745\/revisions"}],"predecessor-version":[{"id":755,"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/pages\/745\/revisions\/755"}],"wp:attachment":[{"href":"https:\/\/lana-food.com\/ar\/wp-json\/wp\/v2\/media?parent=745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}