@extends('frontEnd.layout-ex')

@section('content')

    <section class="pager-section overlay">
        <div class="container">
            <div class="main-banner-content p-relative">
                <div class="social-links">
                    <ul>
                        <li><a href="https://www.facebook.com/theblackstoryproject" title=""><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.instagram.com/theblackstoryproject/" title=""><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div><!--social-links end-->
                <div class="pager-content">
                    <ul class="breadcrumb-list">
                        <li><a href="#" title="">Home</a></li>
                        <li><span>Resources</span></li>
                        <li><span>{{$media_details->title_en}}</span></li>
                    </ul><!--breadcrumb end-->
                    <h2 class="page-title">Resources</h2>
                </div><!--pager-content end-->
            </div><!--main-banner-content end-->
        </div>
    </section><!--pager-section end-->


    <section class="page-content pt-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-2"></div>

                <div class="col-lg-8">
                    <div class="blog-post-single">
                        <h2>{{$media_details->title_en}}</h2>
                        <img src="@if($media_details->photo_file){{asset('uploads/topics/').'/'.$media_details->photo_file}}@else{{'https://via.placeholder.com/880x449'}} @endif" alt="" class="w-100 details">
{{--                        <span>Chine 2020</span>--}}
                        <p> {!!$media_details->details_en !!}</p>
                    </div><!--blog-post-single end-->
{{--                    <div class="tags-list">--}}
{{--                        <h4>Tags:</h4>--}}
{{--                        <ul>--}}
{{--                            <li><a href="#" title="">Law</a></li>--}}
{{--                            <li><a href="#" title="">Pandemic</a></li>--}}
{{--                            <li><a href="#" title="">World</a></li>--}}
{{--                        </ul>--}}
{{--                    </div><!--tags-list end-->--}}
{{--                    <div class="related-posts">--}}
{{--                        <div class="section-title">--}}
{{--                            <h2 class="h-title dark-clr">Viewed news</h2>--}}
{{--                        </div><!--section-title end-->--}}
{{--                        <div class="blog-posts">--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-lg-4 col-md-6 col-sm-6">--}}
{{--                                    <div class="blog-post">--}}
{{--                                        <div class="blog-thumbnail">--}}
{{--                                            <img src="https://via.placeholder.com/444x287" alt="" class="w-100">--}}
{{--                                        </div>--}}
{{--                                        <div class="blog-info">--}}
{{--                                            <h4>Family relation</h4>--}}
{{--                                            <h2><a href="#" title="">What should I do if the landlord terminates the contract?</a></h2>--}}
{{--                                            <span>23 October 2019</span>--}}
{{--                                        </div>--}}
{{--                                    </div><!--blog-post end-->--}}
{{--                                </div>--}}
{{--                                <div class="col-lg-4 col-md-6 col-sm-6">--}}
{{--                                    <div class="blog-post">--}}
{{--                                        <div class="blog-thumbnail">--}}
{{--                                            <img src="https://via.placeholder.com/444x287" alt="" class="w-100">--}}
{{--                                        </div>--}}
{{--                                        <div class="blog-info">--}}
{{--                                            <h4>Business</h4>--}}
{{--                                            <h2><a href="#" title="">How to take out <br /> a loan with minimal interest </a></h2>--}}
{{--                                            <span>18 April 2020</span>--}}
{{--                                        </div>--}}
{{--                                    </div><!--blog-post end-->--}}
{{--                                </div>--}}
{{--                                <div class="col-lg-4 col-md-6 col-sm-6">--}}
{{--                                    <div class="blog-post">--}}
{{--                                        <div class="blog-thumbnail">--}}
{{--                                            <img src="https://via.placeholder.com/444x287" alt="" class="w-100">--}}
{{--                                        </div>--}}
{{--                                        <div class="blog-info">--}}
{{--                                            <h4>Business</h4>--}}
{{--                                            <h2><a href="#" title="">New method of safe home purchase in Russia</a></h2>--}}
{{--                                            <span>18 April 2020</span>--}}
{{--                                        </div>--}}
{{--                                    </div><!--blog-post end-->--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div><!--blog-posts end-->--}}
{{--                    </div><!--related-posts end-->--}}
                </div>
                <div class="col-lg-2"></div>

            </div>
        </div>
    </section><!--page-content end-->


@endsection