@extends('layouts.admin')
@section('title')
    @lang('Admin Dashboard')
@endsection
@section('breadcrumb')
<section class="section">
    <div class="section-header">
        <h1>@lang('Dashboard')</h1>
    </div>
</section>
@endsection
@section('content')

    @if (access('dashboard info'))
    <div class="row">
       <div class="col-xl-3 col-lg-4 col-sm-6 col-12">
           <div class="card card-statistic-1">
               <div class="card-icon bg-primary">
                   <i class="far fa-user"></i>
               </div>
               <div class="card-wrap">
                   <div class="card-header">
                       <h4>@lang('Total User')</h4>
                   </div>
                   <div class="card-body">
                      {{$totalUser}}
                   </div>
               </div>
           </div>
       </div>
       <div class="col-xl-3 col-lg-4 col-sm-6 col-12">
           <div class="card card-statistic-1">
               <div class="card-icon bg-primary">
                <i class="fas fa-coins"></i>
               </div>
               <div class="card-wrap">
                   <div class="card-header">
                       <h4>@lang('Total Wallet')</h4>
                   </div>
                   <div class="card-body">
                      {{$totalWallet}}
                   </div>
               </div>
           </div>
       </div>


       <div class="col-xl-3 col-lg-4 col-sm-6 col-12">
           <div class="card card-statistic-1">
               <div class="card-icon bg-primary">
                <i class="far fa-user"></i>
               </div>
               <div class="card-wrap">
                   <div class="card-header">
                       <h4>@lang('Total Staff')</h4>
                   </div>
                   <div class="card-body">
                      {{$totalStaff}}
                   </div>
               </div>
           </div>
       </div>


   </div><h4>Total Asset Balance</h4>
    <hr/>
    <div class="row">

        @foreach($assets as $asset)
       <div class="col-xl-3 col-lg-4 col-sm-6 col-12">
           <div class="card card-statistic-1">
               <div class="card-icon" style="margin-top:-10px">
                   <img src="{{asset('assets')}}/coins_logo/{{strtolower($asset->blockchain_code)}}.png"  alt="" height="40px">
               </div>
               <div class="card-wrap">
                   <div class="card-header">
                       <h4>{{$asset->blockchain_name}}</h4>
                   </div>
                   <div class="card-body">
                       @php
                       $totalAsset = totalAssetBalance($asset->blockchain_code). $asset->blockchain_code;
                       @endphp
                      {{$totalAsset}}
                      {{convertAssetToUSDWithRate($asset->blockchain_code,$totalAsset)}}USD
                   </div>
                   <div class="card-footer">
                       <a href="{{route('admin.manage-assets',$asset->blockchain_code)}}" class="btn btn-block btn-danger">View All</a>
                   </div>
               </div>
           </div>
       </div>
        @endforeach





   </div>
