@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;<span class="active">ARCHIVES</span>
                </div>
            </div>
        </div>
        @if ($category)
            @foreach ($category as $cate)
                <div class="row rowpb-40" style="">
                    <div class="col-sm-12 col-xl-7">
                        <div>
                            <img src="{{ asset( $cate->banner->link ) }}" alt="">
                            <div class="pbno">
                                <div style="font-size: 16px;line-height: 0.5;">No.</div>
                                <div class="f-bold" style="font-size: 32px;line-height: 0.5;padding-top: 12px;">{{ $cate->name }}</div>
                            </div>
                        </div>
                        <div class="topic-content-detail f-bold c-black">
                            {{ $cate->description }}
                        </div>
                        <div>
                            <img src="{{ asset('frontend/assetsnew/img/Icon/All%20icon-14.svg') }}" alt="" style="width: 30px">
                            <span style="vertical-align: text-bottom;" class="text-date">{{ date('d-m-Y', strtotime( $cate->category_date )) }}</span>
                        </div>
                    </div>
                    <div class="col-sm-12 col-xl-5">
                        <div class="box-topic-list-content">
                            @if ($cate->archives )
                                @foreach ($cate->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: 14px;">
                                                        <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>
                <hr style="margin: 40px 0;">
            @endforeach
        @endif

    </div>
</div>
@endsection