@include('includes.web-header')
    <div class="rg_main bg-inner">
       <div class="rg_header  pb-0">
        <div class="rg_logo text-center mb-0">
          <div class="left_back_home">
            <ul class="list-inline">
              <li class="list-inline-item">
                <a href="javascript:history.back();"><svg xmlns="http://www.w3.org/2000/svg" width="7.364" height="13.935" viewBox="0 0 7.364 13.935">
                  <path id="Combined_Shape" data-name="Combined Shape" d="M-.323,13.965a.25.25,0,0,1-.354,0L-7.394,7.248a.25.25,0,0,1,0-.354L-.677.177a.25.25,0,0,1,.354,0l.146.146a.25.25,0,0,1,0,.354L-6.394,6.894a.25.25,0,0,0,0,.354l6.218,6.218a.25.25,0,0,1,0,.354Z" transform="translate(7.468 -0.104)" fill="#fff"/>
                </svg>
              </a>
            </li>
          </ul>
        </div>
        <h3 class="text-white">Account</h3>        
      </div>
      <div class="card_box_main mt-3 total-tp mb-0">
        <div class="d-flex py-2 justify-content-between align-items-center">
          <div class="left">
            <h6>Total Balance</h6>
            <h3> Winnings + Unutilized + Bonus</h3>
          </div>
          <div class="right">
            @if(!empty($useramount->balance) && !empty($useramount->bonus) && !empty($useramount->winning))
            <a href="javascript:void(0);" data-toggle="modal" data-target="#Unsufficient_Fund"  class="text-big">₹{{$useramount->balance + $useramount->bonus + $useramount->winning}}</a>
            @endif
          </div>
        </div>
      </div>
    </div>
        
        <div class="rg_body p-0">
            <div class="rg_scrool">
               
             <div class="card_box_main mt-4">
                 <div class="add-cash">
              <div class="form-group enter_amount">
                <label>Enter Amount</label>
                <input type="number" class="form-control border-0 get-amount" name="add_amount" id="add_amount" placeholder="200"  value="">
                <svg xmlns="http://www.w3.org/2000/svg" width="12.433" height="19.494" viewBox="0 0 12.433 19.494">
                <path id="Path_1680" data-name="Path 1680" d="M844.115,2410.419a.431.431,0,0,0-.318-.125H841.43a4.792,4.792,0,0,0-.886-1.994h3.226a.426.426,0,0,0,.443-.443v-1.413a.426.426,0,0,0-.443-.443H832.25a.426.426,0,0,0-.443.443v1.842a.449.449,0,0,0,.443.443h2.008q2.921,0,3.71,1.564H832.25a.426.426,0,0,0-.443.443v1.412a.426.426,0,0,0,.443.443h5.912a2.7,2.7,0,0,1-1.419,1.73,6.248,6.248,0,0,1-2.942.6H832.25a.449.449,0,0,0-.443.443v1.758a.415.415,0,0,0,.125.3q2.658,2.824,6.895,7.905a.408.408,0,0,0,.346.167h2.7a.4.4,0,0,0,.4-.25.378.378,0,0,0-.056-.471q-4.042-4.957-6.355-7.421a7.023,7.023,0,0,0,3.821-1.523,5.177,5.177,0,0,0,1.786-3.24H843.8a.426.426,0,0,0,.443-.443v-1.412A.432.432,0,0,0,844.115,2410.419Z" transform="translate(-831.807 -2406.003)" fill="#1d1f20"/>
              </svg>

              </div>
              <div class="form-group">
                <label>Choose your amount</label>
                <div class="d-flex ">
                  <button class="btn btn-white text-dark mr-2 w-100 get_250">+250</button>
                  <button class="btn btn-white text-dark mr-2 w-100 get_500">+500</button>
                  <button class="btn btn-white text-dark mr-2 w-100 get_1000">+1000</button>
                  <button class="btn btn-white text-dark mr-0 w-100 get_2000">+2000</button>
                </div>
              </div>
              <div class="form-group ">               
                <div class="d-flex enter_promo">
                    <input type="text" placeholder="Enter Promo Code (if any)" class="form-control col-8 mr-2" name="promo_code">
                    <button class="btn btn-primary promo_verify_button mr-0 w-100">Apply</button>
                </div>
              </div>
              <div class="row w-100 btn_pay m-0">
              <div class="col-12 pb-3 text-left f-15">Pay  Using</div>
            <div class="col-6">
               <button class="btn cashfree_btn"><img src="