@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('frontend/assetsnew/img/Photo8.jpeg') }});">
        <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('blog') }}">BLOG</a>&nbsp; | <span class="active">WRITERS</span>
                    </div>
                    <div class="text-center c-black f-topic-news" style="">
                        <b class="f-bold">{{ Request::input('writer') }}</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: #fff;padding-bottom: 80px;">
			<div class="col-sm-12 col-xl-1"></div>
			<div class="col-sm-12 col-xl-10 res-p-15">
				<div class="mt-5">
					<div class="topic-resources f-bold c-black pt-4">
						BLOG LIST
					</div>
                    @if ($blogs)
                    @foreach ($blogs as $idx => $blog)
                    <div class="{{ $idx == 0 ? 'mt-1' : 'mt-3' }}" style="border-bottom: 2px solid #EDEDED;padding: 30px 0">
                        @php
                            $writers    = objTags($blog->writer);
                            $wlink      = url('blog/writer?writer=');
                        @endphp
						<div class="row" style="">
							<div class="col-sm-9 col-xl-9">
								<div class="c-black">
									<a href="{{ url('blogs/'. $blog->id .'/'. encodelink( $blog->subject )) }}" class="c-black asds" style="display: block">
										<h4><b>{{ $blog->subject }}</b></h4>
									</a>
								</div>
								<div style="padding: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">{{ $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->created_at ) ) }}</span>
								</div>
							</div>
							<div class="col-sm-3 col-xl-3">
								<div class="text-right dl-res-left">
									@if( $blog->attach_blogs && $blog->attach_blogs->id )
									{{-- <a href="{{ asset( $blog->attach_blogs->path . $blog->attach_blogs->filename ) }}" target="_blank" class="stem-click-blu" style="padding: 5px 30px;font-size: 14px;display: inline-block;"> --}}
                                    <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;">
                                        <img src="{{ asset('frontend/assetsnew/img/whatworks/icon/icon-b.png') }}" alt="" style="width:12px;">&nbsp;&nbsp;Download
									</a>
									@endif
								</div>
							</div>
						</div>

					</div>
                    @endforeach
                    @endif
				</div>

			</div>
			<div class="col-sm-12 col-xl-1"></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">
document.addEventListener('DOMContentLoaded', function() {
				var splide = new Splide('#secondary-slider', {
					type: 'loop',
					padding: {
						right: '15rem',
						left: '5rem',

					},
					gap: 15,
					arrows: false,
					autoplay: false,
					pagination: true,
					breakpoints: {
						'640': {
							perPage: 2,
							gap: '1rem',
							padding: {
								right: '1rem',
								left: '1rem',

							},
						},
						'490': {
							perPage: 1,
							gap: '1rem',
							padding: {
								right: '1rem',
								left: '1rem',

							},
						},
					},
					rewind: true,
					interval: 500,
					speed: 1000,
				}).mount();

			});
    </script>
@endsection