@extends('backend.layouts.master')

@section('content')
    <!-- Main Container -->
<main id="main-container">
    <!-- Page Header -->
    <div class="content bg-image overflow-hidden" style="background-image: url({{ url('photos/photo3@2x.jpg') }});">
        <div class="push-50-t push-15">
            <h1 class="h2 text-white animated zoomIn">{{ dil('İlk Adım') }}</h1>
            <h2 class="h5 text-white-op animated zoomIn">{{ dil('Merhaba') }} {{ auth()->user()->first_name }} {{ auth()->user()->last_name }}</h2>
        </div>
    </div>
    <!-- END Page Header -->

    <!-- Stats -->
    <div class="content bg-white border-b">
        <div class="row items-push text-uppercase">
            <div class="col-xs-6 col-sm-3">
                <div class="text-muted animated fadeIn"><small><i class="si si-calendar"></i> {{ dil('Toplam İlan') }}</small></div>
                <a class="h2 font-w300 text-primary animated flipInX" href="{{ url('/admin/advert') }}"> <b>{{ \App\Advert::count() }}</b> </a>
            </div>
            <div class="col-xs-6 col-sm-3">
                <div class="text-muted animated fadeIn"><small><i class="si si-calendar"></i> {{ dil('Toplam Üye') }}</small></div>
                <a class="h2 font-w300 text-primary animated flipInX" href="{{ url('/admin/user') }}"><b>{{ \App\User::count() }}</b></a>
            </div>
        </div>
    </div>
    <!-- END Stats -->

    <!-- Page Content -->
    <div class="content">

        <div class="row">
            <div class="col-lg-8">
                <!-- News -->
                <div class="block">
                    <div class="block-header">
                        <ul class="block-options">
                            <li>
                                <button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>
                            </li>
                        </ul>
                        <h3 class="block-title"> {{ dil('Bildirimler') }} </h3>
                    </div>
                    <style>
                        ul.list-timeline li:hover {
                            background-color: #eee;
                        }
                    </style>
                    <div class="block-content">
                        <ul class="list list-timeline pull-t">

                            @foreach($notificationss as $notify)
                                <li class="animated zoomIn">
                                    <div class="list-timeline-time">{{ $notify->created_at }} </div>
                                    <i class="{{ $notify->style->icon }} list-timeline-icon" style="background-color: {{ $notify->style->color }}"></i>
                                    <div class="list-timeline-content">
                                        <p class="font-w600">{{ $notify->first_name }} {{ $notify->last_name }} {{ dil('tarafından') }}  {{ $notify->title }}
                                            <a href="{{ route('notify.destroy', $notify->id) }}" class="pull-right btn btn-danger btn-xs" title="Sil">Sil</a></p>
                                        <p class="font-s13">{{ dil('Detayları görüntülemek için') }} <a href="{{ route('notify.show', $notify->id) }}">{{ dil('tıklayın') }} </a></p>
                                    </div>
                                </li>
                            @endforeach

                        </ul>
                    </div>
                </div>
                <!-- END News -->
            </div>
            <div class="col-lg-4">
                <!-- Content Grid -->
                <div class="content-grid">
                    <div class="row">
                        <div class="col-xs-12">

                            <div class="block-header">
                                <ul class="block-options">
                                    <li>
                                        <a href="{{ route('advert.index') }}" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo">{{ dil('Tümü') }}</a>
                                    </li>
                                </ul>
                                <h3 class="block-title"> {{ dil('En Çok İncelenen İlanlar') }} </h3>
                            </div>

                            <!-- Mini Stats -->
                            <table class="table table-responsive"> 
                                @foreach(\App\Advert::orderBy('hit', 'DESC')->take(10)->get() as $countadvert)
                                <tr>
                                    <td><a href="">{{ $countadvert->title }}</a></td>
                                    <td>{{ $countadvert->hit }}</td>
                                </tr>
                                @endforeach
                            </table>
                            <!-- END Mini Stats -->
                        </div>
                    </div>
                </div>
                <!-- END Content Grid -->
            </div>
        </div>
    </div>
    <!-- END Page Content -->
</main>
<!-- END Main Container -->


@endsection