@extends('frontend.layouts.template')
@section('content')

<div class="row box-banner" style="background: #F0F0F0;">
    <div class="col-12 bg-what-detail" style="background-image: url({{ asset($category->bg->path . $category->bg->filename) }});">
        <div class="box-gradient" style=""></div>
        <div class="box-topic">
            <div class="row sub-what-res" style="padding-bottom: 200px;">
                <div class="col-sm-12 col-xl-1"></div>
                <div class="col-sm-12 col-xl-10 res-p-15">
                    <div class="naviagter-a">
                        <a href="{{ url('what-works') }}">WHAT WORKS</a>&nbsp; | <span class="active">{{ $category->name }}</span>
                    </div>
                    <div class="text-center c-black f-topic-news" style="">
                        <b class="f-bold">{{ $category->name }}</b>

                    </div>
                    <div class="text-center c-black res-ma" >{{ count($blogs) }} BLOGS</div>
                </div>
                <div class="col-sm-12 col-xl-1"></div>
            </div>
        </div>
    </div>
</div>
<div class="row" style="background: #F0F0F0;">
    <div class="col-12">
        <div class="box-topic-detail">
            <div class="row" style="">
                <div class="col-sm-12 col-xl-2"></div>
                <div class="col-sm-12 col-xl-8 res-p-15">
                    @if ($blogs)
                        @foreach ($blogs as $blog)
                            @php
                                $blog_date  = $blog->event_date ? $blog->event_date : $blog->created_at;
                                $writers    = objTags($blog->writer);
                                $wlink      = url('what-works/writer?writer=');
                            @endphp
                            <div style="background: #fff;padding: 30px;box-shadow: 2px 2px 5px 0px #d6d8dc;" class="mb-3 c-black">
                                    <div>
                                        <a href="{{ url('what-works/blogs/'. $blog->id .'/'. encodelink( $blog->subject )) }}" class="cc">
                                            <h5 class="mb-0"><b>{{ $blog->subject }}</b></h5>
                                        </a>
                                    </div>
                                    <div style="padding: 5px 0;">
                                        @if ($writers)
                                            @foreach ($writers as $writer)
                                                <span style="text-decoration: underline;font-size: 14px;margin-right: 15px;color: #666666"><a href="{{ $wlink . $writer->text }}" class="writer-link">{{ $writer->text }}</a></span>
                                            @endforeach
                                        @endif
                                        {{-- <span style="text-decoration: underline;font-size: 14px;margin-right: 15px;color: #666666">{{ tagsList($blog->writer) }}</span> --}}
                                        <img src="{{ asset('frontend/assetsnew/img/whatworks/icon/icon-a.png') }}" alt="" style="width:20px;">
                                        <span style="font-size: 14px;margin-left: 5px;color: #666666">{{ date('d-m-Y', strtotime( $blog_date ) ) }}</span>
                                    </div>
                                    <div style="">
                                        <a href="{{ url('what-works/blogs/'. $blog->id .'/'. encodelink( $blog->subject )) }}" class="cc">
                                            {!! $blog->description !!}
                                        </a>
                                    </div>
                                </a>
                                <div class="mt-3">
                                    <a href="#" target="_blank" class="stem-click-blu click-modal" data-id="{{ $blog->id }}"  data-ready="{{ auth()->check() ? 'Y' : 'N' }}" style="padding: 5px 40px;font-size: 14px;display: inline-block;">
                                    {{-- <a href="{{ asset( $blog->attach_blogs->path . $blog->attach_blogs->filename ) }}" target="_blank" class="stem-click-blu" style="padding: 5px 40px;font-size: 14px;display: inline-block;"> --}}
                                        <img src="{{ asset('frontend/assetsnew/img/whatworks/icon/icon-b.png') }}" alt="" style="width:12px;">&nbsp;&nbsp;Download
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    @endif
                    <div class="text-right" style="margin: 30px 0 60px;">
                        <a href="javascript:" onclick="goBack()" class="back-click" style="">BACK</a>
                    </div>
                </div>
                <div class="col-sm-12 col-xl-2"></div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('stylesheet')
	<link href="{{ asset('frontend/assetsnew/css/resources.css')}}" rel="stylesheet">
	<link href="{{ asset('frontend/assetsnew/css/about.css')}}" rel="stylesheet">
@endsection
@section('javascript')
    <script type="text/javascript">
    function goBack() {
		window.history.back();
	}
    </script>
@endsection