@extends('layout.landing')
@section('title')
    Novosti | {{ $post->title }}
@endsection
@section('html-class')
    class="landing-page"
@endsection

@section('content')
<div class="page-wrapper">
    <!-- header-not-logged-in -->
    @include('front.partials.landing._header-not-logged-in')
    <!-- container end -->
    @include('front.partials.novosti._landing-top-section')

    <!-- inner-content-section -->
    <div class="inner-content-section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row">
                        <!-- listing-item -->
                        <div class="col-12">
                            <div class="listing-item-box">
                                <div class="listing-item-image-holder">
                                    @if ($post->author)
                                        {{-- <div class="item-badge">{{ $post->author->getFullName() }}</div> --}}
                                        @if ($post->cover_image != '')
                                            <a href="{{ route('blog.index', ['author' => $post->author->id]) }}"><img src="{{ asset('storage/'.$post->cover_image) }}" alt="{{ $post->title }}" width="1296" height="680"></a>
                                        @else
                                            <a href="{{ route('blog.index', ['author' => $post->author->id]) }}"><img src="https://picsum.photos/1296/680" width="1296" height="680"></a>
                                        @endif
                                    @else
                                        @if ($post->cover_image != '')
                                            <a href="{{ route('blog.index') }}"><img src="{{ asset('storage/'.$post->cover_image) }}" alt="{{ $post->title }}" width="1296" height="680"></a>
                                        @else
                                            <a href="{{ route('blog.index') }}"><img src="https://picsum.photos/1296/680" width="1296" height="680"></a>
                                        @endif
                                    @endif
                                    {{-- <h2>{{ $post->title }}</h2> --}}
                                    <div class="item-date">{{DateFormater::firstType($post->created_at)}}</div>
                                </div>
                                <!-- listing-item-image-holder end -->
                                <div class="item-body">
                                    <div class="listing-item-info">
                                        <div class="item-author">
                                            <a href="{{ route('blog.index', ['author' => $post->author ? $post->author->id : null]) }}" class="btn btn-user">
                                                <div class="media">
                                                    <div class="media-image">
                                                        @if ($post->author)
                                                            @if ($post->author->avatar_thumb != '')
                                                                <img
                                                                    class="user-avatar"
                                                                    src="{{ asset('storage/'.$post->author->avatar_thumb) }}" 
                                                                    alt="{{ $post->author->getFullName() }}"
                                                                    width="50" height="50">
                                                            @else
                                                                <!-- default icon cat-toy -->
                                                                @include('front-inc.svg.cat-toy-avatar')
                                                            @endif
                                                        @endif
                                                    </div>
                                                    <!-- media-image end -->
                                                    <div class="media-body">
                                                        @if ($post->author)
                                                            <span>{{ $post->author->getFullName() }}</span>
                                                            <span class="text-light">Autor teksta</span>
                                                        @endif
                                                    </div>
                                                    <!-- media-body end  -->
                                                </div>
                                                <!-- media end -->
                                            </a>
                                            <!-- right-down-arrow -->
                                            @include('front-inc.svg.blog-right-down-arrow')
                                        </div>
                                        <!-- item-author end -->
                                    </div>
                                    <!-- listing-item-info end -->
                                    <h2>{{ $post->title }}</h2>
                                    {!! $post->content !!}

                                    <div class="social-share">
                                        <!-- swirly-scribbled-arrow -->
                                        @include('front-inc.svg.swirly-scribbled-arrow')
                                        <button class="btn btn-share" type="button">
                                            <!-- share -->
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 512">
                                                <path d="M406,332a89.67,89.67,0,0,0-72.17,36.76L192,296.12a84.91,84.91,0,0,0-2.65-58.76L337.79,148c16.52,19.39,40.8,32,68.21,32a90,90,0,1,0-90-90,89.17,89.17,0,0,0,6.26,32.36L173.38,211.95C156.87,193.14,132.94,181,106,181a90,90,0,1,0,73,142.19l141.38,72.39A88.77,88.77,0,0,0,316,422a90,90,0,1,0,90-90Z" transform="translate(-16)" />
                                            </svg>
                                        </button>
                                        <button class="btn btn-share" type="button">
                                            <!-- instagram -->
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                <path d="M370.59,169.3c-2.36-6.38-6.11-12.16-11-16.9-4.74-4.88-10.52-8.64-16.9-11-5.18-2.01-12.96-4.41-27.29-5.06-15.5-.71-20.15-.86-59.4-.86s-43.9,.15-59.4,.86c-14.33,.66-22.12,3.05-27.29,5.06-6.39,2.36-12.16,6.11-16.9,11-4.88,4.74-8.64,10.52-11,16.9-2.01,5.18-4.41,12.96-5.06,27.3-.71,15.5-.86,20.15-.86,59.4s.15,43.9,.86,59.4c.65,14.33,3.05,22.11,5.06,27.29,2.36,6.39,6.11,12.16,11,16.9,4.74,4.88,10.52,8.64,16.9,11,5.18,2.02,12.96,4.41,27.3,5.06,15.5,.71,20.14,.86,59.4,.86s43.91-.15,59.4-.86c14.33-.65,22.12-3.05,27.3-5.06,12.82-4.95,22.95-15.08,27.9-27.9,2.01-5.18,4.41-12.96,5.06-27.29,.71-15.5,.86-20.15,.86-59.4s-.15-43.9-.86-59.4c-.65-14.33-3.05-22.12-5.06-27.3Zm-114.59,162.18c-41.69,0-75.49-33.79-75.49-75.48s33.8-75.48,75.49-75.48,75.48,33.79,75.48,75.48-33.8,75.48-75.48,75.48Zm78.47-136.31c-9.74,0-17.64-7.9-17.64-17.64s7.9-17.64,17.64-17.64,17.64,7.9,17.64,17.64c0,9.74-7.9,17.64-17.64,17.64Z" />
                                                <path d="M305,256c0,27.06-21.94,49-49,49s-49-21.94-49-49,21.94-49,49-49,49,21.94,49,49Z" />
                                                <path d="M475.07,0H36.93C16.53,0,0,16.53,0,36.93V475.07c0,20.39,16.53,36.93,36.93,36.93H475.07c20.39,0,36.93-16.53,36.93-36.93V36.93c0-20.39-16.53-36.93-36.93-36.93Zm-72.96,316.61c-.71,15.65-3.2,26.33-6.83,35.68-7.64,19.75-23.25,35.36-42.99,42.99-9.35,3.63-20.04,6.12-35.68,6.83-15.68,.71-20.68,.89-60.61,.89s-44.93-.17-60.61-.89c-15.64-.71-26.33-3.2-35.68-6.83-9.81-3.69-18.7-9.48-26.04-16.96-7.48-7.34-13.26-16.23-16.95-26.04-3.63-9.35-6.12-20.04-6.83-35.68-.72-15.68-.89-20.69-.89-60.61s.17-44.93,.89-60.61c.71-15.65,3.2-26.33,6.83-35.68,3.69-9.81,9.48-18.7,16.96-26.04,7.34-7.48,16.23-13.27,26.04-16.96,9.35-3.63,20.04-6.12,35.68-6.83,15.68-.71,20.68-.89,60.61-.89s44.93,.17,60.61,.89c15.65,.71,26.33,3.2,35.68,6.82,9.81,3.69,18.7,9.48,26.04,16.96,7.48,7.34,13.27,16.23,16.95,26.04,3.64,9.35,6.12,20.04,6.84,35.68,.71,15.68,.88,20.68,.88,60.61s-.17,44.93-.89,60.61Z" />
                                            </svg>
                                        </button>
                                        <button class="btn btn-share" type="button">
                                            <!-- linkedin -->
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                <path d="M475.07,0H36.93C16.53,0,0,16.53,0,36.93V475.07c0,20.39,16.53,36.93,36.93,36.93H475.07c20.39,0,36.93-16.53,36.93-36.93V36.93c0-20.39-16.53-36.93-36.93-36.93ZM181.61,387h-62.35V199.43h62.35v187.57Zm-31.17-213.19h-.41c-20.92,0-34.45-14.4-34.45-32.4s13.95-32.41,35.27-32.41,34.45,14,34.86,32.41c0,18-13.53,32.4-35.27,32.4Zm255.98,213.19h-62.34v-100.35c0-25.22-9.03-42.42-31.59-42.42-17.22,0-27.48,11.6-31.99,22.8-1.65,4.01-2.05,9.61-2.05,15.21v104.75h-62.34s.82-169.98,0-187.57h62.34v26.56c8.29-12.78,23.11-30.96,56.19-30.96,41.02,0,71.78,26.81,71.78,84.42v107.55Z" />
                                            </svg>
                                        </button>
                                        <button class="btn btn-share" type="button">
                                            <!-- facebook -->
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                <path d="M475.07,0H36.93C16.53,0,0,16.53,0,36.93V475.07c0,20.39,16.53,36.93,36.93,36.93h236.57v-198h-66.5v-77.5h66.5v-57.04c0-66.14,40.38-102.14,99.38-102.14,28.26,0,52.54,2.11,59.62,3.05v69.13h-40.68c-32.1,0-38.32,15.25-38.32,37.64v49.36h76.75l-10,77.5h-66.75v198h121.57c20.39,0,36.93-16.53,36.93-36.93V36.93c0-20.39-16.53-36.93-36.93-36.93Z" />
                                            </svg>
                                        </button>
                                    </div>
                                    <!-- social-share end -->
                                </div>
                                <!-- item-body end -->
                            </div>
                            <!-- listing-item-box end -->
                        </div>
                        <!-- col end -->

                    </div>
                    <!-- row end -->
                </div>
                <!-- col end -->
            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </div>
    <!-- inner-content-section end -->

    <!-- landing-bottom-section -->
    <section class="landing-bottom-section clearfix">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <img class="footer-banner" src="{{ asset('front/images/landing-baner-footer.png') }}" width="674" height="596" alt="">
                    <div class="row">
                        <div class="feature-middle-holder">
                            <div class="row">
                                <div class="col-12">
                                    <div class="media">
                                        <div class="media-image">
                                            <img src="{{ asset('front/images/makaze.png') }}" width="200" height="200" alt="">
                                        </div>
                                        <!-- media-image end -->
                                        <div class="media-body">
                                            <h3>Efikasno učenje kroz mnogobrojne pakete kurseva</h3>
                                            <p>Na raspolaganju su ti video kursevi na srpskom jeziku grupisani u pakete čiji pristup možeš deliti po potrebama</p>
                                            <ul>
                                                <li>Pažljivo osmišljene teme</li>
                                                <li>Kompetentni predavači</li>
                                                <li>Gratis novi kursevi svakog meseca</li>
                                                <li>Sve lekcije u video formatima</li>
                                                <li>Sadržaj na srpskom jeziku</li>
                                                <li>Sertifikati po završenim kursevima</li>
                                            </ul>
                                        </div>
                                        <!-- media-body end  -->
                                    </div>
                                    <!-- media end -->
                                </div>
                                <!-- col end -->
                                <div class="col-12">
                                    <div class="bottom-title">
                                        <h3>Ubrzaj transformaciju svoje kompanije</h3>
                                        <p>Iskoristi znanje i uvid u efikasnost učenja koje ti nudi LMS platforma Krojačeve škole i upotrebi ih za razvoj svoje kompanije i njenih zaposlenih</p>
                                    </div>
                                    <!-- bottom-title end -->
                                    <div class="button-holder">
                                        <a href="#" class="btn btn-pill-dark-blue-45">
                                            Zatraži pristup
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 331.71 367.34">
                                                <path d="M11.93,366.41c13.47-6.12,26.32-12.85,39.17-20.2,11.63-6.12,25.71-12.24,35.5-21.42,5.51-4.89,0-15.3-7.35-12.85a.6.6,0,0,0-.61.61,30.69,30.69,0,0,1-4.89-4.28c0-.61-.61-1.84-.61-2.45a16.34,16.34,0,0,0-3.07-3.67c17.75-33,34.28-66.1,55.08-96.7A166.38,166.38,0,0,1,146,179.75c19.59,31.21,51.41,67.32,90,60.59,50.79-9.18,23.25-63.65-3.06-82-31.21-22.65-58.14-21.42-85.07,0-12.24-20.81-20.81-44.07-19.58-66.71C130.05,37.15,179,28,220,42.05c-6.12,15.91-8,34.27-4.29,50.18,6.12,28.77,50.19,54.47,75.89,34.27,25.09-20.19-22-71.6-37.33-82a108.19,108.19,0,0,0-14.08-8.57c.61-.61.61-1.23,1.23-1.84C269.59-10,306.92,28,324.06,59.18c2.44,4.9,9.18.62,7.34-4.28C317.32,22.46,288.56-15.48,250,6.55a63.59,63.59,0,0,0-22.64,23.26c-33.66-13.47-72.83-13.47-97.31,17.13-29.37,36.72-11,84.46,8.57,120l-1.23,1.22c-34.88,33.66-56.3,81.4-78.33,124.24-4.29-3.06-9.18-6.12-13.47-9.18a8.3,8.3,0,0,0-9.79,1.22C18.05,305.21,4.59,330.3.31,357.84-1.53,364.57,5.2,369.47,11.93,366.41ZM171.05,159.55c23.26-13.46,46.52,3.06,63.65,19,22.65,20.81,16.53,54.47-18.36,47.74-17.75-3.67-31.82-19.58-43.45-32.44a178.26,178.26,0,0,1-17.75-23.25A92.54,92.54,0,0,1,171.05,159.55ZM233.48,48.17h0C250,56.74,262.24,69,272,84.28c4.29,6.73,8,14.07,9.8,22,6.12,20.81-26.93,10.4-35.5,6.12C223.07,99.58,224.91,70.2,233.48,48.17ZM43.15,300.31c.61,0,.61.61,1.22.61,0,1.84,1.23,3.68,3.67,4.9a130,130,0,0,1,12.86,6.73c1.83,1.23,5.5,4.9,5.5,3.67a1.32,1.32,0,0,0,1.23,1.23c-6.73,3.67-13.47,8.57-20.2,12.24-8.57,4.89-17.75,9.79-26.93,14.69A131.46,131.46,0,0,1,43.15,300.31Z" />
                                            </svg>
                                        </a>
                                    </div>
                                    <!-- button-holder end -->
                                </div>
                                <!-- col end -->
                            </div>
                            <!-- row end -->
                        </div>
                        <!-- feature-middle-holder end  -->
                    </div>
                    <!-- row end -->
                </div>
                <!-- col end -->

            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </section>
    <!-- landing-bottom-section end -->

    <!-- Footer -->
    @include('front-inc._footer')

</div>
<!--- page-wrapper end -->

@endsection

@section('add-scripts')
    @parent
    {{-- <script src="{{ mix('js/topList.js') }}"></script> --}}
@endsection