@extends('admin::layouts.master')

@section('title', 'Dashboard')

@section('content')
    <div class="row">
        <div class="col-md-5 col-12 mb-4">
            <div class="card h-100">
                <div class="card-header">
                    <h3 class="card-title mb-2">Welcome {{ auth()->user()->name }}!</h3>
                    <span class="d-block mb-4 text-nowrap">You can now start the adventure</span>
                </div>
                <div class="card-body">
                    <div class="row align-items-end">
                        <div class="col-6">
                            <h1 class="display-6 text-primary mb-2 pt-4 pb-1">120</h1>
                            <small class="d-block mb-3">You have 57.6% <br>more visitor this month.</small>
                            <a href="{{ route('home') }}" target="_blnak" class="btn btn-sm btn-primary">View Site</a>
                          </div>
                        <div class="col-6">
                            <img src="{{ asset('backend/theme/assets/img/illustrations/man-with-laptop-dark.png') }}" width="170" height="150"
                                class="rounded-start" alt="View Sales" data-app-light-img="illustrations/man-with-laptop-dark.png"
                                data-app-dark-img="illustrations/prize-dark.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-7 col-md-12 col-sm-12">
            <div class="row">
                <div class="col-md-6 col-sm-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="avatar">
                                        <span class="avatar-initial rounded-circle bg-label-primary"><i
                                                class="bx bxs-user-account fs-4"></i></span>
                                    </div>
                                    <div class="card-info">
                                        <h5 class="card-title mb-0 me-2">{{$totalTeam??'0'}}</h5>
                                        <small class="text-muted">Total Team</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="avatar">
                                        <span class="avatar-initial rounded-circle bg-label-warning"><i
                                                class="bx bx-package fs-4"></i></span>
                                    </div>
                                    <div class="card-info">
                                        <h5 class="card-title mb-0 me-2">{{$totalBlog??''}}</h5>
                                        <small class="text-muted">Blogs</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="avatar">
                                        <span class="avatar-initial rounded-circle bg-label-success"><i
                                                class="bx bx-image-alt fs-4"></i></span>
                                    </div>
                                    <div class="card-info">
                                        <h5 class="card-title mb-0 me-2">{{ $totalPost??'' }}</h5>
                                        <small class="text-muted">Posts</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="avatar">
                                        <span class="avatar-initial rounded-circle bg-label-danger"><i
                                                class="bx bxs-component fs-4"></i></span>
                                    </div>
                                    <div class="card-info">
                                        <h5 class="card-title mb-0 me-2">{{$totalService??'0'}}</h5>
                                        <small class="text-muted">Services</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="avatar">
                                        <span class="avatar-initial rounded-circle bg-label-info"><i
                                                class="bx bx-user fs-4"></i></span>
                                    </div>
                                    <div class="card-info">
                                        <h5 class="card-title mb-0 me-2">{{$totalSubscriber??'0'}}</h5>
                                        <small class="text-muted">Subscribers</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="avatar">
                                        <span class="avatar-initial rounded-circle bg-label-warning">
                                            <i class='bx bxs-contact'></i>
                                            </span>
                                    </div>
                                    <div class="card-info">
                                        <h5 class="card-title mb-0 me-2">{{$totalContact??'0'}}</h5>
                                        <small class="text-muted">Contact</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection