@extends('template.coin.layouts.base')

@section('title', __('Fund History'))

@section('css')
<style>
.pcoded[layout-type="dark"] .card{
background-color:#fff;

}
.pcoded[layout-type="dark"] .table>thead>tr>th {
       border-bottom: 1px solid #d6dde1;
         padding: 0 10px 0 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #7668fe;
    text-transform: uppercase;
  
}

.pcoded[layout-type="dark"] .table td, .pcoded[layout-type="dark"] .table th {
     border-top: none; 
}
.pcoded[layout-type="dark"] .card-footer {
     background-color: transparent; 
}
.d-xcard{
    min-height:375px;
}
.data-table-plain .data-col {
  padding: 14px 12px 14px 0;
}
.data-table:not(.dt-init) .data-item:last-child .data-col {
  border-bottom: none;
  padding-bottom: 5px;
}
.data-col:last-child {
  padding-right: 0;
}
.data-col .lead {
  font-size: 12px;
  font-weight: 600;
  color: #495463;
  letter-spacing: 0.01em;
  line-height: 1.2;
  display: block;
  margin-top: 0;
}
.data-col .sub {
  font-size: 10px;
  font-weight: 400;
  color: #758698;
  letter-spacing: 0.01em;
  line-height: 1.3;
  padding-top: 7px;
  display: block;
}
.data-col .sub-s2 {
  font-size: 12px;
  color: #495463;
  padding-top: 0;
}
.data-col .sub-s2.sub-time {
  font-size: 0.8em;
}
.data-col .sub:first-child {
  padding-top: 0;
}
.data-col .sub [data-toggle="tooltip"] {
  color: #758698;
  font-size: 11px;
}
.data-col.dt-status {
  text-align: center;
}
.data-col-wd-sm {
  width: 100px;
}
.data-col-wd-md {
  width: 120px;
}
.data-col-wd-lg {
  width: 180px;
}
.data-col .text-wrap {
  width: 70px;
}
.data-item {
  background: #fff;
  margin-bottom: 3px;
  border-radius: 4px;
  position: relative;
}
.data-head .data-col {
  padding: 0 10px 0 0;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #7668fe;
  text-transform: uppercase;
  border-bottom: none;
}
.data-state {
  height: 30px;
  width: 30px;
  line-height: 28px;
  flex-shrink: 0;
  display: inline-block;
}
.data-state:not(:last-child) {
  margin-right: 12px;
}
.data-state:after {
  display: block;
  font-family: "themify";
  color: #7668fe;
  height: 100%;
  width: 100%;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid;
}
.data-state-sm {
  height: 24px;
  width: 24px;
  line-height: 23px;
}
.data-state-sm:after {
  font-size: 12px;
}
.data-item {
    background: #fff;
    margin-bottom: 3px;
    border-radius: 4px;
    position: relative;
}

.data-col {
    padding: 14px 15px 14px 0;
    border-bottom: 1px solid #e6effb;
    color: #000;
}

.data-col .lead {
    font-size: 12px;
    font-weight: 600;
    color: #495463;
    letter-spacing: 0.01em;
    line-height: 1.2;
    display: block;
    margin-top: 0;
}

