@extends('site.layouts.app')

@section('title', $mediaDetails->title)

{{-- SEO Start --}}
@section('meta_description', 'This is the description for SEO')
@section('meta_keywords', 'SEO, Keywords, Web Development')

{{-- SEO End --}}

@section('content')

    <section class="vedio">
        <div class="container">
            <div class="vedio-inner">
                <div class="bread">
                    {{-- <ol class="breadcrumb py-2 mb-1 align-items-baseline">
                        @foreach ($breadcrumbs as $breadcrumb)
                        <li class="breadcrumb-item my-files"><a href="{{ $breadcrumb['link'] }}">{{ $breadcrumb['text'] }}</a></li>
                        @endforeach
                        <li class="breadcrumb-item active my-files" aria-current="page"><a href="#"><strong>{{ $mediaDetails->title }}</strong></a></li>
                       </ol> --}}
                </div>
                <div class="page7-content">
                    <h5 class="position-relative page7-heading">{!! $mediaDetails->title !!}</h5>

        
                            @if ($mediaDetails->type == 'link')
                                <span class="alert-warning position-relative page7-heading"><b>Article link :</b> <a href="{{$mediaDetails->url}}"><b>Click Here</b></a></span>
                            @endif

                

                    <div class="page7-inner">
                       {{-- If its youtube video start --}}
                       @if ($mediaDetails->type == 'youtube')
                       <iframe width="100%" height="350" src="https://www.youtube.com/embed/{{$mediaDetails->url}}" title="CGI Animated Short Film &quot;Sticking Seafarer&quot; by Jeremy Ross |  @CGMeetup" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                       @endif
                       {{-- If its youtube video end --}}
                       {{-- if its link start  --}}
                       @if ($mediaDetails->type == 'link')
                     
                      
                       <p class="position-relative page7-heading">{!! $mediaDetails->description !!}</p>
                       {{-- if its link end  --}}
                       @endif

                           {{-- if its video start  --}}
                           @if ($mediaDetails->type == 'file')
                           <video width="100%" controls autoplay controlsList="nodownload">
                               <source src="{{ asset($mediaDetails->video)}}" type="video/mp4">
                               Your browser does not support the video tag.
                           </video>
                           {{-- if its video end  --}}
                           @endif
                    </div>
<br> 
                        {{-- <strong>Status:</strong> --}}
                        <span class="badge rounded-pill {{ $mediaDetails->status == 1 ? 'bg-warning' : 'bg-primary' }}">
                            {{ $mediaDetails->status == 1 ? 'Premium' : 'Free' }}
                        </span>
                </div>
            </div>
        </div>
    </section>

@endsection