@include('includes.web-header')
<!--withdraw model -->
<div class="modal fade modal_rg" id="withdraw" tabindex="-1" role="dialog" aria-labelledby="withdrawLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
		  <div class="modal-body text-center">
		    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		     <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="20.909" height="20.909" class="x_icon" viewBox="0 0 13.909 13.909">
			  <path id="Path_348" data-name="Path 348" d="M951.61,2989.949l4.959-4.959a1.169,1.169,0,0,0-1.653-1.653l-4.959,4.959L945,2983.336a1.169,1.169,0,0,0-1.653,1.653l4.959,4.959-4.959,4.959a1.169,1.169,0,0,0,1.653,1.653l4.959-4.959,4.959,4.959a1.169,1.169,0,0,0,1.653-1.653Z" transform="translate(-943.002 -2982.994)" fill="#fff"/>
			</svg></span>
            </button>
            <h2>Withdraw Money</h2>
            <h6 class="pt-3">Enter amount to withdraw money</h6>
            <div class="rg-v-bank-form label-control">
              <form>
                <div class="form-group ffl-wrapper">
                  <label>Enter Withdraw Amount</label>
                  <input type="text" class="form-control" value="₹">
                </div>
                <p class="text-left" style="margin-top:-10px;"><small>Minium withdrawl amount is Rs.200/-</small></p>
                <div class="row text-left">
                  <div class="col-12 align-items-center"><label><input name="" type="radio" value=""> <img src="assets/images/paytm_icon.png" alt="" > Paytm Transfer</label></div>
                  <div class="col-12 bank_transfer align-items-center"><label><input name="" type="radio" value=""> <i class="fas fa-university"></i> Bank Transfer</label></div>
                </div>
                <div class="modal-footer_row row no-gutters mt-3">
                  <div class="col">                    
                    <button type="button" class="btn btn-primary w-100">Withdraw Money</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
<!--withdraw model end-->
<!--Add cash model-->
<div class="modal fade modal_rg" id="Unsufficient_Fund" tabindex="-1" role="dialog" aria-labelledby="Unsufficient_FundLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-body text-center">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
         <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="20.909" height="20.909" class="x_icon" viewBox="0 0 13.909 13.909">
		  <path id="Path_348" data-name="Path 348" d="M951.61,2989.949l4.959-4.959a1.169,1.169,0,0,0-1.653-1.653l-4.959,4.959L945,2983.336a1.169,1.169,0,0,0-1.653,1.653l4.959,4.959-4.959,4.959a1.169,1.169,0,0,0,1.653,1.653l4.959-4.959,4.959,4.959a1.169,1.169,0,0,0,1.653-1.653Z" transform="translate(-943.002 -2982.994)" fill="#fff"/>
		</svg></span>
        </button>
        <h2>Add Money</h2>
        <div class="rg-v-bank-form label-control">
          <form>
            <div class="form-group ffl-wrapper">
              <label>Enter Amount</label>
              <input type="text" class="form-control" value="₹999">
            </div>
            <p><small>Or select one of the amounts from below</small></p>
            <div class="row">
              <div class="col-4">
                <input type="text" class="form-control" value="₹100">
              </div>
              <div class="col-4">
                <input type="text" class="form-control" value="₹500">
              </div>
              <div class="col-4">
                <input type="text" class="form-control" value="₹999">
              </div>
            </div>
            <div class="modal-footer_row row no-gutters" style="margin-top:30px;">
              <div class="col">
                <button type="button" class="btn btn-primary w-100">Add Cash</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<!--Add cash model end -->
<div class="rg_main">
  <div class="rg_header  pb-1">
    <div class="rg_logo text-center mb-0">
      <div class="left_back_home">
        <ul class="list-inline">
          <li class="list-inline-item">
            <a href=""><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 class="right_back_home">
      <ul class="list-inline">
        <li class="list-inline-item"><a href="index.html"><svg xmlns="http://www.w3.org/2000/svg" width="21.165" height="15.608" viewBox="0 0 21.165 15.608">
          <path id="Path_15" data-name="Path 15" d="M1.288,145.058H18.456a1.289,1.289,0,0,0,1.288-1.288v-2.906H13.581a3.433,3.433,0,0,1-3.158-2.093,3.428,3.428,0,0,1-.27-1.335v-.363a3.433,3.433,0,0,1,2.093-3.158,3.428,3.428,0,0,1,1.335-.27h6.163v-2.906a1.289,1.289,0,0,0-1.288-1.288H1.288A1.289,1.289,0,0,0,0,130.738V143.77A1.289,1.289,0,0,0,1.288,145.058Z" transform="translate(0 -129.45)" fill="#fff"/>
          <path id="Path_16" data-name="Path 16" d="M542.724,385.816a.965.965,0,0,0-.966-.966H535.14a2.139,2.139,0,0,0-2.14,2.14v.363a2.139,2.139,0,0,0,2.14,2.14h6.618a.965.965,0,0,0,.966-.966Zm-7.234,2.492a1.138,1.138,0,1,1,1.138-1.138A1.137,1.137,0,0,1,535.49,388.308Z" transform="translate(-521.559 -379.368)" fill="#fff"/>
        </svg>
      </a></li>
    </ul>
  </div>
</div>
</div>
<div class="rg_body">
<div class="rg_scrool">
  
  <div class="row">
     <div class="col-sm-12">
         <!-- card box start -->
        <div class="card_box_main mt-3 total">
           <div class="d-flex py-2 justify-content-between">
             <div class="left">
                <h6>Total Balance</h6>
                <h3>₹200</h3>
             </div>
             <div class="right">
                <a href="#" data-toggle="modal" data-target="#Unsufficient_Fund"  class="btn btn-primary">Add Cash</a>
             </div>
           </div>
        </div>
    <!-- card box End -->
     </div>
      <div class="col-sm-6">
         <!-- card box start -->
        <div class="card_box_main mt-3 total">
           <div class="d-block py-2 justify-content-between">
             <div class="left">
                <h6>Unutilized Amount</h6>
                <h3 class="mb-2">₹ 100</h3>
             </div>
             <div class="right">
                <a href="#" class="btn btn-primary w-100">Add Cash</a>
             </div>
           </div>
        </div>
    <!-- card box End -->
     </div>
       <div class="col-sm-6">
         <!-- card box start -->
        <div class="card_box_main mt-3 total">
           <div class="d-block py-2 justify-content-between">
             <div class="left">
                <h6>Winning Amount</h6>
                <h3 class="mb-2">₹ 100</h3>
             </div>
             <div class="right">
                <a href="#" data-toggle="modal" data-target="#withdraw" class="btn btn-primary w-100">Withdraw Cash</a>
             </div>
           </div>
        </div>
    <!-- card box End -->
     </div>
     <div class="col-sm-6">
         <!-- card box start -->
        <div class="card_box_main mt-3 total">
           <div class="d-block py-2 justify-content-between">
             <div class="left">
                <h6>Cash Bonus</h6>
                <h3>₹ 100</h3>
             </div>
             
           </div>
        </div>
    <!-- card box End -->
     </div>
     <div class="col-sm-6">
         <!-- card box start -->
        <div class="card_box_main mt-3 total">
           <div class="d-block py-2 justify-content-between">
             <div class="left">
                <h6>Total Referral</h6>
                <h3>₹ 100</h3>
             </div>
             
           </div>
        </div>
    <!-- card box End -->
     </div>
     <div class="col-sm-12 pt-2">
         <!-- card box start -->
        <a href="#" class="btn btn-primary w-100">Transaction History</a>
    <!-- card box End -->
     </div>
  </div>

</div>
</div>
@include('include.web-footer')