@extends('frontend.layouts.template-journal')
@section('content')
<div class="row box-banner2" style="">
</div>

<div class="row mt-150">
    <div class="col-sm-12 col-xl-1"></div>
    <div class="col-sm-12 col-xl-10 res-p-15">
        <div class="row" style="">
            <div class="col-12">
                <div class="naviagter">
                    <a href="{{ url('journal')}}">HOME</a>&nbsp; | &nbsp;<a href="{{ url('journal/archives')}}">ARCHIVES</a>&nbsp; | &nbsp;<span class="active">{{ $article->subject }}</span>
                </div>
            </div>
        </div>

        <div class="row" style="">
            <div class="col-12">
                <div>
                    <img src="{{ asset($article->archives->banner->link )}}" alt="">
                </div>

                <div class="topic-content-detail f-bold c-black">
                    {{ $article->subject }}
                </div>
                <div>
                    <div style="font-size: 18px;">
                        <a href="" data-id="{{ $article->id }}" class="click-modal" data-ready="{{ auth()->check() ? 'Y' : 'N' }}">
                            <img src="{{ asset('frontend/assetsnew/img/Icon/dl.png') }}" alt="" style="width:12px;">&nbsp;&nbsp;
                            Download &nbsp;&nbsp; | &nbsp;&nbsp; {{ $article->viewed }} Views
                        </a>
                    </div>
                </div>
                <div class="c-black" style="    margin-top: 30px;">
                    {!! $article->detail !!}
                </div>
                <div class="mb-5 mt-5 text-right">
                    <a href="javascript:" onclick="goBack()" class="back-click" style="">BACK</a>
                </div>
            </div>
        </div>


    </div>
</div>
<div class="row mt-5 pt-5" style="background:#FAFAFA;">
    <div class="col-sm-12 col-xl-1"></div>
    <div class="col-sm-12 col-xl-10 res-p-15">
        <div class="row rowpb-40" style="">
            <div class="col-sm-12 col-xl-7">

                <div>
                    <img src="{{ asset($category->banner->link)}}" alt="">
                    <div class="pbno">
                        <div style="font-size: 16px;line-height: 0.5;">No.</div>
                        <div class="f-bold" style="font-size: 36px;line-height: 0.5;padding-top: 5px;">{{ $category->name }}</div>
                    </div>
                </div>
                <div class="topic-content f-bold c-black">
                    {{ $category->description }}
                </div>
                <div>
                    <img src="{{ asset('frontend/assetsnew/img/Icon/All%20icon-14.svg') }}" alt="" style="width: 30px">
                    <span style="vertical-align: text-bottom;">{{ date('d-m-Y', strtotime( $category->created_at ) ) }}</span>
                </div>
            </div>
            <div class="col-sm-12 col-xl-5">
                <div class="box-topic-list-content">
                    @if ($category->archives )
                        @foreach ($category->archives as $idx => $arch)
                            <a href="{{ url('journal/archives/'. $arch->id .'/' . encodelink( $arch->subject ) ) }}" class="a-table">
                                <table style="margin-bottom: 10px;">
                                    <tr>
                                        <td style="vertical-align: baseline;">
                                            <div class="number-content f-bold">
                                                {{ sprintf( '%02d',( $idx + 1) ) }}
                                            </div>

                                        </td>
                                        <td>
                                            <div class="topic-list-content f-bold c-black">
                                                {{ $arch->subject }}
                                            </div>
                                            <div style="font-size: 18px;">
                                                <a href="" data-id="{{ $arch->id }}" class="click-modal" data-ready="{{ auth()->check() ? 'Y' : 'N' }}">
                                                    <img src="{{ asset('frontend/assetsnew/img/Icon/dl.png')}}" alt="" style="width:12px;">&nbsp;&nbsp;
                                                    Download</a> &nbsp;&nbsp; | &nbsp;&nbsp; {{ $arch->viewed }} Views
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </a>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('javascript')
<script>
    function goBack() {
        window.history.back();
    }

</script>
@endsection