@extends('layouts.master')
@section('title', 'Myositis India YouTube Channel | Awareness Videos, Webinars & Stories')
@section('description', 'Watch our latest Myositis awareness videos, webinars, and patient stories on YouTube.')
@section('canonical', 'https://www.myositisindia.org/youtube')
@section('content')

    <div class="container">

        <h1>YouTube Videos</h1>

        <div class="row">

            @foreach ($videos as $video)

                <div class="col-md-4 mb-4">

                    @if (isset($video['id']['videoId']))

                        <iframe width="100%" height="200" src="https://www.youtube.com/embed/{{ $video['id']['videoId'] }}" frameborder="0" allowfullscreen></iframe>

                    @else

                     @endif

                   <!--  <h4>

                        @if (isset($video['snippet']['title']))

                            {{ $video['snippet']['title'] }}

                        @else

                         @endif

                    </h4> -->

                    

                </div>

            @endforeach

        </div>

    </div>

@endsection