@extends('frontend.layouts.app',['title' => 'Dashboard'])

@section('content')
    <div class="wrapper">
        @include('frontend.layouts.sidebar', ['title' => 'Dashboard'])
        <div class="dashboard_overview_page">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-12">
                        <x-left-side-tabs />
                    </div>
                    <div class="col-xl-9 col-lg-8 col-md-12">
                        <div class="dashboard-right_two">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="main-title-tab">
                                        <h4>Overview</h4>
                                    </div>
                                    <div class="welcome-text">
                                        <h2>Hi! {{ auth()->user()->name }}</h2>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-12 col-md-12">
                                    <div class="pdpt-bg order-overview">
                                        <div class="pdpt-title overview-title">
                                        <div class="welcome-text">
                                        <h4 class="main-title-tab_myorder">My Orders</h4>
                                    </div>
                                           
                                        </div>
                                        <div class="bottom_overview">
                                        <div class="ddsh-body">
                                            <h2>2 Recently Purchases</h2>
                                            <ul class="order-list-145">
                                                <li>
                                                    <div class="smll-history">
                                                        <div class="order-title">2 Items <span data-inverted=""
                                                                data-tooltip="2kg broccoli, 1kg Apple"
                                                                data-position="top center">?</span></div>
                                                        <div class="order-status color-span">On the way</div>
                                                        {{-- <p>$22</p> --}}
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <a href="{{ route('customer.orders.index') }}" class="more-link14">All Orders <i
                                                class="uil uil-angle-double-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection