{"id":178,"date":"2026-02-13T17:34:06","date_gmt":"2026-02-13T16:34:06","guid":{"rendered":"https:\/\/wonderlytravel.zerus.cloud\/?page_id=178"},"modified":"2026-02-14T19:08:38","modified_gmt":"2026-02-14T18:08:38","slug":"claude","status":"publish","type":"page","link":"https:\/\/wonderlytravel.zerus.cloud\/?page_id=178","title":{"rendered":"\u2708\ufe0f Travel Smart. Travel Wonderly."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\n<div class=\"wonderly-search-container\">\n    <div class=\"wonderly-search-header\">\n        <h2>Search Flights<\/h2>\n        <p>Find the best flight deals for your next trip<\/p>\n    <\/div>\n    \n    <form id=\"wonderly-flight-search-form\" class=\"wonderly-search-form\">\n        \n        <!-- Trip Type -->\n        <div class=\"wonderly-trip-type\">\n            <label>\n                <input type=\"radio\" name=\"trip_type\" value=\"roundtrip\" checked>\n                <span>Round Trip<\/span>\n            <\/label>\n            <label>\n                <input type=\"radio\" name=\"trip_type\" value=\"oneway\">\n                <span>One Way<\/span>\n            <\/label>\n        <\/div>\n        \n        <!-- Origin and Destination -->\n        <div class=\"wonderly-form-row\">\n            <div class=\"wonderly-form-group\">\n                <label for=\"origin\">From *<\/label>\n                <input \n                    type=\"text\" \n                    id=\"origin\" \n                    class=\"wonderly-airport-autocomplete\" \n                    placeholder=\"City or Airport\"\n                    required\n                >\n            <\/div>\n            \n            <div class=\"wonderly-form-group\">\n                <label for=\"destination\">To *<\/label>\n                <input \n                    type=\"text\" \n                    id=\"destination\" \n                    class=\"wonderly-airport-autocomplete\" \n                    placeholder=\"City or Airport\"\n                    required\n                >\n            <\/div>\n        <\/div>\n        \n        <!-- Dates -->\n        <div class=\"wonderly-form-row\">\n            <div class=\"wonderly-form-group\">\n                <label for=\"departure_date\">Departure *<\/label>\n                <input \n                    type=\"text\" \n                    id=\"departure_date\" \n                    placeholder=\"Select date\"\n                    required\n                    readonly\n                >\n            <\/div>\n            \n            <div class=\"wonderly-form-group return-date-group\">\n                <label for=\"return_date\">Return *<\/label>\n                <input \n                    type=\"text\" \n                    id=\"return_date\" \n                    placeholder=\"Select date\"\n                    required\n                    readonly\n                >\n            <\/div>\n        <\/div>\n        \n        <!-- Passengers -->\n        <div class=\"wonderly-passengers\">\n            <div class=\"passenger-counter\" data-type=\"adults\">\n                <label>Adults <span style=\"font-size: 12px;\">(12+ years)<\/span><\/label>\n                <div class=\"counter-controls\">\n                    <button type=\"button\" data-action=\"decrement\" data-type=\"adults\" disabled>-<\/button>\n                    <span class=\"count\" id=\"adults_count\">1<\/span>\n                    <button type=\"button\" data-action=\"increment\" data-type=\"adults\">+<\/button>\n                <\/div>\n                <input type=\"hidden\" id=\"adults\" name=\"adults\" value=\"1\">\n            <\/div>\n            \n            <div class=\"passenger-counter\" data-type=\"children\">\n                <label>Children <span style=\"font-size: 12px;\">(2-12 years)<\/span><\/label>\n                <div class=\"counter-controls\">\n                    <button type=\"button\" data-action=\"decrement\" data-type=\"children\" disabled>-<\/button>\n                    <span class=\"count\" id=\"children_count\">0<\/span>\n                    <button type=\"button\" data-action=\"increment\" data-type=\"children\">+<\/button>\n                <\/div>\n                <input type=\"hidden\" id=\"children\" name=\"children\" value=\"0\">\n            <\/div>\n            \n            <div class=\"passenger-counter\" data-type=\"infants\">\n                <label>Infants <span style=\"font-size: 12px;\">(0-2 years)<\/span><\/label>\n                <div class=\"counter-controls\">\n                    <button type=\"button\" data-action=\"decrement\" data-type=\"infants\" disabled>-<\/button>\n                    <span class=\"count\" id=\"infants_count\">0<\/span>\n                    <button type=\"button\" data-action=\"increment\" data-type=\"infants\">+<\/button>\n                <\/div>\n                <input type=\"hidden\" id=\"infants\" name=\"infants\" value=\"0\">\n            <\/div>\n        <\/div>\n        \n        <!-- Travel Class and Direct Flights -->\n        <div class=\"wonderly-form-row\">\n            <div class=\"wonderly-form-group\">\n                <label for=\"travel_class\">Class<\/label>\n                <select id=\"travel_class\" name=\"travel_class\">\n                    <option value=\"ECONOMY\">Economy<\/option>\n                    <option value=\"PREMIUM_ECONOMY\">Premium Economy<\/option>\n                    <option value=\"BUSINESS\">Business<\/option>\n                    <option value=\"FIRST\">First Class<\/option>\n                <\/select>\n            <\/div>\n            \n            <div class=\"wonderly-form-group\">\n                <label>&nbsp;<\/label>\n                <div class=\"wonderly-checkbox\">\n                    <input type=\"checkbox\" id=\"non_stop\" name=\"non_stop\">\n                    <label for=\"non_stop\">Direct flights only<\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Search Button -->\n        <button type=\"submit\" id=\"wonderly-search-btn\" class=\"wonderly-search-button\">\n            Search Flights        <\/button>\n    <\/form>\n    \n    <!-- Loading State -->\n    <div class=\"wonderly-loading\">\n        <div class=\"spinner\"><\/div>\n        <p>Searching for the best flight deals...<\/p>\n    <\/div>\n    \n    <!-- Results Container -->\n    <div class=\"wonderly-results-container\">\n        <div class=\"wonderly-results-header\">\n            <div class=\"wonderly-results-count\">0 flights found<\/div>\n            <div class=\"wonderly-sort-options\">\n                <label for=\"sort_by\">Sort by:<\/label>\n                <select id=\"sort_by\" name=\"sort_by\">\n                    <option value=\"recommended\">Recommended<\/option>\n                    <option value=\"price_low\">Price: Low to High<\/option>\n                    <option value=\"price_high\">Price: High to Low<\/option>\n                    <option value=\"duration\">Duration<\/option>\n                    <option value=\"departure\">Departure Time<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n        \n        <div class=\"wonderly-results-layout\">\n            <!-- Filters Sidebar -->\n            <aside class=\"wonderly-filters\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;\">\n                    <h3 style=\"margin: 0;\">Filters<\/h3>\n                    <button type=\"button\" id=\"clear-filters\" class=\"button-link\" style=\"color: #667eea; cursor: pointer; font-size: 13px; text-decoration: underline;\">\n                        Clear All                    <\/button>\n                <\/div>\n                \n                <div class=\"filter-group\">\n                    <h4>Price Range<\/h4>\n                    <div class=\"price-range-slider\">\n                        <div class=\"price-values\">\n                            <span id=\"min_price\">$0<\/span>\n                            <span id=\"max_price\">$5000<\/span>\n                        <\/div>\n                        <!-- Price slider would be implemented here -->\n                    <\/div>\n                <\/div>\n                \n                <div class=\"filter-group\">\n                    <h4>Stops<\/h4>\n                    <div class=\"wonderly-checkbox\">\n                        <input type=\"checkbox\" id=\"filter_nonstop\" value=\"0\">\n                        <label for=\"filter_nonstop\">Non-stop<\/label>\n                    <\/div>\n                    <div class=\"wonderly-checkbox\">\n                        <input type=\"checkbox\" id=\"filter_1stop\" value=\"1\">\n                        <label for=\"filter_1stop\">1 Stop<\/label>\n                    <\/div>\n                    <div class=\"wonderly-checkbox\">\n                        <input type=\"checkbox\" id=\"filter_2plus\" value=\"2\">\n                        <label for=\"filter_2plus\">2+ Stops<\/label>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"filter-group\">\n                    <h4>Airlines<\/h4>\n                    <div id=\"airline-filters\">\n                        <!-- Dynamically populated based on results -->\n                    <\/div>\n                <\/div>\n            <\/aside>\n            \n            <!-- Flights List -->\n            <div class=\"wonderly-flights-list\">\n                <!-- Flight cards will be inserted here via JavaScript -->\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-0200c3d9 wp-block-group-is-layout-grid\">\n<h2 class=\"wp-block-heading\">Book Your Flight<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Search and compare flights from Algeria to worldwide destinations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What We Offer:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>One-way &amp; round-trip tickets<\/li>\n\n\n\n<li>Multi-city bookings<\/li>\n\n\n\n<li>Group reservations<\/li>\n\n\n\n<li>Corporate travel solutions<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Search Form Fields:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Departure City<\/li>\n\n\n\n<li>Destination<\/li>\n\n\n\n<li>Departure Date<\/li>\n\n\n\n<li>Return Date<\/li>\n\n\n\n<li>Passengers<\/li>\n\n\n\n<li>Cabin Class<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Book Your Flight Search and compare flights from Algeria to worldwide destinations. What We Offer: Search Form Fields:<\/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-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=178"}],"version-history":[{"count":6,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}