@extends('layouts.merchant-backend-layout') @section('content')

<style>
.new-col {
background-color: #fff !important;
}
.new-col:hover{
color:#000 !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover
{
 background-color: #D2D6DE;
 border-color:#D2D6DE;
}
</style>

<div class="content-wrapper merchant-right-side">
	<!-- Content Header (Page header) -->
<!-- 	<section class="content-header"> -->
<!-- 		<h1> -->
<!-- 			Dashboard  -->
<!-- 		</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">
	 <div class="row">
            
            <div class="col-md-12">
            	<div class="box no_border">
            		<h1 style="padding: 15px 0 15px; margin-bottom: 20px; text-align:center; margin-top: 0;">Welcome to Your Dashboard</h1>
           	</div>
            </div>
            
          </div>

	
		<!-- Small boxes (Stat box) -->
	  <div class="row">
            <div class="col-md-3">
            	<div class="small-box new-col">
                <div class="inner">
                  <!--<h3>{{count($data['cards'])}}</h3>-->
                  <p style="width:160px;font-size: 12px;">Total Members: <strong>{{$data['cards']}}</strong></p>
		  <p style="width:160px;font-size: 12px;">New Members Joined in the Last 30 Days: <strong>{{$data['customer']}}</strong></p>
                </div>
                <div class="icon">
                  <img src="{{asset('assets/img/TotalLoyaltyCardHolders.png')}}" alt="User Image" style="height:75px; weidth:75px;">
                </div>
                
              </div>
            </div>
            
           

		<div class="col-md-3">
                                <div class="small-box new-col" >
                                        <div class="inner">
                                          <!--<h3>{{$data['total']}}</h3>-->
                                          <p style="width:160px;font-size: 12px;">@if($loyalty->loyalty_type==2) Total Credits Given: @else Total Stamps Given:  @endif <strong>{{number_format($data['total'])}}</strong></p>
					<a href="{{url('merchant/appuser2')}}"><input type="button" class="btn btn-primary" name="view report" value="View Report"></a>

                                        </div>
                                        <div class="icon">
                                          <img src="{{asset('assets/img/TotalPointsGivenOutByTheClients.png')}}" alt="User Image" style="height:75px; weidth:75px;">
                                        </div>
                                </div>
                </div>
                <div class="col-md-3">
                                <div class="small-box new-col">
                                    <div class="inner">
                                      <!--<h3>{{$data['dif']}}</h3>-->
                                      <p style="width:160px;font-size: 12px;">@if($loyalty->loyalty_type==2) Total Credits Redeemed: @else Total Stamps Redeemed:  @endif<strong>{{number_format($data['dif'])}}</strong></p>
					<a href="{{url('merchant/reportpointredeem')}}"><input type="button" class="btn btn-primary" name="view report" value="View Report"></a>
                                    </div>
                                    <div class="icon">
                                      <img src="{{asset('assets/img/TotalPointsRedeemed.png')}}" alt="User Image" style="height:75px; weidth:75px;">
                                    </div>
                                </div>
                </div>
                <div class="col-md-3">
                                <div class="small-box new-col">
                                    <div class="inner">
                                      
                                      <p style="width:160px;font-size: 12px;">Total Rewards Verified: <strong>{{$data['rewards']}}</strong></p>
                                    <a href="{{url('merchant/reportRewardClaim')}}"><input type="button" class="btn btn-primary" name="view report" value="View Report"></a>
                                    </div>
                                    <div class="icon">
                                      <img src="{{asset('assets/img/TotalRewardsRedeemedAtAnOutlet.png')}}" alt="User Image" style="height:75px; weidth:75px;">
                                    </div>
                                </div>
                </div>

	   </div>

<!-- Start new analystics -->
	<div class="row">

                
                
                
                
                	
	</div>


	<div class="row">
<div class="col-xs-12">
			<div class="box box-primary box-solid" >
				    <div class="box-header with-border" >
                        <center><h3 class="box-title" style="font-weight: bold; ">Top 10 Visitors - upto 31st March,2018</h3></center>
                        <div class="box-tools pull-right">
                    <button class="btn btn-box-tool" data-widget="collapse" style="color: white"><i class="fa fa-minus"></i></button>
                  </div>
                    </div>
					<div class="box-body">
						@if(count($totalvisit) == 0)
						<p class='notice'>{{ trans('admin::users.pages.no_record_found')
							}}</p>
						@else

						<table id="topVisit" class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>Name</th>
									<th>Mobile Number</th>
									<th>Total Visits</th>
								
								</tr>
							</thead>
							<tbody>
								@foreach ( $totalvisit as $tot )


								<tr>
									<td>{{ $tot->name }}</td>
									
									<td><a href="{{url('merchant/appuser/views/'.$tot->user_id.'/'.$authUser->id)}}">{{ $tot->mobile }}</a></td>
									<td>{{ $tot->twelve_month }}</td>									
																		
								</tr>
								@endforeach
							</tbody>
						</table>
						@endif
					</div>
				</div>
			<br>
			<div class="box box-primary box-solid" >
				    <div class="box-header with-border" >
                        <center><h3 class="box-title" style="font-weight: bold; ">Top 10 Spenders - upto 31st March,2018</h3></center>
                        <div class="box-tools pull-right">
                    <button class="btn btn-box-tool" data-widget="collapse" style="color: white"><i class="fa fa-minus"></i></button>
                  </div>
                    </div>
					<div class="box-body">
						@if(count($totalbilling) == 0)
						<p class='notice'>{{ trans('admin::users.pages.no_record_found')
							}}</p>
						@else

						<table id="topVisit1" class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>Name</th>
									<th>Mobile Number</th>
									<th>Total Spend</th>
								
								</tr>
							</thead>
							<tbody>
								@foreach ( $totalbilling as $tot1 )


								<tr>
									<td>{{ $tot1->name }}</td>
									<td><a href="{{url('merchant/appuser/views/'.$tot1->user_id.'/'.$authUser->id)}}">{{ $tot1->mobile }}</a></td>
									<td>{{ $tot1->twelve_month }}</td>									
																		
								</tr>
								@endforeach
							</tbody>
						</table>
						@endif
					</div>
				</div>
<br>

</div>
	</div>

	


            
            <div class="col-md-4">
<!--             	<div class="box box-danger"> -->
<!--                     <div class="box-header with-border"> -->
<!--                       <h3 class="box-title">Top 5 Customers</h3> -->
                      
                    </div><!-- /.box-header -->
<!--                     <div class="box-body no-padding"> -->
<!--                       <ul class="users-list clearfix"> -->
<!--                         <li> -->
<!--                           <img src="{{asset('assets/img/user1-128x128.jpg')}}" alt="User Image"> -->
<!--                           <a class="users-list-name" href="#" id="overlayTriggerfour">Alexander Pierce</a> -->
<!--                           <span class="users-list-date">Today</span> -->
<!--                         </li> -->
<!--                         <li> -->
<!--                           <img src="{{asset('assets/img/user8-128x128.jpg')}}" alt="User Image"> -->
<!--                           <a class="users-list-name" href="#">Norman</a> -->
<!--                           <span class="users-list-date">Yesterday</span> -->
<!--                         </li> -->
<!--                         <li> -->
<!--                           <img src="{{asset('assets/img/user7-128x128.jpg')}}" alt="User Image"> -->
<!--                           <a class="users-list-name" href="#">Jane</a> -->
<!--                           <span class="users-list-date">12 Jan</span> -->
<!--                         </li> -->
<!--                         <li> -->
<!--                           <img src="{{asset('assets/img/user6-128x128.jpg')}}" alt="User Image"> -->
<!--                           <a class="users-list-name" href="#">John</a> -->
<!--                           <span class="users-list-date">12 Jan</span> -->
<!--                         </li> -->
<!--                         <li> -->
<!--                           <img src="{{asset('assets/img/user2-160x160.jpg')}}" alt="User Image"> -->
<!--                           <a class="users-list-name" href="#">Alexander</a> -->
<!--                           <span class="users-list-date">13 Jan</span> -->
<!--                         </li> -->
                        
                      </ul><!-- /.users-list -->
                    </div><!-- /.box-body -->
                    
<!--                   </div> -->
          </div>
            
          </div>
		<!-- Main row -->
	
		<!-- /.row (main row) -->

	</section>
	<!-- /.content -->
</div>

    @section('scripts')
<script type="text/javascript">

$('#birthday').DataTable({

    "pageLength":5,
    "ordering": false,
    "lengthMenu": [5, 10, 25, 50, 75, 100 ]
});
$('#anniversary').DataTable({

    "pageLength":5,
    "ordering": false,
    "lengthMenu": [5, 10, 25, 50, 75, 100 ]
});
$('#topVisit').DataTable({

    "pageLength":10,
    "ordering": false,
    "lengthMenu": [5, 10, 25, 50, 75, 100 ]
});
$('#topVisit1').DataTable({

    "pageLength":10,
    "ordering": false,
    "lengthMenu": [5, 10, 25, 50, 75, 100 ]
});


</script>
@stop

<!-- /.content-wrapper -->
@stop