@extends('employee.layouts')
@section('title', 'Dashboard')

@section('header')
    <!-- Toastr CSS -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
@endsection

@section('content')

<div class="container-fluid page-wrapper dashboard-section">

    <div class="row">
        <div class="mb-4">
            <h3 class="page-top-heading">Dashboard</h3>
        </div>
    </div>
    
    <!-- Card Insights -->
        <div class="row">
            <div class="row">
                
            
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                    <a href="{{ route('recent_orders') }}" class="text-decoration-none">
                    <div class="card border-0 dashboard-widget-card">
                        <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div class="d-flex align-items-center">
                                    <div class="me-4 text-center">
                                       <strong> <p class="mb-0 d-card-para-title">Orders</p></strong>
                                        {{-- <h2 class="mb-0 d-card-inner-head">{{ $recentOrderCount }}</h2> --}}
                                    </div>
                                    <div class="d-card-icon">
                                        <img class="dashboard-icon-img" src="{{asset('/assets/images/icons/total-users.svg')}}" alt="Recent Orders">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                    <a href="{{ route('accept_orders') }}" class="text-decoration-none">
                    <div class="card border-0 dashboard-widget-card">
                        <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div class="d-flex align-items-center">
                                    <div class="me-4 text-center">
                                        <p class="mb-0 d-card-para-title">Accepted Orders</p>
                                        {{-- <h2 class="mb-0 d-card-inner-head">{{$acceptedOrderCount }}</h2> --}}
                                    </div>
                                    <div class="d-card-icon">
                                        <img class="dashboard-icon-img" src="{{asset('/assets/images/icons/total-users.svg')}}" alt="Shipped Orders">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                </div>
              
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                    <a href="{{ route('rejected_orders') }}" class="text-decoration-none">
                    <div class="card border-0 dashboard-widget-card">
                        <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div class="d-flex align-items-center">
                                    <div class="me-4 text-center">
                                        <p class="mb-0 d-card-para-title">Rejected Orders</p>
                                        {{-- <h2 class="mb-0 d-card-inner-head">{{ $cancelledOrderCount }}</h2> --}}
                                    </div>
                                    <div class="d-card-icon">
                                        <img class="dashboard-icon-img" src="{{asset('/assets/images/icons/total-users.svg')}}" alt="Cancelled Orders">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                </div> 
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                    <a href="{{ route('user_management') }}" class="text-decoration-none">
                    <div class="card border-0 dashboard-widget-card">
                        <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div class="d-flex align-items-center">
                                    <div class="me-4 text-center">
                                        <p class="mb-0 d-card-para-title">Membership</p>
                                        {{-- <h2 class="mb-0 d-card-inner-head">{{ $totalMembership }}</h2> --}}
                                    </div>
                                    <div class="d-card-icon">
                                    </div>
                                </div>
                            </div>
                            <ul class="list-unstyled mt-3">
                                  <li class="d-flex justify-content-between">
                                    <span><i class="fas fa-crown text-warning"></i> <strong class="text-danger">PLus</strong></span>
                                    {{-- <span>{{ $plusCount }}</span> --}}
                                </li>
                                <li class="d-flex justify-content-between">
                                    <span><i class="fas fa-crown text-warning"></i> <strong class="text-danger">Basic</strong></span>
                                    {{-- <span>{{ $basicCount }}</span> --}}
                                </li>
                                <li class="d-flex justify-content-between">
                                    <span><i class="fas fa-crown text-warning"></i> <strong class="text-danger">Pro</strong></span>
                                    {{-- <span>{{ $proCount }}</span> --}}
                                </li>
                                <li class="d-flex justify-content-between">
                                    <span><i class="fas fa-crown text-warning"></i> <strong class="text-danger">Prime</strong></span>
                                    {{-- <span>{{ $primeCount }}</span> --}}
                                </li>
                                <li class="d-flex justify-content-between">
                                    <span><i class="fas fa-crown text-warning"></i> <strong class="text-danger">Premium</strong></span>
                                    {{-- <span>{{ $premiumCount }}</span> --}}
                                </li>
                                <li class="d-flex justify-content-between">
                                    <span><i class="fas fa-crown text-warning"></i> <strong class="text-danger">Elite</strong></span>
                                    {{-- <span>{{ $eliteCount }}</span> --}}
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
                </div>
                
            </div>
            
        </div>
        <!-- Row Ends.... -->

      


</div>
    <!-- container fluid -->
 
         


@endsection

@section('footer')
    <!-- JQuery CDN -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <!-- Toastr JS -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

    <!-- Display toast based on session message -->
    <script>
        $(document).ready(function() {
            @if (session('success'))
                toastr.success('{{ session('success') }}');
            @endif
        });
    </script>
@endsection