@extends('layouts.front-layout')
@section('title', 'Atoz Tv')
@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{$get_single_atoz_tv->getMedia('atoz_tv_top_banner_image')->first()->getUrl()}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>{{$pageData['AtozTv']['top_title']}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="videos">
        <div class="container">
            <div class="row align-items-center">

                @forelse($all_atoz_tv as $atoz_tv)
                <div class="col-md-6" data-aos="fade-up">

                    <iframe width="100%" src="{{$atoz_tv->tv_video_link ? : ''}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                </div>
                @empty
                    <h3 class="text-center">
                        Atoz Tv Not Found
                    </h3>
                @endforelse

            </div>
        </div>
    </section>


@endsection