@extends('admin.layouts.app')

@section('content')
    <div class="page-info">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Apps</a></li>
                <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
            </ol>
        </nav>
    </div>
    <div class="main-wrapper">
        <div class="row stats-row">
            <div class="col-lg-4 col-md-12">
                <div class="card card-transparent stats-card">
                    <div class="card-body">
                        <div class="stats-info">
                            <h5 class="card-title">{{ $jumlah_produk }}<span class="stats-change stats-change-danger"></span></h5>
                            <p class="stats-text">Total Produk</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="card card-transparent stats-card">
                    <div class="card-body">
                        <div class="stats-info">
                            <h5 class="card-title">{{ $jumlah_tim }}<span class="stats-change stats-change-success"></span></h5>
                            <p class="stats-text">Total Team</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="card card-transparent stats-card">
                    <div class="card-body">
                        <div class="stats-info">
                            <h5 class="card-title">{{ $jumlah_berita }}<span class="stats-change stats-change-success"></span></h5>
                            <p class="stats-text">Total Berita</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
                <div class="col-lg-12">
                    <div class="card top-products">
                        <div class="card-body">
                            <h5 class="card-title">Berita Terbaru<span class="card-title-helper">Terbaru</span></h5>
                            <div class="top-products-list">
                                @foreach($berita_terbaru as $berita)
                                <div class="product-item">
                                    <h5> {{ $berita->judul }} </h5>
                                    <span>{!! mb_strimwidth(strip_tags($berita->isi),0,250,"...") !!}</span>
                                </div>      
                                @endForeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="alert alert-info no-m" role="alert">
                        Data has been updated 35 minutes ago, go to the reports page to access data history.
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Server Load<span class="card-title-helper">Optimal</span></h5>
                        <div class="server-load row">
                            <div class="server-stat col-sm-4">
                                <p>167GB</p>
                                <span>Usage</span>
                            </div>
                            <div class="server-stat col-sm-4">
                                <p>320GB</p>
                                <span>Space</span>
                            </div>
                            <div class="server-stat col-sm-4">
                                <p>57.4%</p>
                                <span>CPU</span>
                            </div>
                        </div>
                        <div id="server-load-chart"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="card card-transactions">
                    <div class="card-body">
                        <h5 class="card-title">Transactions<a href="#" class="card-title-helper blockui-transactions"><i class="material-icons">refresh</i></a></h5>
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th scope="col">ID</th>
                                    <th scope="col">Company</th>
                                    <th scope="col">Amount</th>
                                    <th scope="col">Status</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>0776</td>
                                    <td>Sale Management</td>
                                    <td>$18, 560</td>
                                    <td><span class="badge badge-success">Finished</span></td>
                                </tr>
                                <tr>
                                    <td>0759</td>
                                    <td>Dropbox</td>
                                    <td>$40, 672</td>
                                    <td><span class="badge badge-warning">Waiting</span></td>
                                </tr>
                                <tr>
                                    <td>0741</td>
                                    <td>Social Media</td>
                                    <td>$13, 378</td>
                                    <td><span class="badge badge-info">In Progress</span></td>
                                </tr>
                                <tr>
                                    <td>0740</td>
                                    <td>Envato Market</td>
                                    <td>$17, 456</td>
                                    <td><span class="badge badge-info">In Progress</span></td>
                                </tr>
                                <tr>
                                    <td>0735</td>
                                    <td>Graphic Design</td>
                                    <td>$29, 999</td>
                                    <td><span class="badge badge-secondary">Canceled</span></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('admin-assets/js/pages/dashboard.js?v=1') }}"></script>
@endpush