@extends('layouts.master')
@section('title',trans('dashboard'))
@section('header')
@endsection
@section('main')
    <section id="dashboard-analytics">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="card bg-analytics text-white">
                    <div class="card-content">
                        <div class="card-body text-center">
                            <img src="/panelAssets/app-assets/images/elements/decore-left.png" class="img-left" alt="
                                 card-img-left">
                            <img src="/panelAssets/app-assets/images/elements/decore-right.png" class="img-right" alt="
                                 card-img-right">
                            <div class="avatar avatar-xl bg-primary shadow mt-0">
                                <div class="avatar-content">
                                    <i class="feather icon-award white font-large-1"></i>
                                </div>
                            </div>
                            <div class="text-center">
                                <h1 class="mb-2 text-white">{{trans('hi')}} {{ucfirst(Auth::user()->name)}},</h1>
                                <p onclick="copyToClipboard(`{{$tronMaster->address_base_58}}`)">
                                    {{trans('master account')}}
                                    : {{$tronMaster->address_base_58}}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex flex-column align-items-start pb-0">
                        <div class="avatar bg-rgba-primary p-50 m-0">
                            <div class="avatar-content">
                                <i class="feather icon-arrow-down text-danger font-medium-5"></i>
                            </div>
                        </div>
                        <h2 class="text-bold-700 mt-1 mb-25">{{$withdrawCount}} {{trans('usdt')}}</h2>
                        <p class="mb-0">{{trans('withdraw count today')}}</p>
                    </div>
                    <div class="card-content">
                        <div id="subscribe-gain-chart"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex flex-column align-items-start pb-0">
                        <div class="avatar bg-rgba-warning p-50 m-0">
                            <div class="avatar-content">
                                <i class="feather icon-arrow-up text-success font-medium-5"></i>
                            </div>
                        </div>
                        <h2 class="text-bold-700 mt-1 mb-25">{{$transactionCount}} {{trans('usdt')}}</h2>
                        <p class="mb-0">{{trans('transaction count today')}}</p>
                    </div>
                    <div class="card-content">
                        <div id="orders-received-chart"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-end">
                        <h4 class="mb-0">{{trans('balance')}}</h4>
                        <p class="font-medium-5 mb-0"><i class="feather icon-help-circle text-muted cursor-pointer"></i>
                        </p>
                    </div>
                    <div class="card-content">
                        <div class="card-body px-0 pb-0" style="position: relative;">
                            <div class="row text-center mx-0">
                                <div class="col-6 border-top border-right d-flex align-items-between flex-column py-1">
                                    <p class="mb-50">{{trans('tron balance')}}</p>
                                    <h2 class="text-bold-700">{{$tronMaster->balance}}</h2>
                                </div>
                                <div class="col-6 border-top d-flex align-items-between flex-column py-1">
                                    <p class="mb-50">{{trans('usdt balance')}}</p>
                                    <h2 class="text-bold-700">{{$tronMaster->usdt_balance}}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="mb-0">{{trans('last orders')}}</h4>
                    </div>
                    <div class="card-content">
                        <table class="table table-hover-animation mb-0">
                            <thead>
                            <tr>
                                <th>{{trans('id')}}</th>
                                <th>{{trans('status')}}</th>
                                <th>{{trans('amount')}}</th>
                                <th>{{trans('created at')}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($payments as $payment)
                                <tr>
                                    <td>#{{$payment->token}}</td>
                                    <td>
                                                <span class="badge badge-dark round">
                                                    <i class="fa fa-circle font-small-3 text-{{$payment->status_class}}"></i>
                                                    {{strtoupper($payment->status)}}
                                                </span>
                                    </td>
                                    <td class="p-1">
                                        {{$payment->amount}} $
                                    </td>
                                    <td>{{$payment->created_at}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('footer')

@endsection