@extends('layouts.base')

@section('title')
{{ config('app.name') }} Backend | Dashboard
@endsection

@section('breadcrumb')
<li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Statistic</a></li>
@endsection

@section('customcss')
<link href="{{ asset('plugins/apex/apexcharts.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('assets/css/dashboard/dash_1.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('customjs')
<script src="{{ asset('plugins/apex/apexcharts.min.js') }}"></script>
<script src="{{ asset('assets/js/dashboard/dash_1.js') }}"></script>
@endsection

@section('content')



<div class="col-xl-8 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">
    <div class="widget widget-table-two">

        <div class="widget-heading">
            <h5 class="">Recent News</h5>
        </div>

        <div class="widget-content">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th><div class="th-content">Title</div></th>
                            <th><div class="th-content">Created At</div></th>
                            <th><div class="th-content">Published At</div></th>
                            <th><div class="th-content th-heading">Author</div></th>
                            <th><div class="th-content">Status</div></th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach ($recent_news as $news)

                        <tr>
                            <td><a href="{{ route('newsdetail', $news) }}"><div class="td-content"><img src="{{ config('app.frontend_url') . '/images/news/'.$news->cover_media }}" alt="avatar"><span>{{ substr($news->title, 0, 25) }}</span></div></a></td>
                            <td><a href="{{ route('newsdetail', $news) }}"><div class="td-content">@date($news->created_at, "d M Y")</div></a></td>
                            <td><a href="{{ route('newsdetail', $news) }}"><div class="td-content">@date($news->published_at, "d M Y")</div></a></td>
                            <td><a href="{{ route('newsdetail', $news) }}"><div class="td-content">{{ $news->author->name }}</div></a></td>
                            <td><a href="{{ route('newsdetail', $news) }}"><div class="td-content"><span class="badge {{ $news->status == 'publish' ? 'badge-success' : 'badge-warning' }}">{{ ucwords($news->status) }}</span></div></a></td>
                        </tr>
                        @endforeach
                        </a>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection