@extends("admin/layouts.master-soyuz")
@section('title','Admin Dashboard | ')
@section('stylesheet')
<link rel="stylesheet" href="{{url('admin_lt/plugins/jvectormap/jquery-jvectormap-1.2.2.css')}}">
@endsection
@section('title','Admin Dashboard |')
@section("body")
@can('dashboard.states')
<div class="box">

  <div class="box-header with-border">

    <h3 class="box-title"><span class="lnr lnr-laptop"></span> Dashboard</h3>

  </div>

  <div class="box-body">



    <div class="db row">

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-aqua">
          <div class="inner">
            <h3>{{$user}}</h3>

            <p>Total Users</p>
          </div>

          <div class="icon">
            <i class="ion ion-person-add"></i>
          </div>
          <a href="{{route('users.index')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>
      <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-green">
          <div class="inner">
            <h3>{{$order}}<sup class="font-size-20"></sup></h3>

            <p>Total Orders</p>
          </div>
          <div class="icon">
            <i class="fa fa-area-chart" aria-hidden="true"></i>

          </div>
          <a href="{{url('admin/order')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-purple">
          <div class="inner">
            <h3>{{ $totalcancelorder }}<sup class="font-size-20"></sup></h3>

            <p>Total Cancelled Orders</p>
          </div>
          <div class="icon">
            <i class="fa fa-cart-arrow-down" aria-hidden="true"></i>

          </div>
          <a href="{{url('admin/ord/canceled')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-yellow">
          <div class="inner">
            <h3>{{ $totalproducts }}</h3>
            <p>Total Products</p>
          </div>

          <div class="icon">
            <i class="fa fa-shopping-basket" aria-hidden="true"></i>
          </div>


          <a href="{{url('admin/products')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>
      <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-red">
          <div class="inner">
            <h3>{{$store}}</h3>

            <p>Total Stores</p>
          </div>
          <div class="icon">
            <i class="fa fa-home" aria-hidden="true"></i>
          </div>
          <a href="{{url('admin/stores')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-yellow">
          <div class="inner">
            <h3>{{$category}}</h3>

            <p>Total Categories</p>
          </div>
          <div class="icon">
            <i class="ion ion-pie-graph"></i>
          </div>
          <a href="{{url('admin/category')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-blue">
          <div class="inner">
            <h3>{{$coupan}}</h3>

            <p>Total Coupons</p>
          </div>
          <div class="icon">
            <i class="fa fa-money" aria-hidden="true"></i>
          </div>
          <a href="{{url('admin/coupan')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-purple">
          <div class="inner">
            <h3>{{$faqs}}</h3>

            <p>Total FAQ's</p>
          </div>
          <div class="icon">

            <i class="fa fa-question-circle-o" aria-hidden="true"></i>


          </div>
          <a href="{{url('admin/faq')}}" class="small-box-footer">
            More info <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      @if($genrals_settings->vendor_enable == 1)
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-olive">
          <div class="inner">
            <h3>{{ $pending_payout }}</h3>

            <p>Pending Payouts</p>
          </div>
          <div class="icon">

            <i class="fa fa-dollar" aria-hidden="true"></i>


          </div>
          <a href="{{ route('seller.payouts.index') }}" class="small-box-footer">
            See all <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-orange">
          <div class="inner">
            <h3>{{ $totalsellers }}</h3>

            <p>Total sellers (active)</p>
          </div>
          <div class="icon">

            <i class="fa fa-users" aria-hidden="true"></i>


          </div>
          <a href="{{ route('users.index',['filter' => 'sellers']) }}" class="small-box-footer">
            See all <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      @endif

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-maroon">
          <div class="inner">
            <h3>{{ $total_testinonials }}</h3>

            <p>Total Testimonials (active)</p>
          </div>
          <div class="icon">
            <i class="fa fa-sign-language" aria-hidden="true"></i>

          </div>
          <a href="{{ route('testimonial.index') }}" class="small-box-footer">
            See all <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-green">
          <div class="inner">
            <h3>{{ $total_specialoffer }}</h3>

            <p>Total Special offers (active)</p>
          </div>
          <div class="icon">
            <i class="fa fa-bolt" aria-hidden="true"></i>
          </div>
          <a href="{{ route('special.index') }}" class="small-box-footer">
            See all <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-teal">
          <div class="inner">
            <h3>{{ $total_hotdeals }}</h3>

            <p>Total Hotdeals (active)</p>
          </div>
          <div class="icon">
            <i class="fa fa-fire" aria-hidden="true"></i>


          </div>
          <a href="{{ route('hotdeal.index') }}" class="small-box-footer">
            See all <i class="fa fa-arrow-circle-right"></i>
          </a>
        </div>
      </div>



    </div>

    <div class="z-index99">

      {!! $orderchart->container() !!}

    </div>

    <div class="row">
      <div class="col-md-6">
        <div class="box box-solid" style="background: #4d96da !important">
          <div class="box-header">
  
  
            <i class="text-white fa fa-map-marker"></i>
            <h3 class="text-white box-title">
              Visitors
            </h3>
          </div>
          <div class="box-body">
            <div id="world-map" style="height: 350px; width: 100%;"></div>
          </div>
  
        </div>
      </div>

      <div class="col-md-6">
        {!! $userchart->container() !!}
      </div>

    </div>


    @if($dashsetting->lat_ord ==1)

    <div class="box box-solid">
      <div class="box-header with-border">

        <h4 class="box-title"><span class="ltorder lnr lnr-star"></span> Latest Orders</h4>

        <div class="box-tools pull-right">
          <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
          </button>
        </div>

      </div>

      <div class="ltorderbox box-body">
        <table class="table table-borderd table-responsive">
          <thead>
            <tr>
              <th>#</th>
              <th>Order ID</th>
              <th>Customer name</th>
              <th>Total Qty</th>
              <th>Total Price</th>
              <th>Order Date</th>
            </tr>
          </thead>

          <tbody>
            @forelse($latestorders as $key=> $order)

            <tr>
              <td>{{$key+1}}</td>
              <td><a title="View order"
                  href="{{ route('show.order',$order->order_id) }}">#{{ $inv_cus->order_prefix.$order->order_id }}</a>
              </td>
              <td>{{ $order->user->name }}</td>
              <td>{{ $order->qty_total }}</td>
              <td><i class="{{ $order->paid_in }}"></i>{{ $order->order_total }}</td>
              <td>{{ date('d-M-Y',strtotime($order->created_at)) }}</td>

            </tr>
            @empty
              <tr>
                <td colspan="6">
                  {{  __("No orders found !") }}
                </td>
              </tr>
            @endforelse
          </tbody>
        </table>



      </div>
      @if(count($latestorders))
        <div align="center" class="box-footer">
          <a class="link-text" href="{{ url('admin/order') }}"><i class="fa fa-eye"></i> View All Orders</a>
        </div>
      @endif

    </div>

    @endif

    @if($genrals_settings->vendor_enable == 1)
    @if($dashsetting->rct_str==1)

    <div class="box box-solid">
      <div class="box-header with-border">
        <h4 class="box-title"><span class="lnr lnr-store"></span> Recent Store Requests</h4>
        <div class="box-tools pull-right">
          <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
          </button>
        </div>
      </div>

      <div class="ltorderbox box-body">
        <table class="table table-borderd table-responsive">
          <thead>
            <tr>
              <th>#</th>
              <th>Store Name</th>
              <th>Buisness Email</th>
              <th>Request By</th>
            </tr>
          </thead>

          <tbody>

            @forelse($storerequest as $key => $store)
            <tr>
              <td>{{$key + 1}}</td>
              <td>{{ $store->name }}</td>
              <td>{{ $store->email }}</td>
              <td>{{ $store->owner }}</td>
            </tr>
            @empty
              <tr>
                <td align="center" colspan="4">
                  <b>{{ __("No store request yet !") }}</b>
                </td>
              </tr>
            @endforelse
          </tbody>
        </table>

      </div>
      @if(count($storerequest))
        <div align="center" class="box-footer">
          <a class="link-text" href="{{ url('admin/appliedform') }}"><i class="fa fa-eye"></i> View All Store
            Request</a>
        </div>
      @endif
    </div>

    @endif
    @endif


    <!-- Social States -->
    @if($dashsetting->fb_wid ==1 || $dashsetting->tw_wid==1 || $dashsetting->insta_wid==1)
    <div class="box box-solid">
      <div class="box-header with-border">

        <h3><span class="lnr lnr-chart-bars"></span> Social States</h3>

      </div>

      <div class="margin-top-30 sst container-fluid">
        @php
        $connected = @fsockopen("www.facebook.com", 80);
        @endphp
        <div class="row">
          @if($dashsetting->fb_wid ==1)
          <div class="col-md-4 col-lg-4">
            <div class="info-box">
              <span class="info-box-icon bg-blue"><i class="fa fa-facebook"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Page Likes</span>

                @if($dashsetting->fb_page_id != '' || $dashsetting->fb_page_token != '')

                @if($connected)
                @php

                $fb_page = "'".$dashsetting->fb_page_id."'";
                $access_token = "'".$dashsetting->fb_page_token."'";
                $url = 'https://graph.facebook.com/v3.2/'.$fb_page.'?fields=fan_count&access_token='.$access_token;
                $curl = curl_init($url);
                curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
                curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
                $result = curl_exec($curl);

                curl_close($curl);
                if($result) { // if valid json object
                $result = json_decode($result); // decode json object
                if(isset($result->fan_count)) { // get likes from the json object

                echo '<span class="info-box-number">'.$result->fan_count.'</span>';
                }
                }
                else{
                echo 'Page is not a valid FB Page';
                }
                @endphp

                @else
                <p><b>Connection Problem !</b></p>
                @endif
                @else
                <p><b>Set up your facebook page key in Admin Dashboard Setting !</b></p>
                @endif

              </div>
              <!-- /.info-box-content -->
            </div>
          </div>
          @endif

          @if($dashsetting->tw_wid==1)
          <div class="col-md-4 col-lg-4">
            <div class="info-box">
              <span class="info-box-icon bg-tw"><i class="text-white fa fa-twitter"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Followers</span>
                @if($dashsetting->tw_username != '')

                @if($connected)
                <span class="info-box-number"></span>                @else
                <p><b>Connection Problem !</b></p>
                @endif
                @else
                <p><b>Set up Twitter username in Admin Dashboard Setting !</b></p>
                @endif

              </div>
              <!-- /.info-box-content -->
            </div>
          </div>
          @endif

          @if($dashsetting->insta_wid==1)

          <div class="col-md-4 col-lg-4">
            <div class="info-box">
              <span class="info-box-icon bg-insta"><i class="text-white fa fa-instagram"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">Followers</span>

                @if($dashsetting->inst_username !='')

                @if($connected)
                <span class="info-box-number"></span>                @else
                <p><b>Connection Problem !</b></p>
                @endif
                @else
                <p><b>Set up Instagram username in <br>Admin Dashboard Setting !</b></p>
                @endif

              </div>
              <!-- /.info-box-content -->
            </div>
          </div>

          @endif
        </div>



      </div>
    </div>
    @endif
    <!-- Social States End -->
    <hr>
    <div class="row">



      @if($dashsetting->rct_pro ==1)
      <div class="col-md-4">
        <div class="box box-solid">
          <div class="box-header with-border">
            <h3 class="box-title"><span class="lnr lnr-pushpin"></span> Recently Added Products</h3>

            <div class="box-tools pull-right">
              <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
              </button>

            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body height335 overflow-y-scroll">
            <ul class="products-list product-list-in-box">


              @foreach($products as $pro)
              

                <li class="item">
                  <div class="product-img">
                    
                    <center>
                    

                        <img class="pro-img2"
                        src="{{ $pro['thumbnail'] }}" title="{{ $pro['productname'] }}">
 
                    </center>
                   
                  </div>
                  <div class="product-info">
                    <a href="{{ $pro['producturl'] }}" class="product-title">{{ $pro['productname'] }}
                      <span class="label label-success pull-right">
                        {{ $pro['price_in'] }} {{ $pro['price'] }}  
                      </span></a>
                    <span class="product-description">
                      {{ substr($pro['detail'],0,50)}}{{strlen($pro['detail'])>50 ? "..." : "" }}
                    </span>
                  </div>
                </li>

               
                @endforeach
                <!-- /.item -->
            </ul>
          </div>

          <!-- /.box-body -->
          <div class="box-footer text-center">
            <a href="{{ url('admin/products') }}" class="link-text uppercase"><i class="fa fa-eye"></i> View All
              Products</a>
          </div>
          <!-- /.box-footer -->
        </div>
      </div>
      @endif

      @if($dashsetting->rct_cust ==1)
      <div class="col-md-4">
        <div class="box box-solid">
          <div class="box-header with-border">
            <h4 class="box-title"><span class="lnr lnr-users"></span> Recent Users</h4>
            <div class="box-tools pull-right">
              <span class="label label-success">{{ $registerTodayUsers }} members today</span>
              <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
              </button>
            </div>
          </div>

          <div class="pbox box-body">



            <ul class="users-list clearfix">
              @foreach($users =
              App\User::where('role_id','!=','a')->orderBy('id','DESC')->take($dashsetting->max_item_cust)->get() as
              $user)
              <li>
                @if($user->image !="" && file_exists(public_path().'/images/user/'.$user->image))
                <img src="{{ url('images/user/'.$user->image)  }}" alt="">
                @else
                <img src="{{ Avatar::create($user->name)->tobase64() }}" alt="">
                @endif

                <a class="users-list-name" href="#">{{ $user->name }}</a>
                <span class="users-list-date">{{ date('Y-m-d',strtotime($user->created_at)) }}</span>
              </li>
              @endforeach

            </ul>



          </div>

          <div align="center" class="box-footer">
            <a class="link-text" href="{{ route('users.index',['filter' => 'customer']) }}"><i class="fa fa-user"></i> View All Users</a>
          </div>

        </div>
      </div>
      @endif

      <div class="col-md-4">
        <div class="box box-solid">
          <div class="box-body">
            {!! $piechart->container() !!}
          </div>
        </div>
      </div>


    </div>


    <!-- footer content -->
  </div>