<h4>Total Fait Wallet Balance</h4>
    <div class="row">
        <div class="col-sm-3 col-12">
            <div class="card card-statistic-2">

                <div class="card-wrap">
                    <div class="card-header">
                       <h4>Available Balance</h4>
                    </div>
                    <div class="card-body">
                        {{toMoney($totalDeposit)}}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3 col-12">
            <div class="card card-statistic-2">

            <div class="card-wrap">
                <div class="card-header">
                <h4>Pending Balance</h4>
                </div>
                <div class="card-body">
                   {{toMoney($totalPendingBalance)}}
                </div>
            </div>
            </div>
        </div>
        <div class="col-sm-3 col-12">
            <div class="card card-statistic-2">


            <div class="card-wrap">
                <div class="card-header">
                <h4>Referrer Available Bonus Balance</h4>
                </div>
                <div class="card-body">
                    {{toMoney($totalReferBonusBalance)}}
                </div>
            </div>
            </div>
        </div>
        <div class="col-sm-3 col-12">
            <div class="card card-statistic-2">


            <div class="card-wrap">
                <div class="card-header">
                <h4>Referrer Pending Bonus Balance</h4>
                </div>
                <div class="card-body">
                    {{toMoney($totalReferBonusPendingBalance)}}
                </div>
            </div>
            </div>
        </div>
    </div>
   @endif

   <div class="row">
       <div class="card">
           <div class="card-header">
               <h4>Recent Activities</h4>
           </div>
           <div class="card-body">
               <ul class="nav nav-tabs" id="myTab" role="tablist">
                   <li class="nav-item">
                       <a class="nav-link" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="false">Registered Users</a>
                   </li>
                   <li class="nav-item">
                       <a class="nav-link active show" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">GiftCard Trade</a>
                   </li>
                   <li class="nav-item">
                       <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Crypto Trade</a>
                         </li>
                   <li class="nav-item">
                     <a class="nav-link" id="deposit-tab" data-toggle="tab" href="#deposit" role="tab" aria-controls="deposit" aria-selected="false">Deposits</a>
                        </li>
                   <li class="nav-item">
                        <a class="nav-link" id="withdraw-tab" data-toggle="tab" href="#withdraw" role="tab" aria-controls="withdraw" aria-selected="false">Withdraw</a>
                   </li>
               </ul>
               <div class="tab-content" id="myTabContent">
                   <div class="tab-pane fade " id="home" role="tabpanel" aria-labelledby="home-tab">

                           <table class="table table-bordered table-md">
                               <tbody><tr>
                                   <th>#</th>
                                   <th>Name</th>
                                   <th>Created At</th>
                                   <th>Status</th>
                                   <th>Action</th>
                               </tr>
                               <tr>
                                   <td>1</td>
                                   <td>Irwansyah Saputra</td>
                                   <td>2017-01-09</td>
                                   <td><div class="badge badge-success">Active</div></td>
                                   <td><a href="#" class="btn btn-secondary">Detail</a></td>
                               </tr>
                               <tr>
                                   <td>2</td>
                                   <td>Hasan Basri</td>
                                   <td>2017-01-09</td>
                                   <td><div class="badge badge-success">Active</div></td>
                                   <td><a href="#" class="btn btn-secondary">Detail</a></td>
                               </tr>
                               <tr>
                                   <td>3</td>
                                   <td>Kusnadi</td>
                                   <td>2017-01-11</td>
                                   <td><div class="badge badge-danger">Not Active</div></td>
                                   <td><a href="#" class="btn btn-secondary">Detail</a></td>
                               </tr>
                               <tr>
                                   <td>4</td>
                                   <td>Rizal Fakhri</td>
                                   <td>2017-01-11</td>
                                   <td><div class="badge badge-success">Active</div></td>
                                   <td><a href="#" class="btn btn-secondary">Detail</a></td>
                               </tr>
                               </tbody></table>

                   </div>
                   <div class="tab-pane fade active show" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                       Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui. Aliquam convallis neque eget tellus efficitur, eget maximus massa imperdiet. Morbi a mattis velit. Donec hendrerit venenatis justo, eget scelerisque tellus pharetra a.
                   </div>
                   <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                       Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor. Nam malesuada orci non ornare vulputate. Ut ut sollicitudin magna. Vestibulum eget ligula ut ipsum venenatis ultrices. Proin bibendum bibendum augue ut luctus.
                   </div>
                   <div class="tab-pane fade" id="deposit" role="tabpanel" aria-labelledby="deposit-tab">
                       Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor. Nam malesuada orci non ornare vulputate. Ut ut sollicitudin magna. Vestibulum eget ligula ut ipsum venenatis ultrices. Proin bibendum bibendum augue ut luctus.
                   </div>
               </div>
           </div>
       </div>
       <div class="col-12 col-md-6 col-lg-6">
           <div class="card">
               <div class="card-header">
                   <h4>@lang('Recent Registered Users')</h4>
               </div>
               <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tr>
                            <th>@lang('Name')</th>
                            <th>@lang('Email')</th>
                            <th>@lang('Country')</th>
                            <th>@lang('Status')</th>
                            <th>@lang('Action')</th>
                        </tr>
                        @forelse ($recentUsers as $key => $user)
                            <tr>
                                 <td data-label="@lang('Name')">
                                   {{$user->name}}
                                 </td>
                                 <td data-label="@lang('Email')">{{$user->email}}</td>
                                 <td data-label="@lang('Country')">{{$user->country}}</td>
                                 <td data-label="@lang('Status')">
                                    @if($user->status == 1)
                                        <span class="badge badge-success">@lang('active')</span>
                                    @elseif($user->status == 2)
                                         <span class="badge badge-danger">@lang('banned')</span>
                                    @endif
                                 </td>
                                 @if (access('edit user'))
                                 <td data-label="@lang('Action')">
                                     <a class="btn btn-primary details" href="{{route('admin.user.details',$user->id)}}">@lang('Details')</a>
                                 </td>
                                 @else
                                 <td data-label="@lang('Action')">
                                   N/A
                                </td>
                                 @endif

                            </tr>
                         @empty

                            <tr>
                                <td class="text-center" colspan="100%">@lang('No Data Found')</td>
                            </tr>

                        @endforelse
                    </table>
                  </div>
               </div>
           </div>
       </div>

       <div class="col-12 col-md-6 col-lg-6">
           <div class="card">
               <div class="card-header">
                   <h4>@lang('Recent Giftcard Trades')</h4>
               </div>
               <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tr>
                            <th>@lang('Name')</th>
                            <th>@lang('Email')</th>
                            <th>@lang('Country')</th>
                            <th>@lang('Status')</th>
                            <th>@lang('Action')</th>
                        </tr>
                        @forelse ($recentMerchants as $key => $user)
                            <tr>

                                 <td data-label="@lang('Name')">
                                   {{$user->name}}
                                 </td>
                                 <td data-label="@lang('Email')">{{$user->email}}</td>
                                 <td data-label="@lang('Country')">{{$user->country}}</td>
                                 <td data-label="@lang('Status')">
                                    @if($user->status == 1)
                                        <span class="badge badge-success">@lang('active')</span>
                                    @elseif($user->status == 2)
                                         <span class="badge badge-danger">@lang('banned')</span>
                                    @endif
                                 </td>
                                 @if (access('edit merchant'))
                                 <td data-label="@lang('Action')">
                                     <a class="btn btn-primary details" href="{{route('admin.merchant.details',$user->id)}}">@lang('Details')</a>
                                 </td>
                                 @else
                                 <td data-label="@lang('Action')">
                                   N/A
                                 </td>

                                 @endif

                            </tr>
                         @empty

                            <tr>
                                <td class="text-center" colspan="100%">@lang('No Data Found')</td>
                            </tr>

                        @endforelse
                    </table>
                </div>
               </div>
           </div>
       </div>

   </div>

@endsection