@extends('layouts.admin')

@section('title','Admin Dashboard')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Dashboard</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                    <li class="breadcrumb-item active">Movie</li>
                </ol>
            </div>        
        </div>

        <div class="card overflow-hidden">
            <div class="bg-soft-primary">
                <div class="row">
                    <div class="col-7">
                        <div class="text-primary p-3">
                            <h5 class="text-primary">Welcome To !</h5>
                            <p>Phkay News Dashboard</p>
                        </div>
                    </div>
                    <div class="col-5 align-self-end">
                        <img src="{{ asset('admin/images/profile-img.png')}}" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
            <div class="card-body pt-0">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="avatar-md profile-user-wid mb-4">
                            <img src="{{ asset(empty(auth()->user()->feature_image)?'backend/images/avatar.jpg':auth()->user()->feature_image)}}" alt="" class="img-thumbnail rounded-circle">
                        </div>
                        <h5 class="font-size-15 text-truncate">{{ auth()->user()->name }}</h5>
                        <p class="text-muted mb-0 text-truncate">{{ auth()->user()->phone }}</p>
                    </div>

                    <div class="col-sm-8">
                        <div class="pt-4">

                            <div class="row">
                                <div class="col-6">
                                    <h5 class="font-size-15">{{$total_category}}</h5>
                                    <p class="text-muted mb-0">Total Category</p>
                                </div>
                                <div class="col-6">
                                    <h5 class="font-size-15 font-weight-bolder">{{$total_post}}</h5>
                                    <p class="text-muted mb-0">Total Post</p>
                                </div>
                            </div>
                            <div class="mt-4">
                                <a href="{{ route('admin.profile',auth()->user()->name) }}" class="btn btn-primary waves-effect waves-light btn-sm">View Profile <i class="mdi mdi-arrow-right ml-1"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body pb-0">
                <h4 class="card-title mb-4">Post Views TOP 10</h4>
                <div class="table-responsive">
                    <x-table>
                        <thead class="thead-light">
                            <tr>
                                <th>ID</th>
                                <th>Title</th>
                                <th>Views</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($top_post as $post)
                            <tr class="td-pointer"
                                x-data
                                @click="
                                window.open('{{ route("single",$post->id) }}','_blank')
                                "
                            >
                                <td class="py-2">{{ $post->id }}</td>
                                <td class="py-2">
                                    {{ Str::limit($post->title, 100, '...') }}
                                </td>
                                <td class="py-2 text-center">
                                    {{ $post->view }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </x-table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection