@extends('backend.layouts.app')

@section('title', 'Dashboard')

@push('styles')

@endpush


@section('content')

    <div class="block-header">
        <h2>DASHBOARD</h2>
    </div>

    <!-- Widgets -->
    <div class="row clearfix">
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="info-box-3 bg-pink hover-expand-effect hover-zoom-effect">
                <div class="icon">
                    <i class="material-icons">home_work</i>
                </div>
                <div class="content">
                    <div class="text">TOTAL PROPERTY</div>
                    <div class="number count-to" data-from="0" data-to="{{ $propertycount }}" data-speed="1000" data-fresh-interval="20"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="info-box-3 bg-cyan hover-expand-effect hover-zoom-effect">
                <div class="icon">
                    <i class="material-icons">post_add</i>
                </div>
                <div class="content">
                    <div class="text">TOTAL POST</div>
                    <div class="number count-to" data-from="0" data-to="{{ $postcount }}" data-speed="1000" data-fresh-interval="20"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="info-box-3 bg-light-green hover-expand-effect hover-zoom-effect">
                <div class="icon">
                    <i class="material-icons">comment</i>
                </div>
                <div class="content">
                    <div class="text">TOTAL COMMENT</div>
                    <div class="number count-to" data-from="0" data-to="{{ $commentcount }}" data-speed="1000" data-fresh-interval="20"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="info-box-3 bg-orange hover-expand-effect hover-zoom-effect">
                <div class="icon">
                    <i class="material-icons">people</i>
                </div>
                <div class="content">
                    <div class="text">TOTAL USER</div>
                    <div class="number count-to" data-from="0" data-to="{{ $usercount }}" data-speed="1000" data-fresh-interval="20"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- #END# Widgets -->

    <div class="row clearfix">
        <!-- RECENT PROPERTIES -->
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="card">
                <div class="header bg-blue-grey">
                    <h2>RECENT PROPERTIES</h2>
                </div>
                <div class="body">
                    <div class="table-responsive">
                        <table class="table table-hover dashboard-task-infos">
                            <thead>
                                <tr>
                                    <th>Title</th>
                                    <th>Purpose</th>
                                    <th>Type</th>
                                    <th>Bed/Bath</th>
                                    <th>Floor (sqft)</th>
                                    <th>Price</th>
                                    <th>Address</th>
                                    <th><i class="material-icons small">star</i></th>
                                    <th>Manager</th>
                                    <th>Time</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($properties as $key => $property)
                                <tr>
                                    <td>
                                        <span title="{{ $property->title }}">
                                            {{ str_limit($property->title, 15) }}
                                        </span>
                                    </td>
                                    <td>
                                        @if($property->purpose == 'rent')
                                            <span class="label bg-orange">{{ $property->purpose }}</span>
                                        @else
                                            <span class="label bg-light-blue">{{ $property->purpose }}</span>
                                        @endif
                                    </td>
                                    <td>{{ $property->type }}</td>
                                    <td>{{ $property->bedroom . "/" . $property->bathroom }}</td>
                                    <td>{{ $property->area }}</td>
                                    <td>${{ number_format($property->price) }}</td>
                                    <td>{{ $property->address . ", " . $property->city }}</td>
                                    <td>
                                        @if($property->featured == 1)
                                            <span class="label bg-green">F</span>
                                        @endif
                                    </td>
                                    <td>{{ $property->user->name }}</td>
                                    <td>{{ $property->created_at->diffForHumans() }}</td>
                                    <td>
                                        <a href="{{route('admin.properties.show',$property->slug)}}" class="btn btn-success btn-sm waves-effect">
                                            <i class="material-icons">visibility</i>
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- #END# RECENT PROPERTIES -->
    </div>
    <div class="row clearfix">
        <!-- RECENT POSTS -->
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="card">
                <div class="header bg-blue-grey">
                    <h2>RECENT POSTS</h2>
                </div>
                <div class="body">
                    <div class="table-responsive">
                        <table class="table table-hover dashboard-task-infos">
                            <thead>
                                <tr>
                                    <th>Title</th>
                                    <th>Content</th>
                                    <th>Author</th>
                                    <th><i class="material-icons small">pageview</i></th>
                                    <th><i class="material-icons small">comment</i></th>
                                    <th>Time</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($posts as $key => $post)
                                <tr>
                                    <td>
                                        <span title="{{ $post->title }}">
                                            {{ str_limit($post->title, 30) }}
                                        </span>
                                    </td>
                                    <td>{{ str_limit($post->body, 60) }}</td>
                                    <td>{{ $post->user->name }}</td>
                                    <td>
                                        <span class="label bg-green">{{ $post->view_count }}</span>
                                    </td>
                                    <td>
                                        <span class="label bg-green">{{ $post->comments_count }}</span>
                                    </td>
                                    <td>{{ $post->created_at->diffForHumans() }}</td>
                                    <td>
                                        <a href="{{route('admin.posts.show',$post->slug)}}" class="btn btn-success btn-sm waves-effect">
                                            <i class="material-icons">visibility</i>
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- #END# RECENT POSTS -->
    </div>

    <div class="row clearfix">
        <!-- RECENT COMMENTS -->
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="card">
                <div class="header bg-blue-grey">
                    <h2>RECENT COMMENTS</h2>
                </div>
                <div class="body">
                    <div class="table-responsive">
                        <table class="table table-hover dashboard-task-infos">
                            <thead>
                            <tr>
                                <th>Comment</th>
                                <th>On</th>
                                <th><i class="material-icons small">check</i></th>
                                <th>Author</th>
                                <th>Time</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($comments as $key => $comment)
                                <tr>
                                    <td>
                                        <span title="{{ $comment->body }}">
                                            {{ str_limit($comment->body, 20) }}
                                        </span>
                                    </td>
                                    <td>@if($comment->commentable_type == "App\Property")
                                            <span class="label bg-orange">Property</span>
                                        @else
                                            <span class="label bg-light-blue">Post</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($comment->approved == 1)
                                            <span class="label bg-green">Approved</span>
                                        @else
                                            <span class="label bg-deep-orange">Pending</span>
                                        @endif
                                    </td>
                                    <td>{{ strtok($comment->users->name, " ")}}</td>
                                    <td>{{ $comment->created_at->diffForHumans() }}</td>
                                    <td>
                                        @if($comment->commentable_type == "App\Property")
                                            <a href="{{route('admin.properties.show', \App\Property::find($comment->commentable_id)->slug)}}" class="btn btn-success btn-sm waves-effect">
                                                <i class="material-icons">visibility</i>
                                            </a>
                                        @else
                                            <a href="{{route('admin.posts.show',\App\Post::find($comment->commentable_id)->slug)}}" class="btn btn-success btn-sm waves-effect">
                                                <i class="material-icons">visibility</i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- #END# RECENT COMMENTS -->
    </div>
    <div class="row clearfix">
        <!-- USER LIST -->
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="card">
                <div class="header bg-blue-grey">
                    <h2>ALL USERS</h2>
                </div>
                <div class="body">
                    <div class="table-responsive">
                        <table class="table table-hover dashboard-task-infos">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Username</th>
                                    <th>Role</th>
                                    <th>Bio</th>
                                    <th>Created at</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($users as $key => $user)
                                <tr>
                                    <td>{{ $user->name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>{{ $user->username }}</td>
                                    <td>{{ $user->role->name }}</td>
                                    <td>{{ $user->about }}</td>
                                    <td>{{ $user->created_at->diffForHumans() }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- #END# USER LIST -->
    </div>



@endsection

@push('scripts')

    <!-- Jquery CountTo Plugin Js -->
    <script src="{{ asset('backend/plugins/jquery-countto/jquery.countTo.js') }}"></script>

    <!-- Sparkline Chart Plugin Js -->
    <script src="{{ asset('backend/js/pages/index.js') }}"></script>

@endpush