</div>
@else 
<div class="info-box">
  <span class="info-box-icon {{ $time < 19 ? "bg-orange" : "bg-purple" }}">
    @if($time < "19")
    <i class="fa fa-sun-o"></i>
    @else 
      <i class="fa fa-moon-o"></i>
    @endif
  </span>

  <div class="info-box-content">
    <span class="info-box-text">{{ $day }} ! {{ auth()->user()->name }}</span>
    <span class="info-box-number">
      {{ $quote }}
    </span>
  </div>
  <!-- /.info-box-content -->
</div>
@endcan


@endsection
@section('custom-script')
<script src="{{ url('front/vendor/js/Chart.min.js') }}" charset="utf-8"></script>
<script src="{{ url('front/vendor/js/highcharts.js') }}" charset="utf-8"></script>
<!-- jvectormap -->
<script src="{{ url('admin_lt/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') }}"></script>
<script src="{{ url('admin_lt/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
<script>
  $(function () {


    $.ajax({
      method: "GET",
      url: '{{ route("get.visitor.data") }}',
      success: function (response) {
        console.log(response);

        $('#world-map').vectorMap({
          map: 'world_mill_en',
          backgroundColor: 'transparent',
          regionStyle: {
            initial: {
              fill: '#e4e4e4',
              'fill-opacity': 1,
              stroke: 'none',
              'stroke-width': 0,
              'stroke-opacity': 1
            }
          },
          series: {
            regions: [{
              values: response,
              scale: ['#f9b9be', '#fbdca2','#6fdca4'],
              normalizeFunction: 'polynomial'
            }]
          },
          onRegionLabelShow: function (e, el, code) {
            if (typeof response[code] != 'undefined') {
              el.html(el.html() + ': ' + response[code] + ' visitors');
            } else {
              el.html(el.html() + ': ' + '0' + ' visitors');
            }

          }
        });

      },
      error: function (err) {
        console.log('Error:' + err);
      }
    });


  });
</script>
{!! $userchart->script() !!}
{!! $piechart->script() !!}
{!! $orderchart->script() !!}
@endsection