{{-- Extends layout --}}
@extends('admin.layouts.app')

{{-- Content --}}
@section('content')

<div class="card">
    <div class="card-title">
        <h4 class="card-title m-2">{{ __("Dashboard") }}</h4>

    </div>
    <div class="card-body row content">

        @foreach ($stats as $stat=>$count)
            @component('admin.components.dashboard_count_box', [
                'stats' => number_format($count),
                'text' => __(Str::ucfirst($stat)),
                'type' => $box_types[rand(0,6)],
                ]);
            @endcomponent
        @endforeach
    </div>
</div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">{{ __("Haftalık Trend") }}</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-3">
                                    <div class="c-callout c-callout-info"><small class="text-muted">{{ __("Tespit Sayısı") }}</small>
                                        <div class="text-value-lg">{{ $weekly['determinations'] }}</div>
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="c-callout c-callout-danger"><small class="text-muted">{{ __("Kullanıcı Sayısı") }}</small>
                                        <div class="text-value-lg">{{ $weekly['users'] }}</div>
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="c-callout c-callout-warning"><small class="text-muted">{{ __("Yorum Sayısı") }}</small>
                                        <div class="text-value-lg">{{ $weekly['comments'] }}</div>
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="c-callout c-callout-success"><small class="text-muted">{{ __("Güncellenen Tür Sayısı") }}</small>
                                        <div class="text-value-lg">{{ $weekly['species'] }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- <br>
                    <table class="table table-responsive-sm table-hover table-outline mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th class="text-center">
                                    <svg class="c-icon">
                                        <use xlink:href="vendors/@coreui/icons/svg/free.svg#cil-people"></use>
                                    </svg>
                                </th>
                                <th>User</th>
                                <th class="text-center">Country</th>
                                <th>Usage</th>
                                <th class="text-center">Payment Method</th>
                                <th>Activity</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-center">
                                    <div class="c-avatar"><img class="c-avatar-img" src="assets/img/avatars/1.jpg"
                                            alt="user@email.com"><span class="c-avatar-status bg-success"></span></div>
                                </td>
                                <td>
                                    <div>Yiorgos Avraamu</div>
                                    <div class="small text-muted"><span>New</span> | Registered: Jan 1, 2015
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/flag.svg#cif-us"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="clearfix">
                                        <div class="float-left"><strong>50%</strong></div>
                                        <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul
                                                10, 2015</small></div>
                                    </div>
                                    <div class="progress progress-xs">
                                        <div class="progress-bar bg-success" role="progressbar" style="width: 50%"
                                            aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/brand.svg#cib-cc-mastercard">
                                        </use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="small text-muted">Last login</div><strong>10 sec ago</strong>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <div class="c-avatar"><img class="c-avatar-img" src="assets/img/avatars/2.jpg"
                                            alt="user@email.com"><span class="c-avatar-status bg-danger"></span></div>
                                </td>
                                <td>
                                    <div>Avram Tarasios</div>
                                    <div class="small text-muted"><span>Recurring</span> | Registered: Jan 1,
                                        2015</div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/flag.svg#cif-br"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="clearfix">
                                        <div class="float-left"><strong>10%</strong></div>
                                        <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul
                                                10, 2015</small></div>
                                    </div>
                                    <div class="progress progress-xs">
                                        <div class="progress-bar bg-info" role="progressbar" style="width: 10%"
                                            aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/brand.svg#cib-cc-visa"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="small text-muted">Last login</div><strong>5 minutes ago</strong>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <div class="c-avatar"><img class="c-avatar-img" src="assets/img/avatars/3.jpg"
                                            alt="user@email.com"><span class="c-avatar-status bg-warning"></span></div>
                                </td>
                                <td>
                                    <div>Quintin Ed</div>
                                    <div class="small text-muted"><span>New</span> | Registered: Jan 1, 2015
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/flag.svg#cif-in"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="clearfix">
                                        <div class="float-left"><strong>74%</strong></div>
                                        <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul
                                                10, 2015</small></div>
                                    </div>
                                    <div class="progress progress-xs">
                                        <div class="progress-bar bg-warning" role="progressbar" style="width: 74%"
                                            aria-valuenow="74" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/brand.svg#cib-cc-stripe">
                                        </use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="small text-muted">Last login</div><strong>1 hour ago</strong>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <div class="c-avatar"><img class="c-avatar-img" src="assets/img/avatars/4.jpg"
                                            alt="user@email.com"><span class="c-avatar-status bg-secondary"></span></div>
                                </td>
                                <td>
                                    <div>Enéas Kwadwo</div>
                                    <div class="small text-muted"><span>New</span> | Registered: Jan 1, 2015
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/flag.svg#cif-fr"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="clearfix">
                                        <div class="float-left"><strong>98%</strong></div>
                                        <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul
                                                10, 2015</small></div>
                                    </div>
                                    <div class="progress progress-xs">
                                        <div class="progress-bar bg-danger" role="progressbar" style="width: 98%"
                                            aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/brand.svg#cib-cc-paypal">
                                        </use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="small text-muted">Last login</div><strong>Last month</strong>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <div class="c-avatar"><img class="c-avatar-img" src="assets/img/avatars/5.jpg"
                                            alt="user@email.com"><span class="c-avatar-status bg-success"></span></div>
                                </td>
                                <td>
                                    <div>Agapetus Tadeáš</div>
                                    <div class="small text-muted"><span>New</span> | Registered: Jan 1, 2015
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/flag.svg#cif-es"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="clearfix">
                                        <div class="float-left"><strong>22%</strong></div>
                                        <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul
                                                10, 2015</small></div>
                                    </div>
                                    <div class="progress progress-xs">
                                        <div class="progress-bar bg-info" role="progressbar" style="width: 22%"
                                            aria-valuenow="22" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/brand.svg#cib-cc-apple-pay">
                                        </use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="small text-muted">Last login</div><strong>Last week</strong>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <div class="c-avatar"><img class="c-avatar-img" src="assets/img/avatars/6.jpg"
                                            alt="user@email.com"><span class="c-avatar-status bg-danger"></span></div>
                                </td>
                                <td>
                                    <div>Friderik Dávid</div>
                                    <div class="small text-muted"><span>New</span> | Registered: Jan 1, 2015
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/flag.svg#cif-pl"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="clearfix">
                                        <div class="float-left"><strong>43%</strong></div>
                                        <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul
                                                10, 2015</small></div>
                                    </div>
                                    <div class="progress progress-xs">
                                        <div class="progress-bar bg-success" role="progressbar" style="width: 43%"
                                            aria-valuenow="43" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <svg class="c-icon c-icon-xl">
                                        <use xlink:href="vendors/@coreui/icons/svg/brand.svg#cib-cc-amex"></use>
                                    </svg>
                                </td>
                                <td>
                                    <div class="small text-muted">Last login</div><strong>Yesterday</strong>
                                </td>
                            </tr>
                        </tbody>
                    </table> --}}
                    @component('admin.components.user_index',['users'=>$users]) @endcomponent
                </div>
            </div>
        </div>

    </div>


@endsection

{{-- Styles Section --}}
@section('styles')

@endsection

{{-- Scripts Section --}}
@section('scripts')

@endsection