@extends('admin.layout')
@section('content')
<style type="text/css">
	.mb-0{
    margin-bottom: 0;
}
.dial_code{
    float: right;
    width: 100px;
}
	.my-current
	{
		color: #00c0ef;
	}
	hr {
		margin: 10px 0px 10px 0px;
	}
	.hr-primary{
		border: 1px solid #00c0ef;
	}
    ._notes div + br, ._notes br {
        display: block;
    }
	#watermarked::before {
	position: fixed;
	top: -75%;
	left: -75%;

	display: block;
	width: 300%;
	height: 300%;

	transform: rotate(-45deg);
	content: attr(data-watermark);

	font-size: 30px;
	opacity: 0.15;
	line-height: 4em;
	letter-spacing: 2px;
	color: #ff0523;
	z-index:0;
	}
	.content-wrapper, .right-side{
		background: #FFF;
	}
	.box {
		background: transparent;
		z-index: 1; 
	}
	.border-bottom {
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.pb-3{
		padding-bottom: 1rem;
	}
	.mb-3{
		margin-bottom: 1rem;
	}
	.fa-edit{
		font-size: 2rem;
		cursor: pointer;
	}
	.bg-info {
    background-color: #17a2b8!important;
	}
	.bg-success {
    background-color: #28a745!important;
	}
	.bg-warning {
    background-color: #ffc107!important;
	}
	.bg-danger {
    background-color: #dc3545!important;
	}
	.bg-info, .bg-success, .bg-warning, .bg-danger{
		color: #FFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
	}
	.bg-info .icon i, .bg-success .icon i, .bg-warning .icon i, .bg-danger .icon i{
		text-shadow: none;
	}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> Reseller Dashbaord <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <!-- <li class="active">{{ trans('View Subscription Details') }}</li> -->
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$ministra		= explode(",",$getUserRoleData->ministra);
	@endphp

    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
			
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">
                      <div class="box-body">
                      	@if(in_array(auth()->guard('admin')->user()->role_id, [20]))
												<div class="row">
								          <div class="col-lg-3 col-6">
								            <!-- small box -->
								            <div class="small-box bg-info">
								              <div class="inner">
								                <h3>{{ auth()->guard('admin')->user()->credits }}</h3>

								                <p>Available Credits</p>
								              </div>
								              <div class="icon">
								                <i class="ion ion-bag"></i>
								              </div>
								              <a href="javascript:void(0);" class="small-box-footer" style="min-height:26px;"></a>
								            </div>
								          </div>
								          <!-- ./col -->
								          <div class="col-lg-3 col-6">
								            <!-- small box -->
								            <div class="small-box bg-success">
								              <div class="inner">
								                <h3>{{ $result['resellerActiveUsers'] }}<!-- <sup style="font-size: 20px">%</sup> --></h3>

								                <p>Active Users</p>
								              </div>
								              <div class="icon">
								                <i class="ion ion-stats-bars"></i>
								              </div>
								              <a href="{{ url('admin/reseller-users?order_by=&order_type=&search=&status_filter=on') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
								            </div>
								          </div>
								          <!-- ./col -->
								          <div class="col-lg-3 col-6">
								            <!-- small box -->
								            <div class="small-box bg-warning">
								              <div class="inner">
								                <h3>{{ $result['resellerUsers'] }}</h3>

								                <p>Total Users</p>
								              </div>
								              <div class="icon">
								                <i class="ion ion-pie-graph"></i>
								              </div>
								              <a href="{{ url('admin/reseller-users') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
								            </div>
								          </div>
								          <!-- ./col -->
								          <div class="col-lg-3 col-6">
								            <!-- small box -->
								            <div class="small-box bg-primary">
								              <div class="inner">
								                <h3>+</h3>

								                <p>Add User</p>
								              </div>
								              <div class="icon">
								                <i class="ion ion-person-add"></i>
								              </div>
								              <a href="{{ url('admin/add-reseller-user') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
								            </div>
								          </div>
								          <!-- ./col -->
								        </div>		
								        @endif				 
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>


      </div>
    </div>
			<div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
		</div>
  </section>

</div>
</div>

@include('admin.mac-modal')

<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap.min.js"></script>
<link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />

@endsection 

@section('scripts')
@include('admin.mac-js')
<style type="text/css">
  span.card-details {
    font-size: 24px;
  }
  label.control-label {
    font-size: 16px;
  }
  div#err-message {
    color: red;
    padding-bottom: 15px;
    padding-left: 15px;
    font-size: 18px;
	display:none;
}
.select2-container {
    width: 100% !important; /* Make the dropdown full width */
}

.select2-container .select2-selection--single {
    width: 100% !important; /* Ensures the selection box takes full width */
}

</style>
@endsection