@extends('admin.layouts.contentLayoutMaster')
@section('title','Dashboard')
@section('content')
<div class="card">
    <div class="card-content">
        <div class="section section-data-tables">
            <div id="card-stats" class="pt-0">
                <div class="dashboard_row">
                    <!-- Welcome On Dashboard -->
                    <a href="{{route('package.category.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-green-teal gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">drag_handle</i>
                                        <p>Package Category</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$package_category_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('packages.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-purple-deep-orange gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">apps</i>
                                        <p>Packages</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$package_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('bookings.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-amber-amber gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">storage</i>
                                        <p>Bookings</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$booking_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('blog.category.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-indigo-light-blue gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">drag_handle</i>
                                        <p>Blog Category</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$blog_category_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('blogs.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-green-teal gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">developer_board</i>
                                        <p>Blogs</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$blog_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('faqs.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-deep-orange-orange gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">assignment</i>
                                        <p>FAQ's</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$faq_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('getintouch.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-light-blue-cyan gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">inbox</i>
                                        <p>Get In Touch</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$get_in_touch_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('client.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-red-pink gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">account_circle</i>
                                        <p>Clients</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$client_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="{{route('homepage.banner.list')}}" class="dashboard-col">
                        <div class="card gradient-45deg-purple-deep-orange gradient-shadow min-height-100 white-text animate fadeLeft">
                            <div class="padding-4">
                                <div class="row">
                                    <div class="col s7 m7">
                                        <i class="material-icons background-round mt-5">account_circle</i>
                                        <p>Banners</p>
                                    </div>
                                    <div class="col s5 m5 right-align">
                                        <h5 class="mb-0 white-text">{{$banner_count}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
           </div>
        </div>
    </div>
</div>
@endsection