@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>{{$type->name}}</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 ($contents as $content)
                        <div class="card">
                            <div class="card-header">
                               <a href="{{route('sub-media',Crypt::encrypt($content->id))}}">
                                    <img src="{{$content->file}}" style="width: 28rem;height: 19rem;" alt="{{$content->filename}}" />
                               </a>
                            </div>
                            <div class="card-body" style="align-items: center; padding-top:2rem;">
                               <a href="{{route('sub-media',Crypt::encrypt($content->id))}}">
                                    <h2 style="text-align: center;"><b style="color:#036bb3;">{{$content->filename}}</b></h2>
                               </a>
                            </div>
                        </div>
                    @empty
                        <h2 style="display: flex;justify-content: center;font-size: 3rem;"><b style="color:red;">Page Under Construction</b> <h2>
                    @endforelse
                </div>
    </div>
</section>
@endsection