<?php
/**
 * @package: EGPS - Easy Sell for Google Photo
 */

if(!defined('ABSPATH')){
    exit; // Exit if accessed directly
}

?>

<section id="egpsvideos" class="section-padding">
    <div class="container">	
        <div class="text-center">
            <h3>Videos</h3>
        </div>	

        <div class="accordion col-lg-12 col-sm-12 col-xs-12" id="VideosAccordion">

<?php 

$vid_link["Google Photos connection setup"] = "https://www.youtube.com/embed/P54W4GVWKGs?si=eobiLC0rSXHhmuM-";
$vid_link["Firebase connection setup"] = "https://www.youtube.com/embed/ug6b-sfSr0U?si=iAIgGhbJ-15Gig5k";
$vid_link["PayPal connection setup"] = "https://www.youtube.com/embed/6ZxYUqCJt4c?si=rgfUayWaNg6S4DuR";
//$vid_link["Stripe connection setup"] = "";

    $numb = 1;

    foreach($vid_link as $key => $val){
        echo '
        <div class="accordion-item">
            <h2 class="accordion-header" id="videoHeading_'. esc_html($numb) .'">
            <button 
                class="accordion-button" 
                type="button" 
                data-bs-toggle="collapse" 
                data-bs-target="#collapseVideo_'. esc_html($numb) .'" 
                aria-expanded="true" 
                aria-controls="collapseVideo_'. esc_html($numb) .'">
                '. esc_html($key) .'
            </button>
            </h2>
            <div 
                id="collapseVideo_'. esc_html($numb).'" 
                class="accordion-collapse collapse" 
                aria-labelledby="videoHeading_'.esc_html($numb).'" 
                data-bs-parent="#egpsvideos">
                <div class="accordion-body">
                    <iframe 
                        width="100%" 
                        height="300" 
                        src="'.esc_url($val).'" 
                        title="Sell your photos from Google Photos - Wordpress plugin '.esc_html($key).' - EGPS Plugin" 
                        frameborder="0" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
                        referrerpolicy="strict-origin-when-cross-origin" 
                        allowfullscreen>
                    </iframe>
                </div>
            </div>
        </div>
        ';
        $numb++;
    }
?>
    
            
        </div>
    </div>
</section>