@extends('admin.default')
@section('title', 'Admin | Dashboard')
@section('content')
@php
$permissions= getPermissions();
@endphp	
<!-- <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
  <div>
    <h4 class="mb-3 mb-md-0">Welcome to Dashboard</h4>
  </div>
  <div class="d-flex align-items-center flex-wrap text-nowrap">
    <div class="input-group date datepicker dashboard-date mr-2 mb-2 mb-md-0 d-md-none d-xl-flex" id="dashboardDate">
      <span class="input-group-addon bg-transparent"><i data-feather="calendar" class=" text-primary"></i></span>
      <input type="text" class="form-control">
    </div>
    <button type="button" class="btn btn-outline-info btn-icon-text mr-2 d-none d-md-block">
      <i class="btn-icon-prepend" data-feather="download"></i>
      Import
    </button>
    <button type="button" class="btn btn-outline-primary btn-icon-text mr-2 mb-2 mb-md-0">
      <i class="btn-icon-prepend" data-feather="printer"></i>
      Print
    </button>
    <button type="button" class="btn btn-primary btn-icon-text mb-2 mb-md-0">
      <i class="btn-icon-prepend" data-feather="download-cloud"></i>
      Download Report
    </button>
  </div>
</div> -->

<div class="row">
  <div class="col-12 col-xl-12 stretch-card">
    <div class="row flex-grow">
      <div class="col-md-4 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between align-items-baseline">
              <h6 class="card-title mb-0">Private User Accounts</h6>
            </div>
            <div class="row">
              <div class="col-6 col-md-12 col-xl-5">
                <h3 class="mb-2">{{number_format($data['count']['customer'])}}</h3>
                
              </div>
              <div class="col-6 col-md-12 col-xl-7 h6">
              <div class="d-flex align-items-baseline">
                  <p class="text-success">
                    <span>Active: {{number_format($data['count']['activeCustomer'])}}</span>
                    <i data-feather="check" class="icon-sm mb-1"></i>
                  </p>
                </div>
                <div class="d-flex align-items-baseline">
                  <p class="text-warning">
                    <span>Other: {{number_format($data['count']['otherCustomer'])}}</span>
                    <i data-feather="check" class="icon-sm mb-1"></i>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-4 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between align-items-baseline">
              <h6 class="card-title mb-0">Dealer Accounts</h6>
            </div>
            <div class="row">
              <div class="col-6 col-md-12 col-xl-5">
                <h3 class="mb-2">{{number_format($data['count']['dealer'])}}</h3>
                
              </div>
              <div class="col-6 col-md-12 col-xl-7 h6">
              <div class="d-flex align-items-baseline">
                  <p class="text-success">
                    <span>Active: {{number_format($data['count']['activeDealer'])}}</span>
                    <i data-feather="check" class="icon-sm mb-1"></i>
                  </p>
                </div>
                <div class="d-flex align-items-baseline">
                  <p class="text-warning">
                    <span>Other: {{number_format($data['count']['otherDealer'])}}</span>
                    <i data-feather="check" class="icon-sm mb-1"></i>
                  </p>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-4 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between align-items-baseline">
              <h6 class="card-title mb-0">Vehicles</h6>
            </div>
            <div class="row">
            <div class="col-6 col-md-12 col-xl-5">
                <h3 class="mb-2">{{number_format($data['count']['activeVehicles'])}}</h3>
                
              </div>
              <div class="col-6 col-md-12 col-xl-7 h6">
                <!-- <p>Total Impressions: {{$data['count']['vehicleImpressions']}}</p>
                <p>Total Clicks: {{$data['count']['vehicleClicks']}}</p> -->
                <p>Total Enquires: {{number_format($data['count']['vehicleEnquiry'])}}</p>
                <div class="d-flex align-items-baseline">
                  <p class="text-success">
                    <span>Sold: {{number_format($data['count']['soldVehicles'])}}</span>
                    <i data-feather="check" class="icon-sm mb-1"></i>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> 

<div class="row">
  <div class="col-md-6">
    <div id="crypto-widget-CoinList" 
          data-design="classic" 
          data-coins="bitcoin,ethereum,bitcoin-cash,litecoin,dogecoin,cardano,tether,bnb,nano"
          style="width:100%"></div>
  </div>
  <div class="col-md-6 grid-margin stretch-card">
      <div class="card">
          <div class="card-body">
              <h6 class="card-title"><a href="{{route('enquires','vehicleEnquiry')}}">Vehicle Enquires </a></h6>
              <div class="table-responsive">
              <table class="table">
                  <thead>
                      <tr>
                          <th>Name</th>
                          <th>Contact No.</th>
                          <th>Date</th>
                          @if(
                            isset($permissions) && isset($permissions['dashboard_view_button']) && $permissions['dashboard_view_button']==1 ||
                            isset($permissions) && isset($permissions['dashboard_edit_button']) && $permissions['dashboard_edit_button']==1 )
                            <th>Action</th>
                          @endif
                      </tr>
                  </thead>
                  <tbody> 
                  @foreach($data['enquiry'] as $value)
                  <tr>
                      <td>{{$value->name}}</td>
                      <td>{{formatPhoneNumber($value->contact_number)}}</td>
                      <td>{{date("d M, Y", strtotime($value->created_at))}}</td>
                      <td class="action-refrence">
                        @if($value->viewed == 'yes')
                          @if(isset($permissions) && isset($permissions['dashboard_view_button']) && $permissions['dashboard_view_button']==1)
                            <a href="{{route('enquiryDetail', $value->id)}}" class="btn btn-sm btn-primary">View</a>
                          @endif
                        @else
                          @if(isset($permissions) && isset($permissions['dashboard_edit_button']) && $permissions['dashboard_edit_button']==1) 
                            <a href="{{route('enquiryDetail', $value->id)}}" class="btn btn-sm btn-warning">Read</a>
                          @endif
                        @endif
                      </td>
                  </tr>
                  @endforeach
                  </tbody>
              </table>
              </div>
          </div>
      </div>
    </div>
