@extends('user-layouts.user_template')
@section('content')
    <div class="content-wrapper" style="min-height: 916px;">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Dashboard
                <small>Control panel</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                <li class="active">Dashboard</li>
            </ol>
        </section>

        <!-- Main content -->
        
        <section class="content">
            @if(Auth::user()->email_is_verified == "0")
                <div class="alert alert-warning alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h4><i class="icon fa fa-check"></i> To do!</h4>
                    Please verify your Email Address. <a href="{{ url('user/email-verify') }}">Click here</a>
                </div>
            @endif

            @if ($data['isStoreOwner'])
              <div class="row">
                <div class="col-lg-3 col-xs-6">
                  <!-- small box -->
                  <div class="small-box bg-aqua">
                    <div class="inner">
                      <h3>{{ $data['store_order'] or 0 }}</h3>
                      <p>Total Item Ordered</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-bag"></i>
                    </div>
                    <a href="./user/store-orders" 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>{{ number_format($data['store_income'], 2) }}</h3>
        
                      <p>Store Income</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-cash"></i>
                    </div>
                    <a href="#" 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-yellow">
                    <div class="inner">
                        <h3>{{ $data['store_product_count'] or 0 }}</h3>
        
                      <p>Total Products</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-ios-pricetags"></i>
                    </div>
                    <a href="#" 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>{{ $data['store_published_product'] or 0 }}</h3>
        
                      <p>Total Published Product</p>
                    </div>
                    <div class="icon">
                      <i class="ion ion-ios-pricetags-outline"></i>
                    </div>
                    <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                  </div>
                </div>
                <!-- ./col -->
              </div>
              {{-- <div class="row">
                <div class="col-lg-12">
                  <div class="box box-primary">
                    <div class="box-header with-border">
                      <h3 class="box-title">Total Sales</h3>
                      <div class="box-tools">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                      </div>
                    </div>
                   <div class="box-body">
                      <div class="well">
                        <div class="form-group col-md-3">
                            <label class="control-label">Select Year: <span class="required">*</span></label>
                            <select type="text"  class="form-control" placeholder="Select Select Year">
                              <option value="2020">2020</option>
                              <option value="2019">2019</option>
                              
                            </select>
                        </div>
                        <div class="form-group col-md-3">
                            <label class="control-label">Select Month <span class="required">*</span></label>
                            <select class="form-control" placeholder="Select Date">
                              <option value="">January</option>
                              <option value="">February</option>
                              <option value="">March</option>
                              <option value="">April</option>
                              <option value="">May</option>
                              <option value="">June</option>
                              <option value="">July</option>
                              <option value="">August</option>
                              <option value="">September</option>
                              <option value="">October</option>
                              <option value="">November</option>
                              <option value="">December</option>
                            </select>
                        </div>
                      <div class="clearfix"></div>
                      </div>
                      <div class="chart">
                        <canvas id="myChart" style="height:350px"></canvas>
                      </div>
                    </div>
                    <!-- /.box-body -->
                  </div>
                </div>
              </div> --}}
              
            @else
                <div class="text-center" id="homepage-logo">
                    <img src="{{asset('/public/images/merchbay-black.png')}}" style="width: 50%" class="img img-responsive" />
                </div>
            @endif
        </section>
    <!-- /.content -->
    </div>
@endsection