{"id":30,"date":"2024-02-27T19:49:41","date_gmt":"2024-02-27T19:49:41","guid":{"rendered":"https:\/\/arena-hd.tv\/?page_id=30"},"modified":"2024-02-27T20:41:25","modified_gmt":"2024-02-27T20:41:25","slug":"tv-schedule","status":"publish","type":"page","link":"https:\/\/arena-hd.tv\/tv-schedule\/","title":{"rendered":"TV Schedule"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e02cf3 e-flex e-con-boxed e-con e-parent\" data-id=\"5e02cf3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93173f8 elementor-widget elementor-widget-html\" data-id=\"93173f8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"tvScheduleContainer\" style=\"overflow-x:auto;\">\n    <div id=\"tvSchedule\" style=\"white-space: nowrap;\">\n        <!-- Dynamically generated schedule will go here -->\n    <\/div>\n<\/div>\n\n<style>\n    #tvScheduleContainer {\n        overflow-x: auto;\n        white-space: nowrap;\n    }\n\n    .dateContainer {\n        display: inline-block;\n        vertical-align: top;\n        margin-right: 20px;\n    }\n\n    .event {\n        margin-bottom: 10px;\n    }\n\n    \/* Add additional styles as needed *\/\n<\/style>\n\n<script>\njQuery(document).ready(function($) {\n    $.getJSON('https:\/\/arena-hd.tv\/wp-content\/uploads\/2024\/02\/arenatvschdule.json', function(data) {\n        var eventsByDate = {};\n\n        \/\/ Organize events by date and prepare for display\n        $.each(data, function(index, event) {\n            var date = event.date; \/\/ Assuming 'date' is the correct field in your JSON\n            if (!eventsByDate[date]) {\n                eventsByDate[date] = [];\n            }\n            eventsByDate[date].push(event);\n        });\n\n        \/\/ Generate schedule HTML\n        $.each(eventsByDate, function(date, events) {\n            var dateContainer = $('<div class=\"dateContainer\">');\n            var dateTitle = $('<h3>').text(date);\n            var eventList = $('<ul>');\n\n            $.each(events, function(index, event) {\n                \/\/ Initialize an image tag only if image_url is not null\n                var imgTag = event.image_url ? '<img decoding=\"async\" src=\"' + event.image_url + '\" style=\"width: 100px; height: auto;\">' : '';\n                \/\/ Prepare event item with image and aspect ratio\n                var listItem = $('<li>').html(event.original_title + ' at ' + event.hour + ' ' + imgTag + ' Aspect Ratio: ' + event.aspect_ratio);\n                eventList.append(listItem);\n            });\n\n            dateContainer.append(dateTitle).append(eventList);\n            $('#tvSchedule').append(dateContainer);\n        });\n    });\n});\n<\/script>\n\t\t<\/div>\n\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/pages\/30"}],"collection":[{"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":58,"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/pages\/30\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/arena-hd.tv\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}