@extends('layouts.admin')

@section('content')
    <div class="card">
        <div class="card-header">{{ trans('global.dashboard') }}</div>

        <h5 class="ml-3 mt-2">{{ trans('cruds.user.title') }}</h5>

        <div class="card-body row">
            {{-- Buyer Requested Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.users.buyer') }}#buyer_requested">
                    <div class="card text-white bg-warning shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.buyer_requested') }}</h5>
                            <h3>{{ $buyer_requested }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Buyer Accepted Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.users.buyer') }}#buyers">
                    <div class="card text-white bg-success shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.buyer_accepted') }}</h5>
                            <h3>{{ $buyer_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Buyer Rejected Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.users.buyer') }}#buyer_rejected">
                    <div class="card text-white bg-danger shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.buyer_rejected') }}</h5>
                            <h3>{{ $buyer_rejected_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Seller Requested Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.users.seller') }}#sellers_requested">
                    <div class="card text-white bg-warning shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.seller_requested') }}</h5>
                            <h3>{{ $seller_requested }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Seller Accepted Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.users.seller') }}#sellers">
                    <div class="card text-white bg-success shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.seller_accepted') }}</h5>
                            <h3>{{ $seller_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Seller Rejected Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.users.seller') }}#seller_rejected">
                    <div class="card text-white bg-danger shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.seller_rejected') }}</h5>
                            <h3>{{ $seller_rejected_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <h5 class="ml-3 mt-2">{{ trans('cruds.product.singular') }}</h5>

        <div class="card-body row">
            {{-- Category Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.category.index') }}">
                    <div class="card text-white bg-primary shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.categories') }}</h5>
                            <h3>{{ $category_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Upcoming Product Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.products.auction_product') }}#upcoming">
                    <div class="card text-white bg-warning shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.upcoming_products') }}</h5>
                            <h3>{{ $upcoming_product_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Live Product Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.products.auction_product') }}#live">
                    <div class="card text-white bg-info shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.live_auction_products') }}</h5>
                            <h3>{{ $live_auction_product_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Archived Auction Product Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.products.auction_product') }}#archived">
                    <div class="card text-white bg-success shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.archived_products') }}</h5>
                            <h3>{{ $archived_auction_product_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Waiting for Payment Auction Product Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.products.auction_product') }}#waiting-for-payment">
                    <div class="card text-white bg-info shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.waiting_for_payment') }}</h5>
                            <h3>{{ $waiting_for_payment_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Sold Auction Product Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.products.auction_product') }}#sold_auction">
                    <div class="card text-white bg-danger shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.sold_auction_products') }}</h5>
                            <h3>{{ $sold_auction_product_count}}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Sell Product Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.products.sell_product') }}#sell">
                    <div class="card text-white bg-warning shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.sell_products') }}</h5>
                            <h3>{{ $sell_product_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Sell Sold Product Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.products.sell_product') }}#sold_sell">
                    <div class="card text-white bg-danger shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.sold_sell_products') }}</h5>
                            <h3>{{ $sell_sold_product_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <h5 class="ml-3 mt-2">{{ trans('global.transactions') }}</h5>

        <div class="card-body row">
            {{-- Online Transaction Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.transaction.index', ['type' => 'online-payment']) }}">
                    <div class="card text-white bg-primary shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.online_payment') }}</h5>
                            <h3>{{ $online_payment_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Cash Payment Requested Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.transaction.index', ['type' => 'cash-payment-requested']) }}">
                    <div class="card text-white bg-warning shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.cash_payment_requested') }}</h5>
                            <h3>{{ $cash_payment_requested_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Cash Payment Transaction Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.transaction.index', ['type' => 'cash-payment']) }}">
                    <div class="card text-white bg-info shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.cash_payment') }}</h5>
                            <h3>{{ $cash_payment_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Cash Payment Rejected Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.transaction.index', ['type' => 'cash-payment-rejected']) }}">
                    <div class="card text-white bg-danger shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('global.cash_payment_rejected') }}</h5>
                            <h3>{{ $cash_payment_rejected_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        
        <div class="card-body row">
            {{-- Advertisement Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.advertisement.index') }}">
                    <div class="card text-white bg-success shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('cruds.advertisement.title') }}</h5>
                            <h3>{{ $advertisement_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>

            {{-- Contact us Count --}}
            <div class="col-md-3">
                <a href="{{ route('admin.contact-us.index') }}">
                    <div class="card text-white bg-info shadow">
                        <div class="card-body">
                            <h5 class="card-title">{{ trans('cruds.contactus.title') }}</h5>
                            <h3>{{ $contact_us_count }}</h3>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@parent

<script>
    document.addEventListener('DOMContentLoaded', function () {
        let timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
        
        fetch('/admin/set-timezone', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            body: JSON.stringify({ timezone: timezone })
        });
    });
</script>

@endsection