@extends('layouts.app')
@section('content')
<div class="contents">
   <div class="crm">
      <div class="container-fluid">
         <div class="row ">
            <div class="col-lg-12">
               <div class="breadcrumb-main">
                  <h4 class="text-capitalize breadcrumb-title">CRM</h4>
                  <div class="breadcrumb-action justify-content-center flex-wrap">
                     <div class="action-btn">
                        <div class="form-group mb-0">
                           <div class="input-container icon-left position-relative">
                              <span class="input-icon icon-left">
                              <span data-feather="calendar"></span>
                              </span>
                              <input type="text" class="form-control form-control-default date-ranger" name="date-ranger" placeholder="Oct 30, 2019 - Nov 30, 2019">
                              <span class="input-icon icon-right">
                              <span data-feather="chevron-down"></span>
                              </span>
                           </div>
                        </div>
                     </div>
                     <div class="dropdown action-btn">
                        <button class="btn btn-sm btn-default btn-white dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="la la-download"></i> Export
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                           <span class="dropdown-item">Export With</span>
                           <div class="dropdown-divider"></div>
                           <a href="" class="dropdown-item">
                           <i class="la la-print"></i> Printer</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-file-pdf"></i> PDF</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-file-text"></i> Google Sheets</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-file-excel"></i> Excel (XLSX)</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-file-csv"></i> CSV</a>
                        </div>
                     </div>
                     <div class="dropdown action-btn">
                        <button class="btn btn-sm btn-default btn-white dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="la la-share"></i> Share
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenu3">
                           <span class="dropdown-item">Share Link</span>
                           <div class="dropdown-divider"></div>
                           <a href="" class="dropdown-item">
                           <i class="la la-facebook"></i> Facebook</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-twitter"></i> Twitter</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-google"></i> Google</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-feed"></i> Feed</a>
                           <a href="" class="dropdown-item">
                           <i class="la la-instagram"></i> Instagram</a>
                        </div>
                     </div>
                     <div class="action-btn">
                        <a href="" class="btn btn-sm btn-primary btn-add">
                        <i class="la la-plus"></i> Add New</a>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-xxl-3 col-sm-6  col-ssm-12 mb-30">
               <!-- Card 2 End  -->
               <div class="ap-po-details ap-po-details--2 p-25 radius-xl bg-white d-flex justify-content-between">
                  <div>
                     <div class="overview-content">
                        <h1>7,461</h1>
                        <p>New Contact</p>
                        <div class="ap-po-details-time">
                           <span class="color-success"><i class="las la-arrow-up"></i>
                           <strong>25%</strong></span>
                           <small>Since last week</small>
                        </div>
                     </div>
                  </div>
                  <div class="ap-po-timeChart">
                     <div class="overview-single__chart d-md-flex align-items-end">
                        <div class="parentContainer">
                           <div>
                              <canvas id="mychart12"></canvas>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- Card 2 End  -->
            </div>
            <div class="col-xxl-3 col-sm-6  col-ssm-12 mb-30">
               <!-- Card 1 -->
               <div class="ap-po-details ap-po-details--2 p-25 radius-xl bg-white d-flex justify-content-between">
                  <div>
                     <div class="overview-content">
                        <h1>3,254</h1>
                        <p>New Deals</p>
                        <div class="ap-po-details-time">
                           <span class="color-success"><i class="las la-arrow-up"></i>
                           <strong>25%</strong></span>
                           <small>Since last week</small>
                        </div>
                     </div>
                  </div>
                  <div class="ap-po-timeChart">
                     <div class="overview-single__chart d-md-flex align-items-end">
                        <div class="parentContainer">
                           <div>
                              <canvas id="mychart13"></canvas>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- Card 1 End -->
            </div>
            <div class="col-xxl-3 col-sm-6  col-ssm-12 mb-30">
               <!-- Card 3 -->
               <div class="ap-po-details ap-po-details--2 p-25 radius-xl bg-white d-flex justify-content-between">
                  <div>
                     <div class="overview-content">
                        <h1>541</h1>
                        <p>New Leads</p>
                        <div class="ap-po-details-time">
                           <span class="color-danger"><i class="las la-arrow-down"></i>
                           <strong>8.2%</strong></span>
                           <small>Since last week</small>
                        </div>
                     </div>
                  </div>
                  <div class="ap-po-timeChart">
                     <div class="overview-single__chart d-md-flex align-items-end">
                        <div class="parentContainer">
                           <div>
                              <canvas id="mychart14"></canvas>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- Card 3 End -->
            </div>
            <div class="col-xxl-3 col-sm-6  col-ssm-12 mb-30">
               <!-- Card 1 -->
               <div class="ap-po-details ap-po-details--2 p-25 radius-xl bg-white d-flex justify-content-between">
                  <div>
                     <div class="overview-content">
                        <h1>$45.2k</h1>
                        <p>Revenue</p>
                        <div class="ap-po-details-time">
                           <span class="color-success"><i class="las la-arrow-up"></i>
                           <strong>12.3%</strong></span>
                           <small>Since last week</small>
                        </div>
                     </div>
                  </div>
                  <div class="ap-po-timeChart">
                     <div class="overview-single__chart d-md-flex align-items-end">
                        <div class="parentContainer">
                           <div>
                              <canvas id="mychart15"></canvas>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- Card 1 End -->
            </div>
            <div class="col-xl-7 col-md-6 mb-30">
               <div class="card revenueChartTwo broder-0">
                  <div class="card-header">
                     <h6>Revenue</h6>
                     <div class="card-extra">
                        <ul class="card-tab-links mr-3 nav-tabs nav" role="tablist">
                           <li>
                              <a class="active" href="#tl_revenue-today" data-toggle="tab" id="tl_revenue-today-tab" role="tab" aria-selected="false">Today</a>
                           </li>
                           <li>
                              <a href="#tl_revenue-week" data-toggle="tab" id="tl_revenue-week-tab" role="tab" aria-selected="false">Week</a>
                           </li>
                           <li>
                              <a href="#tl_revenue-month" data-toggle="tab" id="tl_revenue-month-tab" role="tab" aria-selected="false">Month</a>
                           </li>
                           <li>
                              <a href="#tl_revenue-year" data-toggle="tab" id="tl_revenue-year-tab" role="tab" aria-selected="true">Year</a>
                           </li>
                        </ul>
                        <div class="dropdown dropleft">
                           <a href="#" role="button" id="revenue3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                           <span data-feather="more-horizontal"></span>
                           </a>
                           <div class="dropdown-menu" aria-labelledby="revenue3">
                              <a class="dropdown-item" href="#">Action</a>
                              <a class="dropdown-item" href="#">Another action</a>
                              <a class="dropdown-item" href="#">Something else here</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!-- ends: .card-header -->
                  <div class="card-body pt-0">
                     <div class="tab-content">
                        <div class="tab-pane fade active show" id="tl_revenue-today" role="tabpanel" aria-labelledby="tl_revenue-today-tab">
                           <div class="revenue-labels">
                              <div class="current">
                                 <strong class="text-third">$72,784</strong>
                                 <span>Current Period</span>
                              </div>
                              <div>
                                 <strong>$52,240</strong>
                                 <span>Previous Period</span>
                              </div>
                           </div>
                           <!-- ends: .performance-stats -->
                           <div class="wp-chart">
                              <div class="parentContainer">
                                 <div>
                                    <canvas id="myChart6TExtra"></canvas>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="tl_revenue-week" role="tabpanel" aria-labelledby="tl_revenue-week-tab">
                           <div class="revenue-labels">
                              <div class="current">
                                 <strong class="text-third">$72,848</strong>
                                 <span>Current Period</span>
                              </div>
                              <div>
                                 <strong>$52,458</strong>
                                 <span>Previous Period</span>
                              </div>
                           </div>
                           <!-- ends: .performance-stats -->
                           <div class="wp-chart">
                              <div class="parentContainer">
                                 <div>
                                    <canvas id="myChart6WExtra"></canvas>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="tl_revenue-month" role="tabpanel" aria-labelledby="tl_revenue-month-tab">
                           <div class="revenue-labels">
                              <div class="current">
                                 <strong class="text-third">$72,848</strong>
                                 <span>Current Period</span>
                              </div>
                              <div>
                                 <strong>$52,458</strong>
                                 <span>Previous Period</span>
                              </div>
                           </div>
                           <!-- ends: .performance-stats -->
                           <div class="wp-chart">
                              <div class="parentContainer">
                                 <div>
                                    <canvas id="myChart6MExtra"></canvas>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="tl_revenue-year" role="tabpanel" aria-labelledby="tl_revenue-year-tab">
                           <div class="revenue-labels">
                              <div class="current">
                                 <strong class="text-third">$72,848</strong>
                                 <span>Current Period</span>
                              </div>
                              <div>
                                 <strong>$52,458</strong>
                                 <span>Previous Period</span>
                              </div>
                           </div>
                           <!-- ends: .performance-stats -->
                           <div class="wp-chart">
                              <div class="parentContainer">
                                 <div>
                                    <canvas id="myChart6Extra"></canvas>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!-- ends: .card-body -->
               </div>
            </div>
            <div class="col-xl-5 col-md-6 mb-30">
               <div class="card broder-0 cashflowChart2">
                  <div class="card-header">
                     <h6>
                        Closed Deals Performance
                     </h6>
                     <div class="card-extra">
                        <ul class="card-tab-links mr-3 nav-tabs nav" role="tablist">
                           <li>
                              <a class="active" href="#t_revenue-week" data-toggle="tab" id="t_revenue-week-tab" role="tab" aria-selected="true">Week</a>
                           </li>
                           <li>
                              <a href="#t_revenue-month" data-toggle="tab" id="t_revenue-month-tab" role="tab" aria-selected="false">Month</a>
                           </li>
                           <li>
                              <a href="#t_revenue-year" data-toggle="tab" id="t_revenue-year-tab" role="tab" aria-selected="false">Year</a>
                           </li>
                        </ul>
                     </div>
                  </div>
                  <!-- ends: .card-header -->
                  <div class="card-body">
                     <div class="tab-content">
                        <div class="tab-pane fade active show" id="t_revenue-week" role="tabpanel" aria-labelledby="t_revenue-week-tab">
                           <div class="cashflow-display d-flex">
                              <!-- ends: .cashflow-display__single -->
                              <div class="cashflow-display__single">
                                 <span class="cashflow-display__title">Won</span>
                                 <h2 class="cashflow-display__amount">50.8<span class="color-danger fs-14 fw-600 mr-10"><i class="las la-arrow-down"></i> <strong>12%</strong></span></h2>
                              </div>
                              <!-- ends: .cashflow-display__single -->
                              <div class="cashflow-display__single">
                                 <span class="cashflow-display__title">Amount</span>
                                 <h2 class="cashflow-display__amount">$28k<span class="color-success fs-14 fw-600 mr-10"><i class="las la-arrow-up"></i> <strong>15%</strong></span></h2>
                              </div>
                              <!-- ends: .cashflow-display__single -->
                           </div>
                           <div class="cashflow-chart">
                              <div class="parentContainer">
                                 <div>
                                    <canvas id="barChartCashflow_Wextra"></canvas>
                                 </div>
                              </div>
                              <ul class="legend-static ml-2">
                                 <li class="custom-label">
                                    <span class="bg-success"></span>Won
                                 </li>
                                 <li class="custom-label">
                                    <span class="bg-primary"></span>Amount
                                 </li>
                              </ul>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_revenue-month" role="tabpanel" aria-labelledby="t_revenue-month-tab">
                           <div class="cashflow-display d-flex">
                              <!-- ends: .cashflow-display__single -->
                              <div class="cashflow-display__single">
                                 <span class="cashflow-display__title">Won</span>
                                 <h2 class="cashflow-display__amount">$74,240</h2>
                              </div>
                              <!-- ends: .cashflow-display__single -->
                              <div class="cashflow-display__single">
                                 <span class="cashflow-display__title">Amount</span>
                                 <h2 class="cashflow-display__amount">$22,470</h2>
                              </div>
                              <!-- ends: .cashflow-display__single -->
                           </div>
                           <div class="cashflow-chart">
                              <div class="parentContainer">
                                 <div>
                                    <canvas id="barChartCashflow_Mextra"></canvas>
                                 </div>
                              </div>
                              <ul class="legend-static ml-2">
                                 <li class="custom-label">
                                    <span class="bg-success"></span>Won
                                 </li>
                                 <li class="custom-label">
                                    <span class="bg-primary"></span>Amount
                                 </li>
                              </ul>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_revenue-year" role="tabpanel" aria-labelledby="t_revenue-year-tab">
                           <div class="cashflow-display d-flex">
                              <!-- ends: .cashflow-display__single -->
                              <div class="cashflow-display__single">
                                 <span class="cashflow-display__title">Won</span>
                                 <h2 class="cashflow-display__amount">50.8</h2>
                              </div>
                              <!-- ends: .cashflow-display__single -->
                              <div class="cashflow-display__single">
                                 <span class="cashflow-display__title">Amount</span>
                                 <h2 class="cashflow-display__amount">$28k</h2>
                              </div>
                              <!-- ends: .cashflow-display__single -->
                           </div>
                           <div class="cashflow-chart">
                              <div class="parentContainer">
                                 <div>
                                    <canvas id="barChartCashflowExtra"></canvas>
                                 </div>
                              </div>
                              <ul class="legend-static ml-2">
                                 <li class="custom-label">
                                    <span class="bg-success"></span>Won
                                 </li>
                                 <li class="custom-label">
                                    <span class="bg-primary"></span>Amount
                                 </li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!-- ends: .card-body -->
               </div>
            </div>
            <div class="col-xxl-4 col-md-6 mb-30">
               <div class="revenue-device-chart">
                  <div class="card broder-0">
                     <div class="card-header">
                        <h6>Email Sent</h6>
                        <div class="card-extra">
                           <ul class="card-tab-links nav-tabs nav mr-3" role="tablist">
                              <li>
                                 <a class="active" href="#rb_device-today" data-toggle="tab" id="rb_device-today-tab" role="tab" aria-selected="true">Today</a>
                              </li>
                              <li>
                                 <a href="#rb_device-week" data-toggle="tab" id="rb_device-week-tab" role="tab" aria-selected="false">Week</a>
                              </li>
                              <li>
                                 <a href="#rb_device-month" data-toggle="tab" id="rb_device-month-tab" role="tab" aria-selected="false">Month</a>
                              </li>
                           </ul>
                           <div class="dropdown dropleft">
                              <a href="#" role="button" id="performance" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              <span data-feather="more-horizontal"></span>
                              </a>
                              <div class="dropdown-menu" aria-labelledby="performance">
                                 <a class="dropdown-item" href="#">Action</a>
                                 <a class="dropdown-item" href="#">Another action</a>
                                 <a class="dropdown-item" href="#">Something else here</a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!-- ends: .card-header -->
                     <div class="card-body">
                        <div class="tab-content">
                           <div class="tab-pane fade active show" id="rb_device-today" role="tabpanel" aria-labelledby="rb_device-today-tab">
                              <div class="revenue-pieChart-wrap">
                                 <div>
                                    <canvas id="chartDoughnut3Extra"></canvas>
                                 </div>
                              </div>
                              <div class="revenue-chart-box-list">
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-success">
                                       <img class="svg" src="{{ asset('img/svg/sent.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          4450
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Total Sent
                                       </div>
                                    </div>
                                 </div>
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-primary">
                                       <img class="svg" src="{{ asset('img/svg/opened.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          5864
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Open
                                       </div>
                                    </div>
                                 </div>
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-warning">
                                       <img class="svg" src="{{ asset('img/svg/not-open.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          2450
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Not Open
                                       </div>
                                    </div>
                                 </div>
                                 <!-- ends: .revenue-chart-legend -->
                              </div>
                           </div>
                           <div class="tab-pane fade" id="rb_device-week" role="tabpanel" aria-labelledby="rb_device-week-tab">
                              <div class="revenue-pieChart-wrap">
                                 <div>
                                    <canvas id="chartDoughnut3WExtra"></canvas>
                                 </div>
                              </div>
                              <div class="revenue-chart-box-list">
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-success">
                                       <img class="svg" src="{{ asset('img/svg/sent.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          4450
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Total Sent
                                       </div>
                                    </div>
                                 </div>
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-primary">
                                       <img class="svg" src="{{ asset('img/svg/opened.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          5864
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Open
                                       </div>
                                    </div>
                                 </div>
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-warning">
                                       <img class="svg" src="{{ asset('img/svg/not-open.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          2450
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Not Open
                                       </div>
                                    </div>
                                 </div>
                                 <!-- ends: .revenue-chart-legend -->
                              </div>
                           </div>
                           <div class="tab-pane fade" id="rb_device-month" role="tabpanel" aria-labelledby="rb_device-month-tab">
                              <div class="revenue-pieChart-wrap">
                                 <div>
                                    <canvas id="chartDoughnut3MExtra"></canvas>
                                 </div>
                              </div>
                              <div class="revenue-chart-box-list">
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-success">
                                       <img class="svg" src="{{ asset('img/svg/sent.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          4450
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Total Sent
                                       </div>
                                    </div>
                                 </div>
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-primary">
                                       <img class="svg" src="{{ asset('img/svg/opened.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          5864
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Open
                                       </div>
                                    </div>
                                 </div>
                                 <div class="revenue-chart-box d-flex flex-wrap align-items-center">
                                    <div class="revenue-chart-box__Icon order-bg-opacity-warning">
                                       <img class="svg" src="{{ asset('img/svg/not-open.svg') }}" alt="">
                                    </div>
                                    <div class="my-10">
                                       <div class="revenue-chart-box__data">
                                          2450
                                       </div>
                                       <div class="revenue-chart-box__label">
                                          Not Open
                                       </div>
                                    </div>
                                 </div>
                                 <!-- ends: .revenue-chart-legend -->
                              </div>
                           </div>
                        </div>
                     </div>
                     <!-- ends: .card-body -->
                  </div>
               </div>
            </div>
            <div class="col-xxl-4 col-md-6 mb-30">
               <div class="card border-0">
                  <div class="card-header">
                     <h6>Sales Leaderboard</h6>
                     <div class="card-extra">
                        <ul class="card-tab-links mr-3 nav-tabs nav" role="tablist">
                           <li>
                              <a class="active" href="#t_selling-today" data-toggle="tab" id="t_selling-today-tab" role="tab" aria-selected="true">Today</a>
                           </li>
                           <li>
                              <a href="#t_selling-week" data-toggle="tab" id="t_selling-week-tab" role="tab" aria-selected="true">Week</a>
                           </li>
                           <li>
                              <a href="#t_selling-month" data-toggle="tab" id="t_selling-month-tab" role="tab" aria-selected="true">Month</a>
                           </li>
                           <li>
                              <a href="#t_selling-year" data-toggle="tab" id="t_selling-year-tab" role="tab" aria-selected="true">Year</a>
                           </li>
                        </ul>
                        <div class="dropdown dropleft">
                           <a href="#" role="button" id="todo11" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                           <span data-feather="more-horizontal"></span>
                           </a>
                           <div class="dropdown-menu" aria-labelledby="todo11">
                              <a class="dropdown-item" href="#">Action</a>
                              <a class="dropdown-item" href="#">Another action</a>
                              <a class="dropdown-item" href="#">Something else here</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="card-body p-0">
                     <div class="tab-content">
                        <div class="tab-pane fade active show" id="t_selling-today" role="tabpanel" aria-labelledby="t_selling-today-tab">
                           <div class="leader-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <thead>
                                       <tr>
                                          <th>Prducts Name</th>
                                          <th>Deals</th>
                                          <th>Amount</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <td>Samsung Galaxy S8 256GB</td>
                                          <td>339</td>
                                          <td>$60,258</td>
                                       </tr>
                                       <tr>
                                          <td>Half Sleeve Shirt</td>
                                          <td>136</td>
                                          <td>$2,483</td>
                                       </tr>
                                       <tr>
                                          <td>Marco Shoes</td>
                                          <td>448</td>
                                          <td>$19,758</td>
                                       </tr>
                                       <tr>
                                          <td>15" Mackbook Pro</td>
                                          <td>159</td>
                                          <td>$197,458</td>
                                       </tr>
                                       <tr>
                                          <td>Apple iPhone X</td>
                                          <td>146</td>
                                          <td>115,254</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_selling-week" role="tabpanel" aria-labelledby="t_selling-week-tab">
                           <div class="selling-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <thead>
                                       <tr>
                                          <th>Prducts Name</th>
                                          <th>Deals</th>
                                          <th>Amount</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <td>Samsung Galaxy S8 256GB</td>
                                          <td>339</td>
                                          <td>$60,258</td>
                                       </tr>
                                       <tr>
                                          <td>Half Sleeve Shirt</td>
                                          <td>136</td>
                                          <td>$2,483</td>
                                       </tr>
                                       <tr>
                                          <td>Marco Shoes</td>
                                          <td>448</td>
                                          <td>$19,758</td>
                                       </tr>
                                       <tr>
                                          <td>15" Mackbook Pro</td>
                                          <td>159</td>
                                          <td>$197,458</td>
                                       </tr>
                                       <tr>
                                          <td>Apple iPhone X</td>
                                          <td>146</td>
                                          <td>115,254</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_selling-month" role="tabpanel" aria-labelledby="t_selling-month-tab">
                           <div class="selling-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <thead>
                                       <tr>
                                          <th>Prducts Name</th>
                                          <th>Deals</th>
                                          <th>Amount</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <td>Samsung Galaxy S8 256GB</td>
                                          <td>339</td>
                                          <td>$60,258</td>
                                       </tr>
                                       <tr>
                                          <td>Half Sleeve Shirt</td>
                                          <td>136</td>
                                          <td>$2,483</td>
                                       </tr>
                                       <tr>
                                          <td>Marco Shoes</td>
                                          <td>448</td>
                                          <td>$19,758</td>
                                       </tr>
                                       <tr>
                                          <td>15" Mackbook Pro</td>
                                          <td>159</td>
                                          <td>$197,458</td>
                                       </tr>
                                       <tr>
                                          <td>Apple iPhone X</td>
                                          <td>146</td>
                                          <td>115,254</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_selling-year" role="tabpanel" aria-labelledby="t_selling-year-tab">
                           <div class="selling-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <thead>
                                       <tr>
                                          <th>Prducts Name</th>
                                          <th>Deals</th>
                                          <th>Amount</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <td>Samsung Galaxy S8 256GB</td>
                                          <td>339</td>
                                          <td>$60,258</td>
                                       </tr>
                                       <tr>
                                          <td>Half Sleeve Shirt</td>
                                          <td>136</td>
                                          <td>$2,483</td>
                                       </tr>
                                       <tr>
                                          <td>Marco Shoes</td>
                                          <td>448</td>
                                          <td>$19,758</td>
                                       </tr>
                                       <tr>
                                          <td>15" Mackbook Pro</td>
                                          <td>159</td>
                                          <td>$197,458</td>
                                       </tr>
                                       <tr>
                                          <td>Apple iPhone X</td>
                                          <td>146</td>
                                          <td>115,254</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-xxl-4 col-md-6 mb-30">
               <div class="card border-0">
                  <div class="card-header">
                     <h6>todo2</h6>
                     <div class="card-extra">
                        <ul class="card-tab-links mr-3 nav-tabs nav" role="tablist">
                           <li>
                              <a class="active" href="#t_deals-today" data-toggle="tab" id="t_deals-today-tab" role="tab" aria-selected="true">Today</a>
                           </li>
                           <li>
                              <a href="#t_deals-week" data-toggle="tab" id="t_deals-week-tab" role="tab" aria-selected="true">Week</a>
                           </li>
                           <li>
                              <a href="#t_deals-month" data-toggle="tab" id="t_deals-month-tab" role="tab" aria-selected="true">Month</a>
                           </li>
                           <li>
                              <a href="#t_deals-year" data-toggle="tab" id="t_deals-year-tab" role="tab" aria-selected="true">Year</a>
                           </li>
                        </ul>
                        <div class="dropdown dropleft">
                           <a href="#" role="button" id="todo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                           <span data-feather="more-horizontal"></span>
                           </a>
                           <div class="dropdown-menu" aria-labelledby="todo">
                              <a class="dropdown-item" href="#">Action</a>
                              <a class="dropdown-item" href="#">Another action</a>
                              <a class="dropdown-item" href="#">Something else here</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="card-body p-0">
                     <div class="tab-content">
                        <div class="tab-pane fade active show" id="t_deals-today" role="tabpanel" aria-labelledby="t_deals-today-tab">
                           <div class="deals-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <tbody>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Ahmad Musa
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/2.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      John Mark
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/3.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      David Miller
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/4.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Chris Lein
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Robert Philips
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_deals-week" role="tabpanel" aria-labelledby="t_deals-week-tab">
                           <div class="deals-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <tbody>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Ahmad Musa
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/2.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      John Mark
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/3.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      David Miller
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/4.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Chris Lein
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Robert Philips
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_deals-month" role="tabpanel" aria-labelledby="t_deals-month-tab">
                           <div class="deals-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <tbody>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Ahmad Musa
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/2.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      John Mark
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/3.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      David Miller
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/4.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Chris Lein
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Robert Philips
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                        <div class="tab-pane fade" id="t_deals-year" role="tabpanel" aria-labelledby="t_deals-year-tab">
                           <div class="deals-table-wrap">
                              <div class="table-responsive">
                                 <table class="table table--default">
                                    <tbody>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Ahmad Musa
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/2.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      John Mark
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/3.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      David Miller
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/4.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Chris Lein
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                       <tr>
                                          <td>
                                             <div class="table-selling-content">
                                                <img src="{{ asset('img/author/1.jpg') }}" alt="img">
                                                <div>
                                                   <div class="title">
                                                      Robert Philips
                                                   </div>
                                                   <span>20 June 2020</span>
                                                </div>
                                             </div>
                                          </td>
                                          <td>$38,536.00</td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- ends: .row -->
      </div>
   </div>
</div>
@endsection