@extends('layout.app')
@section('content')

<div class="slider-area2 section-bg2" data-background="{{asset('new_img/twitter-img/DGs_Visit_RMRCNE.jpg')}}">
    <div class="slider-height2 d-flex align-items-center">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="hero-cap hero-cap2">
                        <h2>{{$gallery->filename}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="home-blog-area section-padding40">
    <div class="container">
        <div class="row" style="justify-content: center;">
                    @forelse ($subgallery as $content)
                        <div class="card">
                            <div class="card-header">
                                @if($content->type == 'video')
                                    <div class="embed-responsive embed-responsive-16by9">
                                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/{{ $content->file }}" allowfullscreen></iframe>
                                </div>
                                @else
                                <img src="{{$content->file}}" style="width: 28rem;height: 19rem;" alt="{{$content->title}}" />
                                @endif
                            </div>
                            <div class="card-body" style="align-items: center; padding-top:2rem;">
                                <h2 style="text-align: center;"><b style="color:#036bb3;">{{$content->title}}</b></h2>
                            </div>
                        </div>
                    @empty
                        <h2><b style="color:red;">Page Under Construction</b> <h2>
                    @endforelse
                </div>
    </div>
</section>
@endsection