</div>
                                
<!-- row -->

<!-- <div class="row">
  <div class="col-12 col-xl-12 grid-margin stretch-card">
    <div class="card overflow-hidden">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-baseline mb-4 mb-md-3">
          <h6 class="card-title mb-0">Revenue</h6>
          <div class="dropdown">
            <button class="btn p-0" type="button" id="dropdownMenuButton3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
            </button>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton3">
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="eye" class="icon-sm mr-2"></i> <span class="">View</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="edit-2" class="icon-sm mr-2"></i> <span class="">Edit</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="trash" class="icon-sm mr-2"></i> <span class="">Delete</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="printer" class="icon-sm mr-2"></i> <span class="">Print</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="download" class="icon-sm mr-2"></i> <span class="">Download</span></a>
            </div>
          </div>
        </div>
        <div class="row align-items-start mb-2">
          <div class="col-md-7">
            <p class="text-muted tx-13 mb-3 mb-md-0">Revenue is the income that a business has from its normal business activities, usually from the sale of goods and services to customers.</p>
          </div>
          <div class="col-md-5 d-flex justify-content-md-end">
            <div class="btn-group mb-3 mb-md-0" role="group" aria-label="Basic example">
              <button type="button" class="btn btn-outline-primary">Today</button>
              <button type="button" class="btn btn-outline-primary d-none d-md-block">Week</button>
              <button type="button" class="btn btn-primary">Month</button>
              <button type="button" class="btn btn-outline-primary">Year</button>
            </div>
          </div>
        </div>
        <div class="flot-wrapper">
          <div id="flotChart1" class="flot-chart"></div>
        </div>
      </div>
    </div>
  </div>
</div>  -->
<!-- row -->

<!-- <div class="row">
  <div class="col-lg-7 col-xl-8 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-baseline mb-2">
          <h6 class="card-title mb-0">Monthly sales</h6>
          <div class="dropdown mb-2">
            <button class="btn p-0" type="button" id="dropdownMenuButton4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
            </button>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton4">
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="eye" class="icon-sm mr-2"></i> <span class="">View</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="edit-2" class="icon-sm mr-2"></i> <span class="">Edit</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="trash" class="icon-sm mr-2"></i> <span class="">Delete</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="printer" class="icon-sm mr-2"></i> <span class="">Print</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="download" class="icon-sm mr-2"></i> <span class="">Download</span></a>
            </div>
          </div>
        </div>
        <p class="text-muted mb-4">Sales are activities related to selling or the number of goods or services sold in a given time period.</p>
        <div class="monthly-sales-chart-wrapper">
          <canvas id="monthly-sales-chart"></canvas>
        </div>
      </div> 
    </div>
  </div>
  <div class="col-lg-5 col-xl-4 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-baseline mb-2">
          <h6 class="card-title mb-0">Cloud storage</h6>
          <div class="dropdown mb-2">
            <button class="btn p-0" type="button" id="dropdownMenuButton5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
            </button>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton5">
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="eye" class="icon-sm mr-2"></i> <span class="">View</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="edit-2" class="icon-sm mr-2"></i> <span class="">Edit</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="trash" class="icon-sm mr-2"></i> <span class="">Delete</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="printer" class="icon-sm mr-2"></i> <span class="">Print</span></a>
              <a class="dropdown-item d-flex align-items-center" href="#"><i data-feather="download" class="icon-sm mr-2"></i> <span class="">Download</span></a>
            </div>
          </div>
        </div>
        <div id="progressbar1" class="mx-auto"></div>
        <div class="row mt-4 mb-3">
          <div class="col-6 d-flex justify-content-end">
            <div>
              <label class="d-flex align-items-center justify-content-end tx-10 text-uppercase font-weight-medium">Total storage <span class="p-1 ml-1 rounded-circle bg-primary-muted"></span></label>
              <h5 class="font-weight-bold mb-0 text-right">8TB</h5>
            </div>
          </div>
          <div class="col-6">
            <div>
              <label class="d-flex align-items-center tx-10 text-uppercase font-weight-medium"><span class="p-1 mr-1 rounded-circle bg-primary"></span> Used storage</label>
              <h5 class="font-weight-bold mb-0">6TB</h5>
            </div>
          </div>
        </div>
        <button class="btn btn-primary btn-block">Upgrade storage</button>
      </div>
    </div>
  </div>
</div>  -->
<!-- row -->

@stop