@extends('crm.layouts.app')

@section('styles')
  <link rel="stylesheet" href="{{asset('theme/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{asset('theme/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
  <style>
    .info-box{
      min-height: 0px;
      padding: 0px;
    }
  </style>
@endsection

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-2">
            <div class="info-box">
              <span class="info-box-icon bg-info elevation-1">
                <i class="fas fa-xs fa-funnel-dollar "></i>
              </span> 
              <div class="info-box-content">
                <span class="info-box-text">Total Products</span> 
                <span class="info-box-number">{{@$total_products ?? '0'}}</span>
              </div>
            </div>
          </div>
          <div class="col-md-2">
            <div class="info-box">
              <span class="info-box-icon bg-info elevation-1">
                <i class="fas fa-xs fa-funnel-dollar"></i>
              </span> 
              <div class="info-box-content">
                <span class="info-box-text">Total Sales</span> 
                <span class="info-box-number">{{@$total_sale ?? '0'}}</span>
              </div>
            </div>
          </div>
          <div class="col-md-2">
            <div class="info-box">
              <span class="info-box-icon bg-info elevation-1">
                <i class="fas fa-xs fa-funnel-dollar"></i>
              </span> 
              <div class="info-box-content">
                <span class="info-box-text"><b>{{ Carbon\Carbon::now()->format('M') }}</b> sales</span> 
                <span class="info-box-number">{{@$current_month_sale ?? '0'}}</span>
              </div>
            </div>
          </div>
          <div class="col-md-2">
            <div class="info-box">
              <span class="info-box-icon bg-info elevation-1">
                <i class="fas fa-xs fa-funnel-dollar"></i>
              </span> 
              <div class="info-box-content">
                <span class="info-box-text"><b>{{ Carbon\Carbon::now()->subMonth()->format('M') }}</b> sales</span> 
                <span class="info-box-number">{{@$last_month_sale ?? '0'}}</span>
              </div>
            </div>
          </div>
          <div class="col-md-2">
            <div class="info-box">
              <span class="info-box-icon bg-info elevation-1">
                <i class="fas fa-xs fa-funnel-dollar"></i>
              </span> 
              <div class="info-box-content">
                <span class="info-box-text">Unique Cust.</span> 
                <span class="info-box-number">{{@$distinct_customers ?? '0'}}</span>
              </div>
            </div>
          </div>

        </div> 
        <div class="row">
          <div class="col-md-12">
            <div class="card card-secondary">
                <div class="card-header">
                  <h3 class="card-title">{{__('Manage Products')}}</h3>
                  
                  <a type="button" class="btn btn-sm btn-primary float-right" href="{{url('product/create')}}">{{__('New Product')}} </a>
                  <a type="button" class="btn btn-sm btn-info float-right mr-2" href="{{url('product/import')}}">
                    <i class="fas fa-xs fa-cloud-upload-alt mr-1"></i>
                    {{__('Import Bulk Products')}}
                  </a>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                  <div class="table-responsive">
                  <table id="productsTable" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                      <th>{{__('ID')}}</th>
                      <th>{{__('SKU')}}</th>
                      <th>{{__('Name')}}</th>
                      <th>{{__('Price')}} ({{__('in')}} {{@$base_currency->name}})</th>
                      {{-- <th>{{__('Discount')}} ({{__('in')}} {{@$base_currency->name}})</th> --}}
                      <th>{{__('Units in Stock')}}</th>
                      <th>{{__('Units Sold')}}</th>
                      <th>{{__('Group')}}</th>
                      <th width="20%">{{__('Actions')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                       
                    </tbody>
                    
                  </table>
                </div>
                </div>
                <!-- /.card-body -->
              </div>


          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
  </div>

@endsection

@section('scripts')
@include('crm.product.index_js')
@endsection