@extends('frontend.layouts.template')
@section('content')
<div class="row box-banner-b" style="padding-bottom: 80px;background: url({{ asset('frontend/assetsnew/img/blog/BG22.jpg') }});background-repeat: no-repeat;background-size: cover;
	background-position: top center;">
			<div class="col-12">
				<div class="box-page">
					<div class="row" style="">
						<div class="col-sm-12 col-xl-1"></div>
						<div class="col-sm-12 col-xl-10 res-p-15">
							<div class="mb-4">
								<div class="topic-resources f-bold c-black pt-4">
									BLOG UPDATE
								</div>

							</div>

						</div>
						<div class="col-sm-12 col-xl-1"></div>
					</div>
				</div>
			</div>
			<div class="col-12 p-0">
				<div id="secondary-slider" class="splide">
					<div class="splide__track">
						<ul class="splide__list">
                            @if ($blogs)
                                @foreach ($blogs as $idx => $blog)
                                    @php
                                        $writers1    = objTags($blog->writer);
                                        $wlink1      = url('blog/writer?writer=');
                                    @endphp
                                    <li class="splide__slide" style="background: #fff;padding: 30px;">
                                        <a href="{{ url('blogs/'. $blog->id .'/'. encodelink( $blog->subject )) }}" class="a-clien1 cc">

                                            <div class="c-black">
                                                <h5><b>{{ $blog->subject }}</b></h5>
                                            </div>
                                            <div style="padding:0;">
                                                @if ($writers1)
                                                    @foreach ($writers1 as $writer)
                                                        <a style="text-decoration: underline;font-size: 14px;margin-right: 4px;color: #666666" href="{{ $wlink1 . $writer->text }}" class="writer-link">{{ $writer->text }}</a>
                                                    @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->created_at ) ) }}</span>
                                            </div>
                                            <div class="mt-3 c-black">
                                                {!! $blog->description !!}
                                            </div>
											@if( $blog->attach_blogs && $blog->attach_blogs->id )
                                            <div class="text-left dl-res-left mt-3">
                                                {{-- <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;vertical-align: middle;">&nbsp;&nbsp;Download
                                                </a>
                                            </div>
											@endif
                                        </a>
                                    </li>
                                    @php
                                        if( $idx == 2 ) break;
                                    @endphp
                                @endforeach
                            @endif
						</ul>
					</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">
						OTHER BLOG
					</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">{{ 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->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: true,
					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: 5000,
					speed: 1000,
				}).mount();

			});
    </script>
@endsection