@extends('layouts.client_template')
@section('content')

@include('layouts.client_common')

<section class="container boxes">
    <div class="row main_boxes justify-content-center">
      <div class="col-lg-3 col-sm-6">
        <div class=" box"> <a href="{{url('dashboard')}}" class="d-flex">
          <div class="box_icon mx-2 wallet_i">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 25 22" style="enable-background:new 0 0 25 22;" xml:space="preserve">
              <path class="st0" d="M0,3.1c0-0.8,0.3-1.6,0.9-2.2C1.5,0.3,2.3,0,3.1,0h21.1c0.2,0,0.4,0.1,0.6,0.2C24.9,0.4,25,0.6,25,0.8
                    c0,0.2-0.1,0.4-0.2,0.6s-0.3,0.2-0.6,0.2h-0.8v3.1c0.4,0,0.8,0.2,1.1,0.5C24.8,5.5,25,5.9,25,6.3v13.4c0,0.6-0.2,1.2-0.7,1.7
                    c-0.4,0.4-1,0.7-1.7,0.7H3.9c-1,0-2-0.4-2.8-1.2C0.4,20.1,0,19.1,0,18.1V3.1z M1.6,5.9v12.2c0,0.6,0.2,1.2,0.7,1.7
                    c0.4,0.4,1,0.7,1.7,0.7h18.7c0.2,0,0.4-0.1,0.6-0.2c0.1-0.1,0.2-0.3,0.2-0.6V6.3H3.1C2.6,6.3,2,6.1,1.6,5.9z M1.6,3.1
                    C1.6,3.6,1.7,4,2,4.3c0.3,0.3,0.7,0.5,1.1,0.5h18.8V1.6H3.1C2.7,1.6,2.3,1.7,2,2C1.7,2.3,1.6,2.7,1.6,3.1z"/>
            </svg>
          </div>
          <div class="box_contant ps-3">
            <h3 >@if(!empty($checkwalletbal)){{$checkwalletbal->balance}} @else 0 @endif</h3>
            <p >Wallet Balance</p>
          </div>
          </a> </div>
      </div>
      <div class="col-lg-3 col-sm-6">
        <div class="box"> <a href="{{url('client/accountlisting')}}" class="d-flex">
          <div class="box_icon mx-2 account_i">
            <svg version="1.1" class="user_pink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                  viewBox="0 0 26 30" style="enable-background:new 0 0 26 30;" xml:space="preserve">
              <path class="st0" d="M1.7,27.8v-1.4c0-4.7,3.8-8.5,8.5-8.5h5.7c4.7,0,8.5,3.8,8.5,8.5v1.4"/>
              <path class="st0" d="M13,13.6c-3.1,0-5.7-2.5-5.7-5.7c0-3.1,2.5-5.7,5.7-5.7c3.1,0,5.7,2.5,5.7,5.7C18.7,11,16.1,13.6,13,13.6z"/>
            </svg>
          </div>
          <div class="box_contant ps-3">
            <h3 class="text-black">{{ $totalvertexaccount }}</h3>
            <p>Total Vertex Account</p>
          </div>
          </a> </div>
      </div>
      <div class="col-lg-3 col-sm-6">
        <div class=" box"> <a href="{{url('client/depositreport')}}" class="d-flex">
          <div class="box_icon mx-2 deposit_i">
            <svg version="1.1" class="doller_green" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 21 37" style="enable-background:new 0 0 21 37;" xml:space="preserve">
              <path class="st0" d="M9,4.1L8.8,1L12,0l0.2,3.1L9,4.1z M8.8,36.6v-4l3.4,0v3.9H8.8z M10.5,33.2c-0.8,0-1.6,0-2.4-0.1
                    c-0.8,0-1.6-0.1-2.5-0.2c-0.8-0.1-1.6-0.2-2.4-0.3c-0.7-0.1-1.4-0.3-2-0.4v-4.7c0.8,0.1,1.7,0.1,2.7,0.2c1,0.1,2.1,0.1,3.2,0.1
                    c1.1,0,2.1,0,3.1,0c1,0,1.9-0.1,2.6-0.2c0.7-0.2,1.3-0.5,1.7-0.9c0.4-0.5,0.6-1.1,0.6-1.8v-1.1c0-0.9-0.3-1.5-0.8-2
                    c-0.5-0.5-1.2-0.7-2.2-0.7H9.6c-2.8,0-5-0.6-6.5-1.8c-1.5-1.3-2.2-3.4-2.2-6.4v-1.4c0-2.9,0.8-5,2.5-6.3c1.7-1.3,4-2,7.1-2
                    c1.1,0,2.2,0.1,3.2,0.2c1.1,0.1,2.1,0.2,3.1,0.4c1,0.1,1.9,0.3,2.6,0.4v4.7c-1.2-0.1-2.6-0.2-4.1-0.2c-1.5-0.1-2.9-0.1-4.2-0.1
                    c-0.9,0-1.7,0.1-2.4,0.3C7.9,8.9,7.4,9.2,7,9.7c-0.4,0.5-0.6,1.2-0.6,2v0.8c0,1,0.3,1.8,0.9,2.2c0.6,0.5,1.5,0.7,2.6,0.7h2.9
                    c1.8,0,3.3,0.3,4.4,1c1.2,0.6,2,1.5,2.6,2.7c0.6,1.1,0.9,2.5,0.9,3.9v1.7c0,2.3-0.4,4.1-1.3,5.3c-0.9,1.2-2.1,2.1-3.6,2.5
                    C14.3,33,12.5,33.2,10.5,33.2z"/>
            </svg>
          </div>
          <div class="box_contant ps-3">
            <h3 class=" text-black">$ {{$totaldeposit}}</h3>
            <p>Total Deposit</p>
          </div>
          </a> </div>
      </div>
      <div class="col-lg-3 col-sm-6">
        <div class=" active box"> <a href="{{url('client/withdrawreport')}}" class="d-flex">
          <div class="box_icon mx-2 withdrawal_i">
            <svg version="1.1" class="doller_blue" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                viewBox="0 0 21 37" style="enable-background:new 0 0 21 37;" xml:space="preserve">
              <path class="st0" d="M9,4.1L8.8,1L12,0l0.2,3.1L9,4.1z M8.8,36.6v-4l3.4,0v3.9H8.8z M10.5,33.2c-0.8,0-1.6,0-2.4-0.1
                c-0.8,0-1.6-0.1-2.5-0.2c-0.8-0.1-1.6-0.2-2.4-0.3c-0.7-0.1-1.4-0.3-2-0.4v-4.7c0.8,0.1,1.7,0.1,2.7,0.2c1,0.1,2.1,0.1,3.2,0.1
                c1.1,0,2.1,0,3.1,0c1,0,1.9-0.1,2.6-0.2c0.7-0.2,1.3-0.5,1.7-0.9c0.4-0.5,0.6-1.1,0.6-1.8v-1.1c0-0.9-0.3-1.5-0.8-2
                c-0.5-0.5-1.2-0.7-2.2-0.7H9.6c-2.8,0-5-0.6-6.5-1.8c-1.5-1.3-2.2-3.4-2.2-6.4v-1.4c0-2.9,0.8-5,2.5-6.3c1.7-1.3,4-2,7.1-2
                c1.1,0,2.2,0.1,3.2,0.2c1.1,0.1,2.1,0.2,3.1,0.4c1,0.1,1.9,0.3,2.6,0.4v4.7c-1.2-0.1-2.6-0.2-4.1-0.2c-1.5-0.1-2.9-0.1-4.2-0.1
                c-0.9,0-1.7,0.1-2.4,0.3C7.9,8.9,7.4,9.2,7,9.7c-0.4,0.5-0.6,1.2-0.6,2v0.8c0,1,0.3,1.8,0.9,2.2c0.6,0.5,1.5,0.7,2.6,0.7h2.9
                c1.8,0,3.3,0.3,4.4,1c1.2,0.6,2,1.5,2.6,2.7c0.6,1.1,0.9,2.5,0.9,3.9v1.7c0,2.3-0.4,4.1-1.3,5.3c-0.9,1.2-2.1,2.1-3.6,2.5
                C14.3,33,12.5,33.2,10.5,33.2z"/>
            </svg>
          </div>
          <div class="box_contant ps-3">
            <h3 class="text-white">$ {{$totalwithdraw}}</h3>
            <p >Total Withdrawal</p>
          </div>
          </a> </div>
      </div>
    </div>
  </section>



  <section class="container spacer">
    <div class="TableBox">
        
         <div class="table_title d-flex justify-content-between align-items-center pe-3">
      <div class="position_name d-flex align-items-center">
        <h3>Withdraw List</h3>
      </div>
       {{-- <div class="title_input">
          <input class="nosubmit" type="search" placeholder="search by login ID">
        </div> --}}
    </div>
        
      <hr class="m-0">
        
      <div class="table_filed table-responsive-lg">
        <table class="table table1">
          <thead>
            <tr>
                <th>Bank Account</th>
                <th>Vertex Account Id</th>
                <th>Amount</th>
                <th>Note</th>
                <th>Requested date</th>
                <th>Approved date</th>
                <th>Approved By</th>
                <th>Status</th>
            </tr>
          </thead>
          <tbody>
                @if(count($deposit) > 0)
                @foreach($deposit as $depositdata)
                <tr>
                    <!-- <td>{{ $depositdata->id }}</td> -->
                    <td class="text-center">{{ $depositdata->bankaccount }}</td>
                    <td class="text-center">{{ $depositdata->mt5id }}</td>
                    <td class="text-center">{{ $depositdata->amount }} </td>                                
                    <td class="text-center">{{ $depositdata->note }}</td>
                    <td class="text-center">{{ date('d/m/Y',strtotime($depositdata->created_at)) }}</td>
                    <td class="text-center">{{ date('d/m/Y',strtotime($depositdata->updated_at)) }}</td>
                    <td class="text-center">{{ $depositdata->approved_by }}</td>
                    <td class="text-center">@if($depositdata->status == '0') <button class="btn btn-danger">Pending</button>  @elseif($depositdata->status == '1')
                    <button class="btn btn-success">Approved</button> @elseif($depositdata->status == '2') <button class="btn btn-warning">Rejected</button> @endif</td>
                    <!-- <td>@if($depositdata->status == '0') <a class="btn btn-danger"
                            href="{{ url('/client/withdraw/delete/'.$depositdata->id.'') }}">Cancel</a>@endif
                    </td> -->
                    
                </tr>
                @endforeach
                @endif
          </tbody>
        </table>
      </div>
    </div>
  </section>

@endsection