@include('includes.header')


{{-- {{Main Body}} --}}
<meta name="viewport" content="width=1200, initial-scale=1.0, maximum-scale=1.0">

<div class="container-fluid mt-3">
    <div class="row">
      <div class="col-md-8 col-sm-6 col-xs-12">
          <ul class="pull-right d-inline-flex" style="list-style: none;">
              <li class="btn-sm">
                  <a href="{{route('all-account')}}" class="btn btn-primary rounded-pill" style="width: 110px; text-align: center;"> All Account</a>
              </li>
              <li class="btn-sm">
                  <a href="{{route('pending')}}" class="btn btn-warning rounded-pill" style="width: 130px; text-align: center; color: white;"> Today History</a>
              </li>
              <li class="btn-sm">
                  <a href="{{route('all-history')}}" class="btn btn-success rounded-pill" style="width: 110px; text-align: center;"> All History</a>
              </li>
          </ul>
      </div>
  </div>
  <hr/>
  <!-- Request Statistic Starts -->

  <div class="row">
    <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="card" style="box-shadow: inset rgb(149 155 156 / 45%) 0px -6px 10px 0px;">
        <div class="card-body">
          <h5 class="card-title">New Created</h5>
          <h4 class="card-text">{{ $newUser }}</h4>
          <div class="progress progress-sm progress-rounded">
            <div class="progress-bar bg-success" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="card" style="box-shadow: inset rgb(149 155 156 / 45%) 0px -6px 10px 0px;">
        <div class="card-body">
          <h5 class="card-title">New Basic Active</h5>
          <h4 class="card-text">{{ $newActiveBasic }}</h4>
          <div class="progress progress-sm progress-rounded">
            <div class="progress-bar bg-info" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="card" style="box-shadow: inset rgb(149 155 156 / 45%) 0px -6px 10px 0px;">
        <div class="card-body">
          <h5 class="card-title">New Premium Active</h5>
          <h4 class="card-text">{{ $newActivePremium }}</h4>
          <div class="progress progress-sm progress-rounded">
            <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="card" style="box-shadow: inset rgb(149 155 156 / 45%) 0px -6px 10px 0px;">
        <div class="card-body">
          <h5 class="card-title">Today Profit</h5>
          <h4 class="card-text">{{ $totalProfit }}</h4>
          <div class="progress progress-sm progress-rounded">
            <div class="progress-bar bg-success" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--ENds-->
  <br/>
  <!--User Statistics Starts-->
  <div class="row">
    <div class="col-12 col-sm-6 col-md-3 mb-3">
      <div class="card h-100">
        <div class="card-header text-white text-center" style="background-color: #009688; border-radius: 0px;">
          Today's Usages
         </div>
        <table class="table table-hover mb-0">
              <td>Recharge</td>
              <td>{{ $recharge }}</td>
            
            </tr>
            <tr>
              <td>Wirhdrawal</td>
              <td>{{ $withdrawal }}</td>
             
                </tr>
            </thead>
        </table>
        <div class="text-muted mt-auto">
            <table class="table table-hover mb-0">
                <tbody>
                    <tr>
                        <td scope="col">Sub-Total</td>
                        <td scope="col">{{ $today_usage }}</td>
                    </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div class="col-12 col-sm-6 col-md-3 mb-3">
      <div class="card h-100">
        <div class="card-header text-white text-center" style="background-color: #009688; border-radius: 0px;">
          Admin Add Balance
        </div>
            <table class="table table-hover mb-0">
                <tr>
                    <td scope="col">Admin Added Balance</td>
                    <td scope="col">{{ $adminAddBalance }}</td>
                </tr>
                <tr>
                    <td scope="col">Admin Deduct Balance</td>
                    <td scope="col">{{ $adminDeductBalance }}</td>
                </tr>
            </tbody>
        </table>
        <div class="text-muted mt-auto">
          <table class="table table-hover mb-0">
                <tbody>
                    <tr>
                        <td scope="col">Showing Today Records</td>
                    </tr>
                </tbody>
            </table>
        </div>
      </div>
    </div>

    <div class="col-12 col-sm-6 col-md-3 mb-3">
    <div class="card h-100">
        <div class="card-header text-white text-center" style="background-color: #009688; border-radius: 0px;">
            Account Information
         </div>
        <table class="table table-hover mb-0">
                    <td>Wallet Balance</td>
                    <td>{{ $main_wallet }}</td> 
                </tr>
                <tr>
                    <td>Active Account</td>
                    <td>{{ $activeCount }}</td> 
                </tr>
                <tr>
                    <td>Inactive Account</td>
                    <td>{{ $inactiveCount }}</td> 
                </tr>
            </thead>
        </table>
        <div class="text-muted mt-auto">
            <table class="table table-hover mb-0">
                <tbody>
                    <tr>
                        <td scope="col">Showing User Records</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>


  </div>

  </div>
  <br/>
  <br/>

 @include('includes.footer')