@extends('user.layout')

@section('content')
  <style>
    .depositcard.shadow-sm.p-4 {
      max-width: 500px;
      height: auto;
      background: #fff;
      border-radius: 10px;
    }

    .wallet.card {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 90%;
      background: #115544;
      border-radius: 10px;
      color: #fff;
      justify-content: center;
    }

    .wallet.fw-regular {
      font-family: Poppins, sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 21px;
      letter-spacing: 0.5px;
      text-align: center;
      text-underline-position: from-font;
      text-decoration-skip-ink: none;
    }
  </style>

  <div class="row mb-3">
    <div class="col d-flex justify-content-between">
      <h4 class="page-top-heading">Wallet </h4>
      <a href="{{ route('user.wallet_history') }}" class="btn btn-primary py-2 px-4 ">History</a>
    </div>
  </div>

  <div class="row d-flex justify-content-center">
    <div class="depositcard shadow-sm p-4">

      <!-- Wallet Information Section -->
      <div class="row d-flex justify-content-center">
        <div class="wallet card text-center p-2">
          {{-- <div class="col-12 text-center">
                    <p class="wallet fw-regular">Total Invest</p>
                    <p class="text-white">{{ $wallet ? $wallet->investment : '0' }}</p>
                    
                    <p class="wallet fw-regular">Balance</p>
                    <p class="text-white">{{ $wallet ? $wallet->wallet_balance : '0' }}</p>
                </div> --}}

          <div class="col-lg-12 row w-100">
            <div class="col text-center border-end border-white">
              <h3 class="wallet fw-regular">Total Invest</h3>
              <h6 class="text-white">{{ $wallet ? $wallet->investment : '0' }}</h6>
            </div>
            {{-- <div class="col text-center">
              <h3 class="wallet fw-regular">Balance</h3>
              <h6 class="text-white">{{ $wallet ? $wallet->wallet_balance : '0' }}</h6>
            </div> --}}
          </div>

        </div>
      </div>
    </div>
  </div>
@endsection