@extends('admin.layout')
@section('content')
    


<!-- begin::main content -->
<main class="main-content">

    <div class="container">

        <!-- begin::page header -->
        <div class="page-header d-md-flex align-items-center justify-content-between">
            <div>
                <h3>Dashboard</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Home</li>
                    </ol>
                </nav>
            </div>
            <div>
                <div class="reportrange btn btn-outline-primary btn-block">
                    <i class="ti-calendar m-r-10"></i>
                    <span></span>
                    <i class="ti-angle-down m-l-10"></i>
                </div>
                {{-- <input id="demo-one-input" mbsc-input data-input-style="outline"   name="daterange" data-label-style="stacked" placeholder="Please select..." /> --}}
            </div>
        </div>
        <!-- end::page header -->



        <div class="row row-sm">
            <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="text-uppercase font-size-11 m-b-15">Total Earnings</h6>
                                <h4 class="m-b-0">
                                    {{$totalAmount}}
                                    
                                </h4>
                            </div>
                            {{-- <div>
                                <div class="sparkline-demo1"></div>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="text-uppercase font-size-11 m-b-15">Total Orders</h6>
                                <h4 class="m-b-0">
                                    {{$totalQty}}
                                    
                                </h4>
                            </div>
                            {{-- <div>
                                <div class="sparkline-demo2"></div>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="text-uppercase font-size-11 m-b-15">Total Students</h6>
                                <h4 class="m-b-0">
                                    {{$totalUsers}}
                                  
                                </h4>
                            </div>
                            {{-- <div>
                                <div class="sparkline-demo3"></div>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="text-uppercase font-size-11 m-b-15">Total Products</h6>
                                <h4 class="m-b-0">
                                    {{$totalProducts}}
                                </h4>
                            </div>
                            {{-- <div>
                                <div class="sparkline-demo4"></div>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>



        {{-- <div class="row row-sm">
            <div class="col-md-12">
            
                <div class="row row-sm">
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h4 class="text-danger">live</h4>
                                <p class="m-b-0">
                                    10 Users
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h4 class="text-success">Online</h4>
                                <p class="m-b-0">
                                    25 Users
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h4 class="text-danger">Google Drive</h4>
                                <p class="m-b-0">
                                    30 Users
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body text-center">
                                <h4 class="text-success">Pen drive</h4>
                                <p class="m-b-0">
                                    53 Users
                                </p>
                            </div>
                        </div>
                    </div>
 
                </div>
            </div>
        </div> --}}



        <div class="row row-sm">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header ">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="card-title" style="margin-top: 6px; margin-bottom: 0px;">Recent Orders</h6>
                            </div>
              
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table m-b-0">
                                <thead>
                                <tr>
                                    <th> Payment&nbsp;Date </th>
                                    <th> Course </th>
                                    <th> Mode </th>
                                    <th class="text-right">Status</th>
                                </tr>
                                </thead>
                                <tbody>

                                @if(!@empty($sales))
                                    
                               @foreach($sales as $sale)
                                <tr>
                                    <td>{{date("d-m-Y",strtotime($sale->created_at))}}</td>
                                    <td class="text-success">{{$sale->product_name}}</td>
                                    <td>{{$sale->product_mode}}</td>
                                    <td class="text-right text-success"> {{$sale->payment_status}}</td>
                                </tr>
                                @endforeach
                                @endif
                              
  
                                </tbody>
                            </table>
                        </div>
                        <a href="{{asset('admin/order-list')}}" class="text-center text-uppercase font-size-11 " style="padding-top: 15px; display: block; border-top: 1px solid #dee2e6;">
                            View All
                        </a>
                    </div>
                </div>
 
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header ">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="card-title" style="margin-top: 6px; margin-bottom: 0px;">Recent Users</h6>
                            </div>
                            
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table m-b-0">
                                <thead>
                                <tr>
                                    <th>name</th>
                                    <th>Email </th>
                                    <th>Phone </th>
                                    <th>Dete</th>
                                    <th>Course</th>
                                    <th>Level</th>
                                    <th class="text-right">State</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @if(!empty($users))
                                    @foreach($users as $user)
                                    <tr>
                                        <td>{{$user->name}} </td>
                                        <td>{{$user->email}}</td>
                                        <td class="text-success"> {{$user->phone}}</td>
                                        <td>{{date("d-m-Y",strtotime($user->created_at))}}</td>
                                        <td class="text-success">CA</td>
                                        <td>Foundation</td>
                                        <td class="text-right"> Delhi</td>
                                    </tr>
                                    @endforeach
                                    @endif
                                   
                               
                                </tbody>
                            </table>
                            
                        </div>
                        <a href="{{asset('/admin/user-list')}}" class="text-center text-uppercase font-size-11 " style="padding-top: 15px; display: block; border-top: 1px solid #dee2e6;">
                            View All
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <div class="row row-sm">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header ">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="card-title" style="margin-top: 6px; margin-bottom: 0px;">Recent Products</h6>
                            </div>
                        </div>
                    </div>
                   


                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table m-b-0">
                                <thead>
                                <tr>
                                    <th> Product Name</th>
                                    <th>Product type</th>
                                    <th>Category</th>
                                    <th class="">Status</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @if(!empty($products))
                                    @foreach($products as $product)
                                    <tr>
                                        <td>{{$product->name}}</td>
                                        <td>{{$product->type}}</td>
                                        <td>{{$product->category_name}}</td>
                                        <td>@if($product->status == '1'){!! '<span class="badge badge-success ml-auto">Active</span>' !!}@else{{'<span class="badge badge-danger ml-auto">Inactive</span>'}}@endif</td>
                                    </tr>

                                    @endforeach

                                    @endif

                                    
                                
                                
                               
                                </tbody>
                            </table>
                            
                        </div>
                        <a href="{{asset('admin/product-list')}}" class="text-center text-uppercase font-size-11 " style="padding-top: 15px; display: block; border-top: 1px solid #dee2e6;">
                            View All
                        </a>
                    </div>
                </div>
            </div>
        </div>



        <!-- <div class="row row-sm">
            <div class="col-md-12">

                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead class="bg-primary">
                                <tr>
                                    <th scope="col">Promo Codes</th>
                                    <th scope="col">Created on</th>
                                    <th scope="col">Students Availed</th>
                                    <th scope="col">Status</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    
                                </tr>
                                <tr>
                                    <td>AB2021</td>
                                    <td>02-09-2021</td>
                                    <td>18</td>
                                    <td><span class="badge badge-success ml-auto">Active</span></td>
                                </tr>
                                <tr>
                                    <td>NC@25</td>
                                    <td>04-09-2021</td>
                                    <td>28</td>
                                    <td><span class="badge table-active ml-auto">Inactive</span></td>
                                </tr>
                                <tr>
                                    <td>AB2021</td>
                                    <td>05-09-2021</td>
                                    <td>5</td>
                                    <td><span class="badge badge-success ml-auto">Active</span></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

           
                    </div>
                </div>
            </div>
        </div> -->

      

  




    </div>

</main>
<!-- end::main content -->

@endsection
@push('footer-script')

<!-- begin::chart -->
<script src="{{asset('public/admin/vendors/charts/chartjs/chart.min.js')}}"></script>
<script src="{{asset('public/admin/vendors/charts/sparkline/sparkline.min.js')}}"></script>
<script src="{{asset('public/admin/vendors/circle-progress/circle-progress.min.js')}}"></script>
<script src="{{asset('public/admin/js/examples/charts.js')}}"></script>
<!-- end::chart -->

<!-- begin::vamp -->
<script src="{{asset('public/admin/vendors/vmap/jquery.vmap.min.js')}}"></script>
<script src="{{asset('public/admin/vendors/vmap/maps/jquery.vmap.usa.js')}}"></script>
<script src="{{asset('public/admin/js/examples/vmap.js')}}"></script>
<!-- end::vamp -->


<script src="{{asset('public/admin/vendors/datepicker/daterangepicker.js')}}"></script>
<script src="{{asset('public/admin/js/examples/dashboard.js')}}"></script>

<script>
     $(function() {
      $('input[name="daterange"]').daterangepicker({
        opens: 'left'
      }, function(start, end, label) {
        console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
      });
    });

    $(document).on('change','.reportrange',function(){

        $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });

        

        var daterange = $(this).find('span').text();

        $.ajax({
            type: 'GET',
              url:"{{ asset('admin/dashboard?daterange=') }}"+daterange,
            success:function(data){
                window.location.href = "{{ asset('admin/dashboard?daterange=') }}"+daterange
            //  alert(data);
            }
        });


    })

    $(document).on('click','.applyBtn',function(){
      
       var daterange =  $('.drp-selected').text();

       $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });


        $.ajax({
            type: 'GET',
              url:"{{ asset('admin/dashboard?daterange=') }}"+daterange,
            success:function(data){
                window.location.href = "{{ asset('admin/dashboard?daterange=') }}"+daterange
            //  alert(data);
            }
        });
        

    })

</script>
    
@endpush