@extends('layouts.app')
@section('title', __('superadmin::lang.superadmin') . ' | ' . __('superadmin::lang.packages'))

@section('content')
	@include('superadmin::layouts.nav')
	<section class="content-header content-header-custom">
		<h1>
			@lang('superadmin::lang.welcome_superadmin'), <span class="wave">👋🏻</span>
		</h1>
	</section>

	<section class="content no-print">
		
		@include('superadmin::layouts.partials.currency')

		<div class="row mt-60 mt-sm-90">
			<div class="col-md-12 col-xs-12 mt-sm-30">
				<div class="btn-group pull-right" data-toggle="buttons">
					<label class="btn btn-dark text-white bd-rd active">
	    			<input type="radio" name="date-filter"
	    				data-start="{{ date('Y-m-d') }}" 
	    				data-end="{{ date('Y-m-d') }}"
	    				checked> {{ __('home.today') }}
	  			</label>
  				<label class="btn btn-dark text-white bd-rd">
    				<input type="radio" name="date-filter"
    				data-start="{{ $date_filters['this_week']['start']}}" 
    				data-end="{{ $date_filters['this_week']['end']}}"
    				> {{ __('home.this_week') }}
  				</label>
  				<label class="btn btn-dark text-white bd-rd">
    				<input type="radio" name="date-filter"
    				data-start="{{ $date_filters['this_month']['start']}}" 
    				data-end="{{ $date_filters['this_month']['end']}}"
    				> {{ __('home.this_month') }}
  				</label>
  				<label class="btn btn-dark text-white bd-rd">
    				<input type="radio" name="date-filter" 
    				data-start="{{ $date_filters['this_yr']['start']}}" 
    				data-end="{{ $date_filters['this_yr']['end']}}" 
    				> {{ __('superadmin::lang.this_year') }}
  				</label>
	      </div>
			</div>
		</div>
		<div class="pad-15">
	    <div class="row mt-20">
	      <div class="col-lg-12 mt-20">
	        <div class="row">
	          <div class="col-lg-4 col-md-4 col-xs-12">
	            <div class="card card-b-shadow border-radius-lg mb-20">
	              <div class="card-body p-3">
	                <div class="row pad-15 mt-20">
	                  <div class="col-md-9 col-xs-9">
	                    <div class="numbers">
	                      <p class="text-sm mb-0 text-uppercase font-weight-bold">@lang('superadmin::lang.new_subscriptions')</p>
	                      <h2 class="font-weight-bolder new_subscriptions">
	                      $0.000                     
	                      </h2>
	                      <p class="mb-0">
	                       <a href="{{action([\Modules\Superadmin\Http\Controllers\SuperadminSubscriptionsController::class, 'index'])}}" class="text-primary icon-move-right">@lang('superadmin::lang.more_info')
						          <i class="fas fa-arrow-right text-xs ms-1" aria-hidden="true"></i>
						        </a>
	                      </p>
	                    </div>
	                  </div>
	                  <div class="col-md-3 col-xs-3 text-end">
	                    <div class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
	                      <i class="fa fas fa-user-tie text-lg opacity-10" aria-hidden="true"></i>
	                    </div>
	                  </div>
	                </div>
	              </div>
	            </div>
	          </div>
	          <div class="col-lg-4 col-md-4 col-xs-12">
	            <div class="card card-b-shadow border-radius-lg mb-20">
	              <div class="card-body p-3">
	                <div class="row pad-15 mt-20">
	                  <div class="col-md-9 col-xs-9">
	                    <div class="numbers">
	                      <p class="text-sm mb-0 text-uppercase font-weight-bold">@lang('superadmin::lang.new_registrations')</p>
	                      <h2 class="font-weight-bolder new_registrations">
	                          0
	                      </h2>
	                      <p class="mb-0">
	                        <a href="{{action([\Modules\Superadmin\Http\Controllers\BusinessController::class, 'index'])}}" class="text-primary icon-move-right">@lang('superadmin::lang.more_info')
						          <i class="fas fa-arrow-right text-xs ms-1" aria-hidden="true"></i>
						        </a>
	                      </p>
	                    </div>
	                  </div>
	                  <div class="col-md-3 col-xs-3 text-end">
	                    <div class="icon icon-shape bg-gradient-success shadow-danger text-center rounded-circle">
	                      <i class="fas fa-registered fa-fw text-lg opacity-10" aria-hidden="true"></i>
	                    </div>
	                  </div>
	                </div>
	              </div>
	            </div>
	          </div>
	          <div class="col-lg-4 col-md-4 col-xs-12">
	            <div class="card card-b-shadow border-radius-lg mb-20">
	              <div class="card-body p-3">
	                <div class="row pad-15 mt-20">
	                  <div class="col-md-9 col-xs-9">
	                    <div class="numbers">
	                      <p class="text-sm mb-0 text-uppercase font-weight-bold">@lang('superadmin::lang.not_subscribed')</p>
	                      <h2 class="font-weight-bolder">
	                        {{$not_subscribed}}
	                      </h2>
	                      <p class="mb-0">
	                        <a href="{{action([\Modules\Superadmin\Http\Controllers\BusinessController::class, 'index'])}}" class="text-primary icon-move-right">@lang('superadmin::lang.more_info')
						          <i class="fas fa-arrow-right text-xs ms-1" aria-hidden="true"></i>
						        </a>
	                      </p>
	                    </div>
	                  </div>
	                  <div class="col-md-3 col-xs-3 text-end">
	                    <div class="icon icon-shape bg-gradient-danger shadow-success text-center rounded-circle">
	                      <i class="fas fa-user-clock fa-fw text-lg opacity-10" aria-hidden="true"></i>
	                    </div>
	                  </div>
	                </div>
	              </div>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
	    	<div class="row">
		  		<div class="col-sm-12">
		  			<div class="card z-index-2 h-100 shadow-lg">
		  				<div class="card-header pb-0 pt-3 bg-transparent">
		         			<h5 class="text-capitalize">
		         			 <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
	                  			<i class="fas fa-chart-bar fa-fw text-primary text-lg opacity-10"></i>
	                		</span> {{ __('superadmin::lang.monthly_sales_trend') }}</h5>
		         		</div>
			            <div class="card-body p-3">
			            	{!! $monthly_sells_chart->container() !!}
			            </div>
			            <!-- /.box-body -->
		          	</div>
		  		</div>
	  		</div>
  	</div>

	</section>
@endsection

@section('javascript')
{!! $monthly_sells_chart->script() !!}

<script type="text/javascript">
	$(document).ready(function(){

		var start = $('input[name="date-filter"]:checked').data('start');
		var end = $('input[name="date-filter"]:checked').data('end');
		update_statistics(start, end);
		$(document).on('change', 'input[name="date-filter"]', function(){
			var start = $('input[name="date-filter"]:checked').data('start');
			var end = $('input[name="date-filter"]:checked').data('end');
			update_statistics(start, end);
		});
	});

	function update_statistics(start, end){
		var data = { start: start, end: end };

		//get purchase details
		var loader = '<i class="fa fa-refresh fa-spin fa-fw"></i>';
		$('.new_subscriptions').html(loader);
		$('.new_registrations').html(loader);
		$.ajax({
			method: "GET",
			url: '/superadmin/stats',
			dataType: "json",
			data: data,
			success: function(data){
				$('.new_subscriptions').html(__currency_trans_from_en(data.new_subscriptions, true, true));
				$('.new_registrations').html(data.new_registrations);
			}
		});
	}
</script>
@endsection