@extends('writer-dashboard.layout.app')
@section('style')

@endsection
@section('content')

        <div class="content-header row">
        </div>
        <div class="content-body">
            <!-- writer-dashboard Ecommerce Starts -->
            <section id="writer-dashboard-ecommerce">
                <div class="row match-height">
                    <!-- Medal Card -->
                    <div class="col-xl-3 col-md-3 col-12">
                        <div class="card card-congratulation-medal">
                            <div class="card-body">
                                <h5>اهلا بك في لوحة تحكم مهام</h5>
                                <p class="card-text font-small-3">{{auth()->user()->name}}</p>
                                <img src="/admin_/app-assets/images/illustration/badge.svg" class="congratulation-medal" alt="Medal Pic" />
                            </div>
                        </div>
                    </div>
                    <!--/ Medal Card -->
                    <div class="col-xl-3 col-md-3 col-sm-6 ">
                        <a href="{{route('writer-books.index')}}" class="card-link">
                            <div class="card text-center">
                                <div class="card-body">
                                    <div class="avatar bg-light-primary p-50 mb-1">
                                        <div class="avatar-content">
                                            <i data-feather="book"></i>
                                        </div>
                                    </div>
                                    <h2 class="font-weight-bolder">
                                        {{\App\Models\Book::where('writer_id', auth('writer')->id() )->count()}}
                                    </h2>
                                    <p class="card-text">الكتب</p>
                                </div>
                            </div>
                        </a>
        
                    </div>
                    <div class="col-xl-3 col-md-3 col-sm-6 ">
                        <a href="{{route('writer-books.index')}}" class="card-link">
                            <div class="card text-center">
                                <div class="card-body">
                                    <div class="avatar bg-light-primary p-50 mb-1">
                                        <div class="avatar-content">
                                            <i data-feather="video"></i>
                                        </div>
                                    </div>
                                    <h2 class="font-weight-bolder">
                                        {{auth('writer')->user()->files()->where('type', 'video')->count()}}
                                    </h2>
                                    <p class="card-text">الفديوهات</p>
                                </div>
                            </div>
                        </a>
        
                    </div>
                    <div class="col-xl-3 col-md-3 col-sm-6 ">
                        <a href="{{route('writer-books.index')}}" class="card-link">
                            <div class="card text-center">
                                <div class="card-body">
                                    <div class="avatar bg-light-primary p-50 mb-1">
                                        <div class="avatar-content">
                                            <i data-feather="image"></i>
                                        </div>
                                    </div>
                                    <h2 class="font-weight-bolder">
                                        {{auth('writer')->user()->files()->where('type', 'الصورة')->count()}}
                                    </h2>
                                    <p class="card-text">الصور</p>
                                </div>
                            </div>
                        </a>
        
                    </div>

                </div>

            </section>
            <!-- writer-dashboard Ecommerce ends -->

        </div>
@endsection
@section('script')
@endsection