// Shortcode handler
function videos_servers_shortcode($atts) {
    $atts = shortcode_atts(array(
        'url' => ''
    ), $atts);

    if (empty($atts['url'])) {
        return 'Please provide a valid URL.';
    }

    // Fetch content from the provided URL
    $response = wp_remote_get($atts['url']);

    if (is_wp_error($response)) {
        return 'Failed to fetch content.';
    }

    $body = wp_remote_retrieve_body($response);

    // Parse the content to extract video servers and download URLs
    $json_data = json_decode($body, true);

    if (!$json_data) {
        return 'Failed to parse JSON data.';
    }

    if (!isset($json_data['videoservers']) || !isset($json_data['downloadurls'])) {
        return 'Missing required data.';
    }

    $servers = $json_data['videoservers'];
    $downloads = $json_data['downloadurls'];

    // Replace placeholders with dynamically generated content
    $template = '
    <div class="container mt-5">
        <h1 class="text-center mb-4">Select Video Host</h1>
        <div class="d-flex justify-content-center mb-4">
            <button class="btn btn-outline-primary mx-2" data-toggle="modal" data-target="#random-serversModal">Servers</button>
            <button class="btn btn-outline-primary mx-2" data-toggle="modal" data-target="#random-downloadsModal">Download Links</button>
        </div>
        <div class="embed-responsive embed-responsive-16by9 rounded border shadow mb-4" id="random-video-container">
            <iframe width="100%" height="100%" src="https://www.youtube.com/embed/YOUR_VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>

    <!-- Servers Modal -->
    <div class="modal fade" id="random-serversModal" tabindex="-1" role="dialog" aria-labelledby="serversModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="serversModalLabel">Select Video Host</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    ';
                    foreach ($servers as $name => $url) {
                        $template .= '<button class="btn btn-primary btn-block my-2" onclick="loadVideoAndCloseModal(\'' . $url . '\', \'random-serversModal\')">' . $name . '</button>';
                    }
                    $template .= '
                </div>
            </div>
        </div>
    </div>

    <!-- Downloads Modal -->
    <div class="modal fade" id="random-downloadsModal" tabindex="-1" role="dialog" aria-labelledby="downloadsModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="downloadsModalLabel">Download Links</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    ';
                    foreach ($downloads as $name => $url) {
                        $template .= '<a href="' . $url . '" class="btn btn-success btn-block my-2" target="_blank" download>Download from ' . $name . '</a>';
                    }
                    $template .= '
                </div>
            </div>
        </div>
    </div>

    <script>
        function loadVideoAndCloseModal(embedUrl, modalId) {
            document.getElementById(\'random-video-container\').innerHTML = \'<iframe width="100%" height="100%" src="\' + embedUrl + \'" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>\';
            $(\'#\' + modalId).modal(\'hide\');
        }
    </script>
    ';

    return $template;
}
add_shortcode('videosservers', 'videos_servers_shortcode');
{"version":"1.0","provider_name":"\u0645\u0627\u0646\u062c\u0627 \u0627\u0648\u0644\u0627\u0648","provider_url":"https:\/\/olaoe.cyou","author_name":"Administrator","author_url":"https:\/\/olaoe.cyou\/author\/olaoe\/","title":"Asahina wakaba to marumaru na kareshi","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"QXS054db0G\"><a href=\"https:\/\/olaoe.cyou\/works\/asahina-wakaba-to-marumaru-na-kareshi\/\">Asahina wakaba to marumaru na kareshi<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/olaoe.cyou\/works\/asahina-wakaba-to-marumaru-na-kareshi\/embed\/#?secret=QXS054db0G\" width=\"600\" height=\"338\" title=\"&#8220;Asahina wakaba to marumaru na kareshi&#8221; &#8212; \u0645\u0627\u0646\u062c\u0627 \u0627\u0648\u0644\u0627\u0648\" data-secret=\"QXS054db0G\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/i0.wp.com\/olaoe.cyou\/wp-content\/uploads\/Asahina-wakaba-to-marumaru-na-kareshi-193x278-15479.jpg?fit=193%2C278&ssl=1","thumbnail_width":193,"thumbnail_height":278}