@extends('admin.layouts.app') @section('content')

Dashboard IndoKatalog Admin panel

  2. Dashboard
Products

$ 9856 This Month

Messages

$ 893 This Month

Earnings

$ 6659 This Month

New Vendors

$ 45631 This Month

Order Activity
Delivered

56 mins ago

Today
In Transit

18 Hour ago

Yesterday
Dispatched

3 Days Ago

12 Sep
Order Received

8 Days Ago

05 Sep 

<div class="order-timeline">
<div class="media">
  <div class="timeline-line"></div>
  <div class="timeline-icon-primary">
    <i data-feather="map-pin"></i>
  </div>
  <div class="media-body">
     <span class="font-primary">Delivered</span>
     <p>56 mins ago</p>
  </div>
  <span class="pull-right text-muted">Today</span>
</div>
<div class="media">
  <div class="timeline-icon-secondary">
     <i data-feather="shopping-cart"></i>
  </div>
  <div class="media-body">
     <span class="font-secondary">In Transit</span>
     <p>18 Hour ago</p>
  </div>
  <span class="pull-right text-muted">Yesterday</span>
</div>
<div class="media">
  <div class="timeline-icon-warning">
     <i data-feather="box"></i>
  </div>
  <div class="media-body">
     <span class="font-warning">Dispatched</span>
     <p>3 Days Ago</p>
  </div>
  <span class="pull-right text-muted">12 Sep</span>
</div>
<div class="media">
  <div class="timeline-icon-success">
     <i data-feather="user"></i>
  </div>
  <div class="media-body">
     <span class="font-success">Order Received</span>
     <p>8 Days Ago</p>
  </div>
  <span class="pull-right text-muted">05 Sep</span>
</div>
</div>
This Month Revenue

<div class="revenue-chart"></div>
Product Value
Physical
Digital 
<!-- Cod Box Copy begin -->
<div class="market-chart"></div>
<!-- Cod Box Copy end -->
Latest Orders
Order ID Order Total Payment Method Status
1 $120.00 Bank Transfers On Way
2 $90.00 Ewallets Delivered
3 $240.00 Cash Delivered
4 $120.00 Direct Deposit $6523
5 $50.00 Bank Transfers Delivered
View All Orders 

<div class="user-status table-responsive latest-order-table">
<table class="table table-bordernone">
    <thead>
        <tr>
            <th scope="col">Order ID</th>
            <th scope="col">Order Total</th>
            <th scope="col">Payment Method</th>
            <th scope="col">Status</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td class="digits">$120.00</td>
            <td class="font-secondary">Bank Transfers</td>
            <td class="digits">Delivered</td>
        </tr>
        <tr>
            <td>2</td>
            <td class="digits">$90.00</td>
            <td class="font-secondary">Ewallets</td>
            <td class="digits">Delivered</td>
        </tr>
        <tr>
            <td>3</td>
            <td class="digits">$240.00</td>
            <td class="font-secondary">Cash</td>
            <td class="digits">Delivered</td>
        </tr>
        <tr>
            <td>4</td>
            <td class="digits">$120.00</td>
            <td class="font-primary">Direct Deposit</td>
            <td class="digits">Delivered</td>
        </tr>
        <tr>
            <td>5</td>
            <td class="digits">$50.00</td>
            <td class="font-primary">Bank Transfers</td>
            <td class="digits">Delivered</td>
        </tr>
    </tbody>
</table>
</div>
Buy / Sell
<div class="card-body sell-graph">
<canvas id="myGraph"></canvas>
</div>
New Customers
Customers 

<div id="customers"></div>
Empolyee Status
Name Designation Skill Level Experience
John Deo (14+ Online)
 Designer
2 Year
Mohsib lara(99+ Online)
 Tester
5 Month
Hileri Soli (150+ Online)
 Designer
3 Month
Pusiz bia (14+ Online)
 Designer
5 Year 

