{"id":153,"date":"2026-02-14T14:25:23","date_gmt":"2026-02-14T14:25:23","guid":{"rendered":"https:\/\/neaperamos4u.com\/?page_id=153"},"modified":"2026-02-14T14:25:24","modified_gmt":"2026-02-14T14:25:24","slug":"my-bookings","status":"publish","type":"page","link":"https:\/\/neaperamos4u.com\/bg\/my-bookings\/","title":{"rendered":"\u041c\u043e\u0438\u0442\u0435 \u0440\u0435\u0437\u0435\u0440\u0432\u0430\u0446\u0438\u0438"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\r\n<div class=\"hab-dashboard-page\">\r\n    <!-- Professional Hero Header -->\r\n    <div class=\"hab-hero\">\r\n        <div class=\"hab-hero-inner\">\r\n            <h1>My Bookings<\/h1>\r\n            <p>View and manage your reservations<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n            <!-- Login & Register Cards for Non-Logged-In Users -->\r\n        <div class=\"hab-auth-grid\">\r\n            <!-- Login Card -->\r\n            <div class=\"hab-auth-card\">\r\n                <div class=\"hab-auth-header\">\r\n                    <h2>Welcome Back<\/h2>\r\n                    <p>Sign in to your account<\/p>\r\n                <\/div>\r\n                \r\n                <form name=\"loginform\" action=\"https:\/\/neaperamos4u.com\/wp-login.php\" method=\"post\" class=\"hab-auth-form\">\r\n                    <div class=\"hab-form-group\">\r\n                        <label for=\"user_login\">Username or Email<\/label>\r\n                        <input type=\"text\" name=\"log\" id=\"user_login\" class=\"hab-form-control\" required placeholder=\"Enter your username or email\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"hab-form-group\">\r\n                        <label for=\"user_pass\">Password<\/label>\r\n                        <input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"hab-form-control\" required placeholder=\"Enter your password\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"hab-form-row\">\r\n                        <label class=\"hab-checkbox\">\r\n                            <input type=\"checkbox\" name=\"rememberme\" value=\"forever\">\r\n                            <span class=\"hab-checkbox-text\">Remember me<\/span>\r\n                        <\/label>\r\n                        \r\n                        <a href=\"https:\/\/neaperamos4u.com\/wp-login.php?action=lostpassword\" class=\"hab-forgot-link\">Forgot password?<\/a>\r\n                    <\/div>\r\n                    \r\n                    <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/neaperamos4u.com\/bg\/my-bookings\/\">\r\n                    \r\n                    <button type=\"submit\" name=\"wp-submit\" class=\"hab-btn hab-btn-primary hab-btn-block\">\r\n                        Sign In                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n            \r\n            <!-- Register Card -->\r\n            <div class=\"hab-auth-card\">\r\n                <div class=\"hab-auth-header\">\r\n                    <h2>Create Account<\/h2>\r\n                    <p>Register to start booking<\/p>\r\n                <\/div>\r\n                \r\n                <form name=\"registerform\" action=\"https:\/\/neaperamos4u.com\/wp-login.php?action=register\" method=\"post\" class=\"hab-auth-form\">\r\n                    <div class=\"hab-form-group\">\r\n                        <label for=\"user_login\">Username<\/label>\r\n                        <input type=\"text\" name=\"user_login\" id=\"user_login\" class=\"hab-form-control\" required placeholder=\"Choose a username\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"hab-form-group\">\r\n                        <label for=\"user_email\">Email Address<\/label>\r\n                        <input type=\"email\" name=\"user_email\" id=\"user_email\" class=\"hab-form-control\" required placeholder=\"Enter your email\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"hab-form-group\">\r\n                        <p class=\"hab-register-note\">A password will be emailed to you for verification.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <button type=\"submit\" name=\"wp-submit\" class=\"hab-btn hab-btn-secondary hab-btn-block\">\r\n                        Register                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n\r\n<style>\r\n\/* =====================================================\r\n   DASHBOARD PAGE - Professional Theme Styling\r\n===================================================== *\/\r\n.hab-dashboard-page {\r\n    max-width: 1200px;\r\n    margin: 40px auto;\r\n    padding: 0 20px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.hab-hero {\r\n    background: linear-gradient(135deg, #0a5c9e 0%, #1e88e5 50%, #6ab7ff 100%);\r\n    border-radius: 20px;\r\n    padding: 60px 20px;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    color: white;\r\n}\r\n\r\n.hab-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 30px;\r\n    background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\"><path d=\"M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z\" opacity=\".25\" fill=\"%23ffffff\"><\/path><\/svg>');\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.hab-hero-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.hab-hero h1 {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    margin: 0 0 10px 0;\r\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.hab-hero p {\r\n    font-size: 18px;\r\n    opacity: 0.95;\r\n    margin: 0;\r\n}\r\n\r\n\/* Auth Grid *\/\r\n.hab-auth-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Auth Cards *\/\r\n.hab-auth-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 40px rgba(10, 92, 158, 0.15);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.hab-auth-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 30px 50px rgba(10, 92, 158, 0.25);\r\n}\r\n\r\n.hab-auth-header {\r\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n    padding: 30px;\r\n    text-align: center;\r\n    border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.hab-auth-header h2 {\r\n    color: #0a5c9e;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    margin: 0 0 5px 0;\r\n}\r\n\r\n.hab-auth-header p {\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    margin: 0;\r\n}\r\n\r\n.hab-auth-form {\r\n    padding: 30px;\r\n}\r\n\r\n.hab-form-group {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hab-form-group label {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.hab-form-control {\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border: 2px solid #e2e8f0;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    transition: all 0.2s ease;\r\n    background: white;\r\n}\r\n\r\n.hab-form-control:focus {\r\n    border-color: #0a5c9e;\r\n    outline: none;\r\n    box-shadow: 0 0 0 4px rgba(10, 92, 158, 0.1);\r\n}\r\n\r\n.hab-form-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.hab-checkbox {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.hab-checkbox input[type=\"checkbox\"] {\r\n    width: 18px;\r\n    height: 18px;\r\n    accent-color: #0a5c9e;\r\n}\r\n\r\n.hab-checkbox-text {\r\n    font-size: 14px;\r\n    color: #1e293b;\r\n}\r\n\r\n.hab-forgot-link {\r\n    color: #0a5c9e;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n}\r\n\r\n.hab-forgot-link:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n.hab-register-note {\r\n    background: #f0f7ff;\r\n    padding: 12px 16px;\r\n    border-radius: 10px;\r\n    font-size: 14px;\r\n    color: #0a5c9e;\r\n    margin: 0;\r\n    border: 1px solid rgba(10, 92, 158, 0.2);\r\n}\r\n\r\n\/* Buttons *\/\r\n.hab-btn {\r\n    display: inline-block;\r\n    padding: 12px 24px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    text-decoration: none;\r\n    text-align: center;\r\n}\r\n\r\n.hab-btn-block {\r\n    width: 100%;\r\n}\r\n\r\n.hab-btn-primary {\r\n    background: #0a5c9e;\r\n    color: white;\r\n    box-shadow: 0 4px 12px rgba(10, 92, 158, 0.3);\r\n}\r\n\r\n.hab-btn-primary:hover {\r\n    background: #0e7ac6;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 16px rgba(10, 92, 158, 0.4);\r\n}\r\n\r\n.hab-btn-secondary {\r\n    background: #f1f5f9;\r\n    color: #1e293b;\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.05);\r\n}\r\n\r\n.hab-btn-secondary:hover {\r\n    background: #e2e8f0;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n}\r\n\r\n.hab-btn-outline {\r\n    background: transparent;\r\n    color: #0a5c9e;\r\n    border: 2px solid #0a5c9e;\r\n}\r\n\r\n.hab-btn-outline:hover {\r\n    background: #0a5c9e;\r\n    color: white;\r\n}\r\n\r\n.hab-btn-danger {\r\n    background: #ef4444;\r\n    color: white;\r\n    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);\r\n}\r\n\r\n.hab-btn-danger:hover {\r\n    background: #dc2626;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 16px rgba(239, 68, 68, 0.4);\r\n}\r\n\r\n\/* Empty State *\/\r\n.hab-empty-state {\r\n    text-align: center;\r\n    padding: 60px;\r\n    background: white;\r\n    border-radius: 20px;\r\n    box-shadow: 0 20px 40px rgba(10, 92, 158, 0.1);\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.hab-empty-icon {\r\n    font-size: 64px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hab-empty-state h3 {\r\n    color: #1e293b;\r\n    font-size: 24px;\r\n    margin: 0 0 10px 0;\r\n}\r\n\r\n.hab-empty-state p {\r\n    color: #64748b;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\/* Bookings Grid *\/\r\n.hab-bookings-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 25px;\r\n}\r\n\r\n.hab-booking-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(10, 92, 158, 0.1);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.hab-booking-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 40px rgba(10, 92, 158, 0.15);\r\n}\r\n\r\n.hab-booking-card-header {\r\n    background: linear-gradient(135deg, #0a5c9e 0%, #1e88e5 100%);\r\n    padding: 20px 25px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    color: white;\r\n}\r\n\r\n.hab-booking-card-header h3 {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n}\r\n\r\n.hab-booking-status {\r\n    padding: 4px 12px;\r\n    border-radius: 30px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hab-status-pending {\r\n    background: #fef3c7;\r\n    color: #f59e0b;\r\n}\r\n\r\n.hab-status-confirmed {\r\n    background: #d1fae5;\r\n    color: #10b981;\r\n}\r\n\r\n.hab-status-cancelled {\r\n    background: #fee2e2;\r\n    color: #ef4444;\r\n}\r\n\r\n.hab-status-completed {\r\n    background: #e2e8f0;\r\n    color: #64748b;\r\n}\r\n\r\n.hab-booking-card-body {\r\n    padding: 25px;\r\n}\r\n\r\n.hab-booking-dates {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 25px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.hab-date-block {\r\n    flex: 1;\r\n}\r\n\r\n.hab-date-label {\r\n    display: block;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #0a5c9e;\r\n    text-transform: uppercase;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.hab-date-value {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #1e293b;\r\n}\r\n\r\n.hab-date-arrow {\r\n    color: #0a5c9e;\r\n    font-size: 18px;\r\n    font-weight: 300;\r\n}\r\n\r\n.hab-booking-meta {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hab-meta-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #f8fafc;\r\n    padding: 12px;\r\n    border-radius: 12px;\r\n}\r\n\r\n.hab-meta-icon {\r\n    font-size: 20px;\r\n}\r\n\r\n.hab-meta-item div {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.hab-meta-value {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n}\r\n\r\n.hab-meta-label {\r\n    font-size: 11px;\r\n    color: #64748b;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hab-price-item .hab-meta-value {\r\n    color: #0a5c9e;\r\n}\r\n\r\n.hab-booking-notes {\r\n    background: #f8fafc;\r\n    padding: 15px;\r\n    border-radius: 12px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hab-notes-label {\r\n    display: block;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #0a5c9e;\r\n    margin-bottom: 5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hab-booking-notes p {\r\n    margin: 0;\r\n    color: #1e293b;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.hab-booking-actions {\r\n    display: flex;\r\n    gap: 10px;\r\n    justify-content: flex-end;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .hab-auth-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .hab-booking-dates {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n    \r\n    .hab-date-arrow {\r\n        display: none;\r\n    }\r\n    \r\n    .hab-booking-meta {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .hab-booking-actions {\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .hab-hero h1 {\r\n        font-size: 32px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n    $('.hab-cancel-booking').on('click', function() {\r\n        if (!confirm('Are you sure you want to cancel this booking?')) {\r\n            return;\r\n        }\r\n        \r\n        var bookingId = $(this).data('booking-id');\r\n        var button = $(this);\r\n        \r\n        button.prop('disabled', true).text('Cancelling...');\r\n        \r\n        $.ajax({\r\n            url: hab_public.ajax_url,\r\n            type: 'POST',\r\n            data: {\r\n                action: 'hab_cancel_booking',\r\n                nonce: hab_public.nonce,\r\n                booking_id: bookingId,\r\n                guest_email: ''\r\n            },\r\n            success: function(response) {\r\n                if (response.success) {\r\n                    alert(response.data.message);\r\n                    location.reload();\r\n                } else {\r\n                    alert(response.data.message);\r\n                    button.prop('disabled', false).text('Cancel Booking');\r\n                }\r\n            },\r\n            error: function() {\r\n                alert('An error occurred. Please try again.');\r\n                button.prop('disabled', false).text('Cancel Booking');\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":2,"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/pages\/153\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/neaperamos4u.com\/bg\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"\u0432\u043f","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}