@extends('admin.layout.base')
@section('content')
    <div class="content-container">
      <div class="greetings-banner">
        <div>
          <h2>Welcome Back, Mr. Aqdas</h2>
          <h4>Have a Good day at work</h4>
        </div>
        <h4>Updated Recently on 15 Jun 2024</h4>
      </div>
      <div class="stat-cards-wrapper">
        <div class="stat-card">
          <div>
            <h3>Users</h3>
            <h2>53</h2>
          </div>
          <div>
            <img src="{{ asset('/assets/images/line-image.png') }}" alt="line image" />
            <div class="bottom-card-text">
              Updated Today
              <span>
                <img
                  src="{{ asset('/assets/images/icons/arrow-up.png') }}"
                  alt="arrow-up"
                />
                25%
              </span>
            </div>
          </div>
        </div>

        <div class="stat-card">
          <div>
            <h3>Active Users</h3>
            <h2>53</h2>
            <div class="bottom-card-text">
              Updated Today
              <span>
                <img
                  src="{{ asset('/assets/images/icons/arrow-up.png') }}"
                  alt="arrow-up"
                />
                25%
              </span>
            </div>
          </div>
          <div>
            <img src="{{ asset('/assets/images/bars-top.png') }}" alt="bars" />
          </div>
        </div>

        <div class="stat-card">
          <div>
            <h3>Games</h3>
            <h2>53</h2>
          </div>
          <div>
            <img src="{{ asset('/assets/images/line-image.png') }}" alt="line image" />
            <div class="bottom-card-text">
              Updated Today
              <span>
                <img
                  src="{{ asset('/assets/images/icons/arrow-up.png') }}"
                  alt="arrow-up"
                />
                25%
              </span>
            </div>
          </div>
        </div>

        <div class="stat-card">
          <div>
            <h3>Active Ads</h3>
            <h2>53</h2>
            <div class="bottom-card-text">
              Updated Today
              <span>
                <img
                  src="{{ asset('/assets/images/icons/arrow-up.png') }}"
                  alt="arrow-up"
                />
                25%
              </span>
            </div>
          </div>
          <div>
            <img src="{{ asset('/assets/images/bars-top.png') }}" alt="bars" />
          </div>
        </div>
      </div>

      {{-- <div class="chart-todo-wrapper">
        <div class="chart-wrapper">
          <div class="chart-header">
            <h3>Average Orders</h3>
            <div>
              <h4>Date / Year</h4>
            </div>
          </div>
          <div class="chart-body"></div>
        </div>
      
      </div> --}}
    </div>
  </div>
@endsection