@extends('website.layouts.index')
@section('content')
<div class="content">
    <div class="container">
        <div class="row">
        
            <!-- Customer Menu -->
           @include('user.layouts.menu')
            <!-- /Customer Menu -->
            
            <div class="col-md-8 col-lg-9">
                <div class="widget-title">
                    <h4>Dashboard</h4>
                </div>
                
                <!-- Dashboard Widget -->
                <div class="row">
                    <div class="col-md-6 col-lg-4">
                        <div class="dash-widget">
                            <div class="dash-img">
                                <span class="dash-icon bg-yellow">
                                    <img src="{{asset('assets/img/icons/dash-icon-01.svg')}}" alt="">
                                </span>
                            </div>
                            <div class="dash-info">
                                <div class="dash-order">
                                    <h6>Total Services</h6>
                                    <h5>27</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="dash-widget">
                            <div class="dash-img">
                                <span class="dash-icon bg-blue">
                                    <img src="{{asset('assets/img/icons/wallet-icon-01.svg')}}" alt="">
                                </span>
                            </div>
                            <div class="dash-info">
                                <div class="dash-order">
                                    <h6>Total Spending</h6>
                                    <h5>$2500</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="dash-widget">
                            <div class="dash-img">
                                <span class="dash-icon bg-blue">
                                    <img src="{{asset('assets/img/icons/wallet-add.svg')}}" alt="">
                                </span>
                            </div>
                            <div class="dash-info">
                                <div class="dash-order">
                                    <h6>Total Bookings</h6>
                                    <h5>200</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Dashboard Widget -->					
                
                <div class="row">
                    <!-- Recent Booking -->
                    <div class="col-lg-8 d-flex flex-column">
                        <h6 class="user-title">Recent Booking</h6>
                        <div class="table-responsive recent-booking flex-fill">
                            <table class="table mb-0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <h2 class="table-avatar">
                                                <a href="#" class="avatar avatar-m me-2"><img class="avatar-img rounded" src="{{asset('assets/img/services/service-06.jpg')}}" alt="User Image"></a>
                                                <a href="#">Computer Repair<span><i class="feather-calendar"></i> 22 Sep 2022</span></a>
                                            </h2>
                                        </td>
                                        <td>
                                            <h2 class="table-avatar table-user">
                                                <a href="#" class="avatar avatar-m me-2"><img class="avatar-img" src="{{asset('assets/img/profiles/avatar-02.jpg')}}" alt="User Image"></a>
                                                <a href="#">
                                                    John Smith
                                                </a>
                                            </h2>
                                        </td>
                                        <td class="text-end">
                                            <a href="#" class="btn btn-light-danger">Cancel</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <h2 class="table-avatar">
                                                <a href="#" class="avatar avatar-m me-2"><img class="avatar-img rounded" src="{{asset('assets/img/services/service-04.jpg')}}" alt="User Image"></a>
                                                <a href="#">Car Repair Services<span><i class="feather-calendar"></i> 20 Sep 2022</span></a>
                                            </h2>
                                        </td>
                                        <td>
                                            <h2 class="table-avatar table-user">
                                                <a href="#" class="avatar avatar-m me-2"><img class="avatar-img" src="{{asset('assets/img/profiles/avatar-03.jpg')}}" alt="User Image"></a>
                                                <a href="#">
                                                    Timothy
                                                </a>
                                            </h2>
                                        </td>
                                        <td class="text-end">
                                            <a href="#" class="btn btn-light-danger">Cancel</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <h2 class="table-avatar">
                                                <a href="#" class="avatar avatar-m me-2"><img class="avatar-img rounded" src="{{asset('assets/img/services/service-07.jpg')}}" alt="User Image"></a>
                                                <a href="#">Interior Designing<span><i class="feather-calendar"></i> 19 Sep 2022</span></a>
                                            </h2>
                                        </td>
                                        <td>
                                            <h2 class="table-avatar table-user">
                                                <a href="#" class="avatar avatar-m me-2"><img class="avatar-img" src="{{asset('assets/img/profiles/avatar-06.jpg')}}" alt="User Image"></a>
                                                <a href="#">
                                                    Jordan
                                                </a>
                                            </h2>
                                        </td>
                                        <td class="text-end">
                                            <a href="#" class="btn btn-light-danger">Cancel</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- /Recent Booking -->
                    
                    <!-- Recent Transaction -->
                    <div class="col-lg-4 d-flex flex-column">
                        <h6 class="user-title">Recent Transaction</h6>
                        <div class="table-responsive transaction-table flex-fill">
                            <table class="table mb-0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="table-book d-flex align-items-center">
                                                <span class="book-img">
                                                    <img src="{{asset('assets/img/icons/trans-icon-01.svg')}}" alt="">
                                                </span>
                                                <div>
                                                    <h6>Service Booking</h6>
                                                    <p><i class="feather-calendar"></i>22 Sep 2022 <span><i class="feather-clock"></i> 10:12 AM</span></p>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end">
                                            <h5 class="trans-amt">$280.00</h5>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="table-book d-flex align-items-center">
                                                <span class="book-img">
                                                    <img src="{{asset('assets/img/icons/trans-icon-02.svg')}}" alt="">
                                                </span>
                                                <div>
                                                    <h6>Service Refund</h6>
                                                    <p><i class="feather-calendar"></i>22 Sep 2022 <span><i class="feather-clock"></i> 10:12 AM</span></p>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end">
                                            <h5 class="trans-amt">$100.00</h5>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="table-book d-flex align-items-center">
                                                <span class="book-img">
                                                    <img src="{{asset('assets/img/icons/trans-icon-03.svg')}}" alt="">
                                                </span>
                                                <div>
                                                    <h6>Wallet Topup</h6>
                                                    <p><i class="feather-calendar"></i>22 Sep 2022 <span><i class="feather-clock"></i> 10:12 AM</span></p>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end">
                                            <h5 class="trans-amt">$1000.00</h5>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="table-book d-flex align-items-center">
                                                <span class="book-img">
                                                    <img src="{{asset('assets/img/icons/trans-icon-01.svg')}}" alt="">
                                                </span>
                                                <div>
                                                    <h6>Service Booking</h6>
                                                    <p><i class="feather-calendar"></i>22 Sep 2022 <span><i class="feather-clock"></i> 10:12 AM</span></p>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end">
                                            <h5 class="trans-amt">$280.00</h5>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="table-book d-flex align-items-center">
                                                <span class="book-img">
                                                    <img src="{{asset('assets/img/icons/trans-icon-01.svg')}}" alt="">
                                                </span>
                                                <div>
                                                    <h6>Service Booking</h6>
                                                    <p><i class="feather-calendar"></i>22 Sep 2022 <span><i class="feather-clock"></i> 10:12 AM</span></p>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end">
                                            <h5 class="trans-amt">$280.00</h5>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- /Recent Transaction -->
                    
                </div>
            </div>
                    
        </div>
        
    </div>
</div>
@endsection