.data-item .lead {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
}
 .data-item .lead {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
  .data-item .sub {
    font-size: 12px;
    letter-spacing: 0.02em;
    padding-top: 7px;
  }
  .data-item .sub-s2 {
    font-size: 13px;
    color: #495463;
  }
  .data-details-info {
    font-size: 13px;
  }
  .data-details > div {
    margin-bottom: 0;
  }
  .data-details-head {
    font-size: 14px;
  }
  .data-details-docs > li {
    width: 100%;
  }
  .data-col .text-wrap {
    width: 150px;
  }
  .data-col-wd-sm {
    width: 120px;
  }
  .data-col-wd-md {
    width: 160px;
  }
  .data-col-wd-lg {
    width: 200px;
  }
</style>
@endsection

@section('content')
<div class="page-header card">
                              <div class="row align-items-end">
                                  <div class="col-lg-8">
                                      <div class="page-header-title">
                                          <i class="feather icon-credit-card bg-c-blue"></i>
                                          <div class="d-inline">
                                              <h5>Funds History</h5>
                                             
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-lg-4">
                                      <div class="page-header-breadcrumb">
                                          <ul class=" breadcrumb breadcrumb-title">
                                              <li class="breadcrumb-item">
                                                  <a href="/dashboard"><i class="feather icon-home"></i></a>
                                              </li>
                                             
                                              <li class="breadcrumb-item">
                                                  <a href="#">history</a>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          
                          <div class="pcoded-inner-content">
                        <!-- Main-body start -->
                        <div class="main-body">
                            <div class="page-wrapper">
                                <!-- Page-body start -->
                                <div class="page-body">
                                <div class="card">
            	@if(Session::has('message'))
		        <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-info alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <i class="fa fa-info-circle"></i> {{ Session::get('message') }}
                        </div>
                    </div>
                </div>
                @endif
                
                	@if(Session::has('sucmessage'))
		        <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-success alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <i class="fa fa-info-circle"></i> {{ Session::get('sucmessage') }}
                        </div>
                    </div>
                </div>
                @endif
        </div>
                                    <!-- Inverse table card start -->
                                    <div class="card d-xcard">
                                        <div class="card-header">
                                            <h5 style="color:#000">Deposit History</h5>
                                            
                                            <div class="card-header-right">                                                                     </div>
                                        </div>
                                        <div class="card-block table-border-style">
                                            <div class="table-responsive">
                                                <table class="table table-inverse">
                                                    <thead>
                                                        <tr>
                                  <th >Tranx Id</th>
                                            <th  rowspan="1" colspan="1">Amount</th>
                                            <th rowspan="1" colspan="1">Wallet</th>
                                            <th rowspan="1" colspan="1">Payment Mode</th>
                                            <th  rowspan="1" colspan="1">Status</th>
                                        
                                            <th rowspan="1" colspan="1"><div class="dt-type-text">Processed At</div></th>
                                            <th  rowspan="1" colspan="1"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                      @if(!empty($deposits))
                                        @foreach($deposits as $deposit)
                                        <tr class="data-item tnx-item-72065 odd" role="row">
                                            <td class="data-col dt-tnxno">
                                                <div class="d-flex align-items-center">
                                                  
                                                    <div class="fake-class">
                                                        <span class="lead tnx-id">{{$deposit->txn_id}}</span>
                                                        <span class="sub sub-date">{{\Carbon\Carbon::parse($deposit->created_at)->toDayDateTimeString()}}</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="data-col dt-amount">
                                                <span class="lead amount-pay">{{$deposit->dwallet()->dwallet()->wallet_name}} Wallet</span>
                                                <span class="sub sub-symbol">{{$deposit->dwallet()->sym}}</span>
                                            </td>
                                            <td class="data-col dt-token">
                                                <span class="lead token-amount">{{number_format($deposit->amount,2,'.',',')}}</span>
                                                <span class="sub sub-symbol">{{system_settings('currency')}}</span>
                                            </td>
                                            <td class="data-col dt-amount">
                                                <span class="lead amount-pay">{{$deposit->dpayment()->name}}</span>
                                                
                                            </td>
                                            <td class="data-col dt-usd-amount">
                                                <span class="lead amount-pay">{{$deposit->status}}</span>
                                              
                                            </td>
                                            
                                            <td class="data-col dt-type">
                                             {{ $deposit->processed_at }}
                                            </td>
                                            <td class="data-col text-right">
                                                {!! get_pay_badge($deposit->status, $deposit->txn_id)!!}

                                             {!! get_paydelete_status($deposit->status, $deposit->txn_id) !!}   
                                                
                                            </td>
                                        </tr>
                                      
                                        @endforeach
                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <div class="card-footer-right">
                                                
                                                </div>
                                        </div>
                                    </div>
                                    <!-- Inverse table card end -->
                                    
                                    <div class="card d-xcard">
                                        <div class="card-header">
                                            <h5 style="color:#000">Withdrawal History</h5>
                                            
                                            <div class="card-header-right">                                                                     </div>
                                        </div>
                                        <div class="card-block table-border-style">
                                            <div class="table-responsive">
                                                <table class="table table-inverse">
                                                    <thead>
                                                        <tr>
                                  <th >Tranx Id</th>
                                  <th >Type</th>
                                            <th  rowspan="1" colspan="1">Amount</th>
                                            <th rowspan="1" colspan="1">Withdrawal Mode</th>
                                            <th  rowspan="1" colspan="1">Status</th>
                                        
                                            <th rowspan="1" colspan="1"><div class="dt-type-text">Processed At</div></th>
                                            <th  rowspan="1" colspan="1"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                      @if(!empty($withdrawals))
                                        @foreach($withdrawals as $withdrawal)
                                        <tr class="data-item tnx-item-72065 odd" role="row">
                                            <td class="data-col dt-tnxno">
                                                <div class="d-flex align-items-center">
                                             
                                                    <div class="fake-class">
                                                        <span class="lead tnx-id">{{$withdrawal->txn_id}}</span>
                                                        <span class="sub sub-date">{{\Carbon\Carbon::parse($withdrawal->created_at)->toDayDateTimeString()}}</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="data-col dt-amount">
                                                <span class="lead amount-pay" style="text-transform:capitalize">{{$withdrawal->type}}</span>
                                            @if(!empty($withdrawal->dwallet_from()))
                                            <span class="sub sub-symbol">{{$withdrawal->dwallet_from()->dwallet()->wallet_name}} Wallet -{{$withdrawal->dwallet_from()->sym}} </span>
                                            @endif
                                            </td>
                                            <td class="data-col dt-token">
                                                <span class="lead token-amount">{{number_format($withdrawal->amount,2,'.',',')}}</span>
                                                <span class="sub sub-symbol">{{system_settings('currency')}}</span>
                                            </td>
                                            <td class="data-col dt-amount">
                                                <span class="lead amount-pay">{{$withdrawal->dmode()->name}}</span>
                                           @if(!empty($withdrawal->dwallet_to()))
                                            <span class="sub sub-symbol">{{$withdrawal->dwallet_to()->dwallet()->wallet_name}} Wallet -{{$withdrawal->dwallet_to()->sym}} </span>
                                            @endif     
                                            </td>
                                            <td class="data-col dt-usd-amount">
                                                <span class="lead amount-pay">{{$withdrawal->status}}</span>
                                              
                                            </td>
                                            
                                            <td class="data-col dt-type">
                                             {{ $withdrawal->processed_at }}
                                            </td>
                                            <td class="data-col text-right">
                                               
                                             {!! get_paydelete_status($withdrawal->status, $withdrawal->txn_id) !!}   
                                                
                                            </td>
                                        </tr>
                                      
                                        @endforeach
                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <div class="card-footer-right">
                                                
                                                </div>
                                        </div>
                                    </div>
                                 
                                </div>
                                <!-- Page-body end -->
                            </div>
                        </div>
                        <!-- Main-body end -->

                        <div id="styleSelector">

                        </div>
                    </div>
@endsection