@extends('frontend.layout.app')
@section('content')
<main>

    <section class="banner-sec ">
                <h1 class="title text-white text-center">{{$getMediaPost->title}}</h1>
            </section>
           <section class="services-sec pb-5">
            <div class="services-top-main-cont">
                <div class="container">
                
                <div class="share-articles">
                <ul>
                        <li class="mr-3">Share this article</li>
                          
                        <li><a href="http://www.facebook.com/sharer.php?u={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/facebook.svg') }}" alt="" class="img-fluid"></a></li>
                        <li><a href="http://twitter.com/share?url={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/twitter.svg') }}" alt="" class="img-fluid"></a></li>
                        <li><a href="https://www.instagram.com/sharer.php?u={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/insta.svg') }}" alt="" class="img-fluid"></a></li>
                        <li><a href="https://in.linkedin.com/sharer.php?u={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/linked.svg') }}" alt="" class="img-fluid"></a></li>
                        <li><a href="#" target="_blank"><img src="{{ url('public/home/home-assets/img/share-icon.svg') }}" alt="" class="img-fluid"></a></li>
                        
                    </ul>
                </div>
                <div class="main-content py-3">
                    <span class="date">{{$getMediaPost->today}}</span>
                    {!! $getMediaPost->description !!}
                    
                    
                </div>
    
    <!--form cont start  -->
    <div class="form-top-cont p-sm-5 p-3">
    <h2 class="font-weight-bold text-white">Leave A Comment</h2>
    <form action="#" method="post" class="comment-form" id="contact-form">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group text-area">
                   <textarea name="" id="" cols="30" rows="10" class="form-control" placeholder="Comment"></textarea>
                </div>
            </div>
            <div class="col-md-6">
                <div class=" h-100">
                    <div class="form-group">
                        <input type="text" name="" id="" class="form-control" placeholder="Name">
                    </div>
                    <div class="form-group">
                        <input type="email" name="" id="" class="form-control" placeholder="E-mail">
                    </div>
                    <div class="form-group">
                        <input type="text" name="" id="" class="form-control" placeholder="Website">
                    </div>
                </div>
            </div>
            <div class="col-md-6 mt-4 d-flex flex-column justify-content-center">
                <div class="form-group checkbox mb-0">
                    <input type="checkbox" name="" id="saveCheck" class=""><label class="text-white" for="saveCheck">Save my name, email, and website in this browser for the next time I comment.</label>
                </div>
            </div>
            <div class="col-md-6 text-md-right text-center mt-4">
                <div class="form-group submit_">
                <!-- <input type="button" value="POST COMMENT" class="custom-btn"> -->
                <button class="custom-btn" type="button">POST COMMENT</button>
                </div>
            </div>
        </div>
    </form>
    </div>
    <!--form cont end  -->
               <!-- Media -->
               <section class="our-blog-sec py-5">
                <div class="container">
                    <div class="title-cont mb-2">
                        <h2 class="title">Our <span>Media</span></h2>
                        <a href="{{ url('media/') }}" class="custom-btn">see more</a>
                    </div>
                    <div class="blog owl-carousel">
                        @foreach($featuredMedia as $mediaPost)
                        <div class="item">
                            <div class="blog-cont">
                            <a href="{{ url('media/'.$mediaPost->title) }}" class="link">
                            <img src="{{ url('public/home/assets/media-images/'.$mediaPost->images) }}" alt="{{ $mediaPost->title }}" class="img-fluide blog-img  wow animate__animated  animate__fadeInLeft">
                            <h5 class="blog-title">{{ $mediaPost->title }} <br>
                            <span class="invisible">visibility-none</span>
                            </h5>
                            {{-- <p class="text">{!! mb_strimwidth($mediaPost->description, 0, 30) !!}</p>
                            
                                --}}
                            </a> 
                            
                            </div>
                        </div>
                        @endforeach
                        
                    </div>
                </div>
            </section>
                
                
       </main>
@endsection