<div class="user-status table-responsive products-table">
<table class="table table-bordernone mb-0">
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Designation</th>
            <th scope="col">Skill Level</th>
            <th scope="col">Experience</th>
        </tr>
    </thead>
    <tbody>
            <tr>
                <td class="bd-t-none u-s-tb">
                    <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/user2.jpg" alt="" data-original-title="" title="">
                    <div class="d-inline-block">
                    <h6>John Deo <span class="text-muted digits">(14+ Online)</span></h6>
                    </div>
                    </div>
                </td>
                <td>Designer</td>
                <td>
                    <div class="progress-showcase">
                    <div class="progress" style="height: 8px;">
                    <div class="progress-bar bg-primary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    </div>
                </td>
                <td class="digits">2 Year</td>
            </tr>
        <tr>
            <td class="bd-t-none u-s-tb">
                <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/man.png" alt="" data-original-title="" title="">
                <div class="d-inline-block">
                <h6>Mohsib lara<span class="text-muted digits">(99+ Online)</span></h6>
                </div>
                </div>
            </td>
            <td>Tester</td>
            <td>
                <div class="progress-showcase">
                <div class="progress" style="height: 8px;">
                <div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                </div>
            </td>
            <td class="digits">5 Month</td>
        </tr>
        <tr>
            <td class="bd-t-none u-s-tb">
                <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/user.png" alt="" data-original-title="" title="">
                <div class="d-inline-block">
                <h6>Hileri Soli <span class="text-muted digits">(150+ Online)</span></h6>
                </div>
                </div>
            </td>
            <td>Designer</td>
            <td>
                <div class="progress-showcase">
                <div class="progress" style="height: 8px;">
                <div class="progress-bar bg-secondary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                </div>
            </td>
            <td class="digits">3 Month</td>
        </tr>
        <tr>
            <td class="bd-t-none u-s-tb">
                <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle blur-up lazyloaded" src="../assets/images/dashboard/designer.jpg" alt="" data-original-title="" title="">
                <div class="d-inline-block">
                <h6>Pusiz bia <span class="text-muted digits">(14+ Online)</span></h6>
                </div>
                </div>
            </td>
            <td>Designer</td>
            <td>
                <div class="progress-showcase">
                <div class="progress" style="height: 8px;">
                <div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                </div>
            </td>
            <td class="digits">5 Year</td>
        </tr>
    </tbody>
</table>
</div>
Top Selling Country
Country 2018 2019 Change
Bhopal 1,048 2,213 6.8%
Saudi Arbia 576 1,297 4.3%
Kazakstan 879 1,985 7.0%
Canada 1,871 2,546 6.2%
Brazil 957 1,975 5.6%
Russia 1,480 1,631 8.7% 

<div class="row">
<div class="col-xl-8">
   <div class="jvector-map-height" id="world"></div>
</div>
<div class="col-xl-4">
   <div class="table-responsive map-table">
      <table class="table">
         <thead>
            <tr>
               <th>Country</th>
               <th>2018</th>
               <th>2019</th>
               <th>Change</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>Bhopal</td>
               <td>1,048</td>
               <td>2,213</td>
               <td>6.8%</td>
            </tr>
            <tr>
               <td>Saudi Arbia</td>
               <td>576</td>
               <td>1,297</td>
               <td>4.3%</td>
            </tr>
            <tr>
               <td>Kazakstan</td>
               <td>879</td>
               <td>1,985</td>
               <td>7.0%</td>
            </tr>
            <tr>
                <td>Canada</td>
                <td>1,871</td>
                <td>2,546</td>
                <td>6.2%</td>
            </tr>
            <tr>
                <td>Brazil</td>
                <td>957</td>
                <td>1,975</td>
                <td>5.6%</td>
            </tr>
            <tr>
               <td>Russia</td>
               <td>1,480</td>
               <td>1,631</td>
               <td>8.7%</td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
</div>
@endsection @push('styles') @endpush @push('scripts') @endpush