@extends('blog::layouts.master')

@section('content')
    <div class="blog-details-page mt-80 mb-120">
                <div class="container">
                    <div class="row">
                      <div class="col-12">
                        <a href="/studii-de-caz"><h4 style="color: #DB883A">Studii de caz</h4></a> 
                        <h2> {{$post->name}} </h2>
                      </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-9">
                            <div class="blog-details mt-40">
                                <div class="details-img">
                                    <img src="{{asset('storage/'.$post->image)}}" alt="" class="w-100" style="max-height: 450px; object-fit:cover">
                                    <div class="meta-box-absolute">
                                        <div class="meta-box">
                                            <div class="date-content">
                                                <span>{{$post->created_at->format('F')}}<br/>{{$post->created_at->year}}</span>
                                            </div>
                                            <div class="meta-content">
                                                <div class="meta-info">
                                                    <div class="info-content">
                                                        <span class="info"><i class="icon-avatar"></i> By: Lodoaba Sorin</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="details-page-content">
                                    <h4 class="quote-text mt-20">{{$post->short_description}}</h4>
                                    <div class="mt-25">
                                    {!!$post->content!!}
                                    </div>

                                    <div class="blog-misc">
                                        <div class="blog-share">                                                
                                            <p class="share-title">Share:</p>
                                            <div class="social-share">
                                                <a href="https://facebook.com/sharer.php?display=page&u={{url()->current()}}" class="social-link"><i class="flaticon-facebook-logo"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                        </div>
                        <div class="col-xl-3">
                            <div class="blog-sidebar d-none">
                                
                                <div class="blog-widget popular-widget">
                                    <h4 class="bwt">Alte Studii</h4>
                                    <div class="comment-box">
                                        <div class="comment-img">
                                            <img src="assets/img/latest-news/post-1.png" alt="">
                                        </div>
                                        <div class="comment">
                                            <h6 class="title"><a href="#">Domestic Violence in California – How a Lawyer Can Help</a></h6>
                                            <div class="post-time">
                                                <span><i class="icon-clock"></i> 01 September, 2020</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comment-box">
                                        <div class="comment-img">
                                            <img src="assets/img/latest-news/post-2.png" alt="">
                                        </div>
                                        <div class="comment">
                                            <h6 class="title"><a href="#">Domestic Violence in California – How a Lawyer Can Help</a></h6>
                                            <div class="post-time">
                                                <span><i class="icon-clock"></i> 01 September, 2020</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comment-box">
                                        <div class="comment-img">
                                            <img src="assets/img/latest-news/post-3.png" alt="">
                                        </div>
                                        <div class="comment">
                                            <h6 class="title"><a href="#">Domestic Violence in California – How a Lawyer Can Help</a></h6>
                                            <div class="post-time">
                                                <span><i class="icon-clock"></i> 01 September, 2020</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comment-box">
                                        <div class="comment-img">
                                            <img src="assets/img/latest-news/post-4.png" alt="">
                                        </div>
                                        <div class="comment">
                                            <h6 class="title"><a href="#">Domestic Violence in California – How a Lawyer Can Help</a></h6>
                                            <div class="post-time">
                                                <span><i class="icon-clock"></i> 01 September, 2020</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
@endsection