@extends('layout.app')

@section('title', 'Dashboard')

@section('content')
<!-- resources/views/home.blade.php -->


<section class="container pt-5">
    <div class="row">


      <!-- Sidebar (User info + Account menu) -->
      @include('teacher.Include.aside_account')



      <!-- Account details -->
      <div class="col-md-8 offset-lg-1 pb-5 mb-2 mb-lg-4 pt-md-5 mt-n3 mt-md-0">
        <div class="ps-md-3 ps-lg-0 mt-md-2 py-md-4">
          <h1 class="h2 pt-xl-1 pb-3">Dashboard</h1>

          <div class="container-fluid">



            <div class="row">
                <div class="col-xl-10 col-lg-12">

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="card widget-flat">
                                <div class="card-body">
                                    <div class="float-end">
                                        <i class="mdi mdi-account-multiple widget-icon"></i>
                                    </div>
                                    <h5 class="text-muted fw-normal mt-0" title="Number of Customers">Balance</h5>
                                    <h3 class="mt-3 mb-3">{{ $teacher->balance }}</h3>
                                    {{-- <p class="mb-0 text-muted">
                                        <span class="text-success me-2">
                                            <i class="mdi mdi-arrow-up-bold"></i> 
                                            {{ number_format($customerChange, 2) }}%
                                        </span>
                                        <span class="text-nowrap">Since last month</span>  
                                    </p> --}}
                                </div> <!-- end card-body-->
                            </div> <!-- end card-->
                        </div> <!-- end col-->
                    
                        {{-- <div class="col-sm-6">
                            <div class="card widget-flat">
                                <div class="card-body">
                                    <div class="float-end">
                                        <i class="mdi mdi-cart-plus widget-icon"></i>
                                    </div>
                                    <h5 class="text-muted fw-normal mt-0" title="Number of Orders">Orders</h5>
                                    <h3 class="mt-3 mb-3">{{ $orders }}</h3>
                                    <p class="mb-0 text-muted">
                                        <span class="text-danger me-2">
                                            <i class="mdi mdi-arrow-down-bold"></i> 
                                            {{ number_format($orderChange, 2) }}%
                                        </span>
                                        <span class="text-nowrap">Since last month</span>
                                    </p>
                                </div> <!-- end card-body-->
                            </div> <!-- end card-->
                        </div> <!-- end col-->
                    
                        <div class="col-sm-6">
                            <div class="card widget-flat">
                                <div class="card-body">
                                    <div class="float-end">
                                        <i class="mdi mdi-cash widget-icon"></i>
                                    </div>
                                    <h5 class="text-muted fw-normal mt-0" title="Total Sales">Total Sales</h5>
                                    <h3 class="mt-3 mb-3">${{ number_format($sales, 2) }}</h3>
                                    <p class="mb-0 text-muted">
                                        <span class="text-success me-2">
                                            <i class="mdi mdi-arrow-up-bold"></i> 
                                            {{ number_format($salesChange, 2) }}%
                                        </span>
                                        <span class="text-nowrap">Since last month</span>
                                    </p>
                                </div> <!-- end card-body-->
                            </div> <!-- end card-->
                        </div> <!-- end col-->
                    
                        <div class="col-sm-6">
                            <div class="card widget-flat">
                                <div class="card-body">
                                    <div class="float-end">
                                        <i class="mdi mdi-store widget-icon"></i>
                                    </div>
                                    <h5 class="text-muted fw-normal mt-0" title="Number of Stores">Stores</h5>
                                    <h3 class="mt-3 mb-3">{{ $stores }}</h3>
                                    <p class="mb-0 text-muted">
                                        <span class="text-success me-2"><i class="mdi mdi-arrow-up-bold"></i> {{$storeChange}}</span>
                                        <span class="text-nowrap">Since last month</span>
                                    </p>
                                </div> <!-- end card-body-->
                            </div> <!-- end card-->
                        </div> <!-- end col--> --}}
                    </div> <!-- end row -->
                    

                </div> <!-- end col -->

            </div>
            <!-- end row -->


        </div>

          
        </div>
      </div>
        

    </div>

  </section>

        <!-- third party js -->
        <script src="{{ asset('assets_dashboard/js/vendor/apexcharts.min.js') }}"></script>

        <!-- third party js ends -->

        <!-- demo app -->
        <script src="{{ asset('assets_dashboard/js/pages/demo.dashboard.js') }}"></script>
@endsection