@extends('layouts.admin-layout')
@section('content')
@section('title')
    Dashboard
@endsection
<style>
    .order-card {
        color: #fff;
    }

    .bg-c-blue {
        background: linear-gradient(45deg,#4099ff,#73b4ff);
    }

    .bg-c-green {
        background: linear-gradient(45deg,#2ed8b6,#59e0c5);
    }

    .bg-c-yellow {
        background: linear-gradient(45deg,#FFB64D,#ffcb80);
    }

    .bg-c-pink {
        background: linear-gradient(45deg,#FF5370,#ff869a);
    }


    .bg-c-disco {
        background: linear-gradient(45deg,#900C3F,#A63D65);
    }
    .bg-c-scooter {
        background: linear-gradient(45deg,#317B85,#3D9AA6);
    }

    .card {
        border-radius: 5px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 5px !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 5px !important;
        /*box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);*/
        border: none;
        margin-bottom: 30px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .card .card-block {
        padding: 25px;
    }

    .order-card i {
        font-size: 26px;
    }

    .f-left {
        float: left;
    }

    .f-right {
        float: right;
    }
</style>
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Vendor Dashboard</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Dashboard</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>


    <section class="content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-4 col-xl-4">
                    <div class="card bg-c-blue order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Pending Orders</h6>
                            <h2 class="text-right"><i class="fas fa-truck f-left"></i><span>{{ $get_pending_order_count ?? '0' }}</span></h2>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-xl-4">
                    <div class="card bg-c-green order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Completed Orders</h6>
                            <h2 class="text-right"><i class="fas fa-truck f-left"></i><span>{{ $get_completed_order_count ?? '0'}}</span></h2>
                        </div>
                    </div>
                </div>


                <div class="col-md-4 col-xl-4">
                    <div class="card bg-c-disco order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Total Sale</h6>
                            <h2 class="text-right"><i class="fas fa-tshirt f-left"></i><span>$ {{$get_total_Sale ?? 0 }}</span></h2>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-xl-4">
                    <div class="card bg-c-scooter order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Total Orders</h6>
                            <h2 class="text-right"><i class="fas fa-truck f-left"></i><span>{{$get_total_Orders ??  0 }}</span></h2>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-xl-4">
                    <div class="card bg-c-yellow order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Today Orders</h6>
                            <h2 class="text-right"><i class="fas fa-truck f-left"></i><span>{{ $today_order_count ?? '0' }}</span></h2>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-xl-4">
                    <div class="card bg-c-pink order-card">
                        <div class="card-block">
                            <h6 class="m-b-20">Total Users</h6>
                            <h2 class="text-right"><i class="fas fa-users f-left"></i><span>{{ $userCount ?? '0' }}</span></h2>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </section>

    <section class="content">
        <div class="container-fluid">

            <div class="row">

                {{--                    top selling product--}}
                <div class="col-md-6 mt-4">

                    <div class="card card-primary card-box-shadow">

                        <div class="card-body">
                            <h2>Top Selling Products</h2>

                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>S.N.</th>
                                    <th>Product Name</th>
                                    <th>No of Orders</th>
                                </tr>
                                </thead>

                                <tbody>
                                @forelse($get_top_selling_products as  $top_selling_product)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{$top_selling_product->product_name ? : '---'}}</td>
                                        <td>{{$top_selling_product->total_quantity ? : '---'}}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3" class="text-center">Top Selling Products Data Not Available</td>
                                    </tr>
                                @endforelse

                                </tbody>

                            </table>

                        </div>


                        <!-- /.card -->
                    </div>
                </div>
                {{--                       restock product--}}
                <div class="col-md-6 mt-4">

                    <div class="card card-primary card-box-shadow">

                        <div class="card-body">
                            <h2>Restock Products</h2>

                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>S.N.</th>
                                    <th>Product Name</th>
                                    <th>Stock</th>
                                    <th>Action</th>
                                </tr>
                                </thead>

                                <tbody>
                                @forelse($get_restock_products as  $restock_product)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{$restock_product->product_name ? : '---'}}</td>
                                        <td>{{$restock_product->product_stock ? : '---'}}</td>
                                        <td>
                                            <div class="dropdown custom-dropdown">
                                                <button class="btn btn-info" type="button" data-toggle="dropdown"
                                                        aria-expanded="false">
                                                    Click Here
                                                    <i class="fas fa-ellipsis-h fa-lg ml-2"></i>
                                                </button>
                                                <div class="dropdown-menu">
                                                    <a class="dropdown-item"
                                                       href="{{ route('admin.product.edit',['id'=> $restock_product->id]) }}">Edit</a>
                                                </div>
                                            </div>

                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3" class="text-center">Restock Products Data Not available</td>
                                    </tr>

                                @endforelse

                                </tbody>

                            </table>

                        </div>


                        <!-- /.card -->
                    </div>
                </div>

            </div>
        </div>
    </section>
</div>

@endsection