{"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":"My Bookings"},"content":{"rendered":"\n\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?lang=bg\" 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&lang=bg\" 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&lang=bg\" 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>\n","protected":false},"excerpt":{"rendered":"<p>My Bookings View and manage your reservations Welcome Back Sign in to your account Username or Email Password Remember me Forgot password? Sign In Create Account Register to start booking Username Email Address A password will be emailed to you for verification. Register<\/p>\n","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":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}