@extends('layouts.master_partner')

@section('title')
    Dashboard
@endsection

@section('dashboard')
    active
@endsection

@section('content')
    <!-- Stats -->
    <div class="row">
        <div class="col-12 col-md-6 col-lg-6 col-xl-6">
            <a class="block block-rounded block-link-pop border-left border-primary border-4x" href="/partner/customer">
                <div class="block-content block-content-full">
                    <div class="font-size-sm font-w600 text-uppercase text-muted">Total Customers</div>
                    <div class="font-size-h2 font-w400 text-dark">{{ $totalCustomer }}</div>
                </div>
            </a>
        </div>
        <div class="col-12 col-md-6 col-lg-6 col-xl-6">
            <a class="block block-rounded block-link-pop border-left border-primary border-4x" href="/partner/customer">
                <div class="block-content block-content-full">
                    <div class="font-size-sm font-w600 text-uppercase text-muted">Total Orders</div>
                    <div class="font-size-h2 font-w400 text-dark">{{ $totalOrder }}</div>
                </div>
            </a>
        </div>
        <div class="col-12 col-md-4 col-lg-4 col-xl-4">
            <a class="block block-rounded block-link-pop border-left border-primary border-4x" href="/partner/wallet">
                <div class="block-content block-content-full">
                    <div class="font-size-sm font-w600 text-uppercase text-muted">Total Earnings</div>
                    <div class="font-size-h2 font-w400 text-dark">{{ config('innoplore.currency').$totalEarning }}</div>
                </div>
            </a>
        </div>
        <div class="col-12 col-md-4 col-lg-4 col-xl-4">
            <a class="block block-rounded block-link-pop border-left border-primary border-4x" href="/partner/wallet">
                <div class="block-content block-content-full">
                    <div class="font-size-sm font-w600 text-uppercase text-muted">Total Paid</div>
                    <div class="font-size-h2 font-w400 text-dark">{{ config('innoplore.currency').($totalEarning - $totalBalance) }}</div>
                </div>
            </a>
        </div>
        <div class="col-12 col-md-4 col-lg-4 col-xl-4">
            <a class="block block-rounded block-link-pop border-left border-primary border-4x" href="/partner/wallet">
                <div class="block-content block-content-full">
                    <div class="font-size-sm font-w600 text-uppercase text-muted">Balance</div>
                    <div class="font-size-h2 font-w400 text-dark">{{ config('innoplore.currency').$totalBalance }}</div>
                </div>
            </a>
        </div>
    </div>


    <!-- Customers and Latest Orders -->
    <div class="row row-deck">
        <!-- Latest Customers -->
        <div class="col-lg-6">
            <div class="block block-mode-loading-oneui">
                <div class="block-header block-header-default">
                    <h3 class="block-title">Latest Customers</h3>
                    <div class="block-options">
                        <a type="button" class="btn btn-sm btn-outline-primary"  href="/partner/customer">View All</a>
                    </div>
                </div>
                <div class="block-content block-content-full">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover table-borderless table-vcenter font-size-sm mb-0">
                            <thead>
                            <tr class="text-uppercase">
                                <th class="font-w700">#</th>
                                <th class="font-w700">Name</th>
                                <th class="font-w700">Email</th>
                                <th class="font-w700">City</th>
                                <th class="font-w700">ORDERS</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($customers as $customer)
                                @if ($loop->iteration > 5)
                                    @break
                                @endif
                            <tr>
                                <td><span class="font-w600">{{ $loop->iteration }}</span></td>
                                <td class="font-w600">{{ $customer->name }}</td>
                                <td class="font-w600">{{ $customer->email }}</td>
                                <td class="font-w600">@if($customer->cityName) {{ $customer->cityName->name }} @endif</td>
                                <td class="d-none d-sm-table-cell text-center">
                                    <a class="link-fx font-w600" href="javascript:void(0)">{{ $customer->subscriptions->count() }}</a>
                                </td>
                            </tr>
                            @empty
                                <tr>
                                    <td colspan="5"><span class="font-w600 text-danger">No Customer</span></td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Latest Customers -->

        <!-- Latest Orders -->
        <div class="col-lg-6">
            <div class="block block-mode-loading-oneui">
                <div class="block-header block-header-default">
                    <h3 class="block-title">Latest Transaction</h3>
                    <div class="block-options">
                        <a type="button" class="btn btn-sm btn-outline-primary"  href="/partner/wallet">View All</a>
                    </div>
                </div>
                <div class="block-content block-content-full">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover table-borderless table-vcenter font-size-sm mb-0">
                            <thead>
                            <tr class="text-uppercase">
                                <th class="font-w700">#</th>
                                <th class="font-w700">Amount</th>
                                <th class="font-w700">Type</th>
                                <th class="font-w700">Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($wallets as $wallet)
                                @if ($loop->iteration > 5)
                                    @break
                                @endif
                                @if($wallet->amount > 0)
                                    <tr class="table-success">
                                @else
                                    <tr class="table-danger">
                                @endif
                                    <td><span class="font-w600">{{ $loop->iteration }}</span></td>
                                    <td class="font-w600">{{ config('innoplore.currency').$wallet->amount }}</td>
                                    <td class="font-w600">{{ $wallet->type }}</td>
                                    <td class="font-w600">{{ $wallet->created_at->format("j M Y") }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5"><span class="font-w600 text-danger">No Transaction</span></td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Latest Orders -->
    </div>
    <!-- END Customers and Latest Orders -->
    <!-- END Stats -->
@endsection