@extends('Common::admin.layout.page')

@section('page')

{{-- ===== User Info Grid ===== --}}
<div class="row">
    <div class="col-12">
        <div class="card card-primary card-outline">
            <div class="card-header">
                <h3 class="card-title d-flex justify-content-between align-items-center w-100">
                    <span><i class="fas fa-user mr-2"></i>{{ __('show user') }}</span>
                    <a href="{{ route('admin.reviews.index', ['type' => 'user', 'id' => $user->id]) }}" class="btn btn-info btn-sm">
                        <i class="fa fa-star"></i> {{ __('View Reviews') }}
                    </a>
                </h3>
            </div>
            <div class="card-body">

                {{-- Profile Image Row --}}
                <div class="row mb-3 align-items-center">
                    <div class="col-md-2 text-center">
                        <img class="img-circle elevation-2"
                             src="{{ $user->image ?: asset('dist/img/avatar.png') }}"
                             style="width:100px;height:100px;object-fit:cover;"
                             alt="{{ $user->name }}">
                        <div class="mt-1">
                            <strong>{{ $user->name }}</strong><br>
                            <small class="text-muted">#{{ $user->id }}</small>
                        </div>
                    </div>
                    <div class="col-md-10">
                        {{-- 4-column info grid --}}
                        <div class="row">

                            @php
                                $fields = [
                                    ['icon' => 'fas fa-envelope',      'label' => __('Email'),              'value' => $user->email],
                                    ['icon' => 'fas fa-phone',         'label' => __('mobile'),             'value' => $user->phone],
                                    ['icon' => 'fas fa-signature',     'label' => __('NickName'),           'value' => $user->NickName],
                                    ['icon' => 'fas fa-flag',          'label' => __('Nationality'),        'value' => $user->Nationality],
                                    ['icon' => 'fas fa-venus-mars',    'label' => __('Gender'),             'value' => $user->gender],
                                    ['icon' => 'fas fa-birthday-cake', 'label' => __('Date Of Birth'),      'value' => $user->Date_Of_Birth],
                                    ['icon' => 'fas fa-star-half-alt', 'label' => __('Average Rating'),     'value' => number_format($user->reviews()->avg('rating') ?: 0, 1) . ' / 5.0'],
                                    ['icon' => 'fas fa-sort-numeric-up','label' => __('self_Ranking'),      'value' => ($user->self_Ranking ?? '-') . ' / 10'],
                                    ['icon' => 'fas fa-gamepad',       'label' => __('Games Played'),       'value' => $user->Games_Played],
                                    ['icon' => 'fas fa-tag',           'label' => __('Category'),           'value' => $user->category?->name],
                                    ['icon' => 'fas fa-map-marker-alt','label' => __('Playing Style'),      'value' => $user->location?->name],
                                    ['icon' => 'fas fa-calendar-alt',  'label' => __('Joined At'),          'value' => $user->created_at?->format('Y-m-d')],
                                ];
                            @endphp

                            @foreach($fields as $field)
                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="info-box mb-0" style="min-height:60px;padding:8px 12px;">
                                    <span class="info-box-icon" style="width:40px;height:60px;line-height:60px;font-size:1.2rem;">
                                        <i class="{{ $field['icon'] }}"></i>
                                    </span>
                                    <div class="info-box-content" style="padding:4px 0 4px 8px;">
                                        <span class="info-box-text" style="font-size:0.72rem;text-transform:uppercase;color:#999;">
                                            {{ $field['label'] }}
                                        </span>
                                        <span class="info-box-number" style="font-size:0.9rem;font-weight:600;">
                                            {{ $field['value'] ?: '—' }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                            @endforeach

                            {{-- Wallet Balance - highlighted --}}
                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="info-box mb-0 bg-success" style="min-height:60px;padding:8px 12px;">
                                    <span class="info-box-icon" style="width:40px;height:60px;line-height:60px;font-size:1.2rem;">
                                        <i class="fas fa-wallet"></i>
                                    </span>
                                    <div class="info-box-content" style="padding:4px 0 4px 8px;">
                                        <span class="info-box-text" style="font-size:0.72rem;text-transform:uppercase;">
                                            {{ __('Balance') }}
                                        </span>
                                        <span class="info-box-number" style="font-size:0.9rem;font-weight:600;">
                                            {{ number_format($user->wallet?->balance ?? 0, 2) }} {{ app_setting('currency', 'GBP') }}
                                        </span>
                                    </div>
                                </div>
                            </div>

                            {{-- Stripe Connect Status --}}
                            <div class="col-md-3 col-sm-6 mb-3">
                                <div class="info-box mb-0 bg-info" style="min-height:60px;padding:8px 12px;">
                                    <span class="info-box-icon" style="width:40px;height:60px;line-height:60px;font-size:1.2rem;">
                                        <i class="fab fa-stripe-s"></i>
                                    </span>
                                    <div class="info-box-content" style="padding:4px 0 4px 8px;">
                                        <span class="info-box-text" style="font-size:0.72rem;text-transform:uppercase;">
                                            {{ __('Stripe Status') }}
                                        </span>
                                        <span class="info-box-number" style="font-size:0.9rem;font-weight:600;">
                                            {{ ucfirst($user->stripeconnect_account_status ?? 'Not Connected') }}
                                        </span>
                                    </div>
                                </div>
                            </div>

                            {{-- Bio - full width --}}
                            @if($user->Bio)
                            <div class="col-12 mb-3">
                                <div class="info-box mb-0" style="min-height:60px;padding:8px 12px;">
                                    <span class="info-box-icon" style="width:40px;height:60px;line-height:60px;font-size:1.2rem;">
                                        <i class="fas fa-align-left"></i>
                                    </span>
                                    <div class="info-box-content" style="padding:4px 0 4px 8px;">
                                        <span class="info-box-text" style="font-size:0.72rem;text-transform:uppercase;color:#999;">{{ __('Bio') }}</span>
                                        <span class="info-box-number" style="font-size:0.9rem;font-weight:400;">{{ $user->Bio }}</span>
                                    </div>
                                </div>
                            </div>
                            @endif

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

{{-- ===== Match Tables ===== --}}
<div class="row">
    <div class="col-md-6">
        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title">{{ __('Match History') }}</h3>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>{{ __('Match ID') }}</th>
                            <th>{{ __('name') }}</th>
                            <th>{{ __('date') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th>{{ __('Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($historyMatches as $match)
                        <tr>
                            <td>{{ $match->id }}</td>
                            <td>{{ $match->name }}</td>
                            <td>{{ $match->date }} {{ $match->Time }}</td>
                            <td>{{ __($match->status) }}</td>
                            <td>
                                <a href="{{ route('admin.matches.show', $match->id) }}" class="btn btn-sm btn-primary">
                                    <i class="fa fa-eye"></i> {{ __('Show') }}
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center">{{ __('No history matches found') }}</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-success">
            <div class="card-header">
                <h3 class="card-title">{{ __('Upcoming Matches') }}</h3>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>{{ __('Match ID') }}</th>
                            <th>{{ __('name') }}</th>
                            <th>{{ __('date') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th>{{ __('Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($upcomingMatches as $match)
                        <tr>
                            <td>{{ $match->id }}</td>
                            <td>{{ $match->name }}</td>
                            <td>{{ $match->date }} {{ $match->Time }}</td>
                            <td>{{ __($match->status) }}</td>
                            <td>
                                <a href="{{ route('admin.matches.show', $match->id) }}" class="btn btn-sm btn-primary">
                                    <i class="fa fa-eye"></i> {{ __('Show') }}
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center">{{ __('No upcoming matches found') }}</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- ===== Owned Playgrounds ===== --}}
<div class="row">
    <div class="col-12">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">{{ __('Owned Playgrounds') }}</h3>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>{{ __('ID') }}</th>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Address') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th>{{ __('Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($myPlaygrounds as $playground)
                        <tr>
                            <td>{{ $playground->id }}</td>
                            <td>{{ $playground->Name }}</td>
                            <td>{{ $playground->Address }} {{ $playground->City }}</td>
                            <td>
                                @php
                                    $statusClass = [
                                        'active'   => 'success',
                                        'inactive' => 'danger',
                                        'pending'  => 'warning'
                                    ][$playground->status] ?? 'secondary';
                                @endphp
                                <span class="badge badge-{{ $statusClass }}">{{ __($playground->status) }}</span>
                            </td>
                            <td>
                                <a href="{{ route('admin.playgrounds.show', $playground->id) }}" class="btn btn-sm btn-primary">
                                    <i class="fa fa-eye"></i> {{ __('Show') }}
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center">{{ __('No playgrounds found') }}</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- ===== Wallet Transactions ===== --}}
<div class="row">
    <div class="col-12">
        <div class="card card-warning">
            <div class="card-header">
                <h3 class="card-title">{{ __('Wallet Transactions') }}</h3>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>{{ __('ID') }}</th>
                            <th>{{ __('Type') }}</th>
                            <th>{{ __('Amount') }}</th>
                            <th>{{ __('Date') }}</th>
                            <th>{{ __('Description') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($walletTransactions ?? [] as $transaction)
                        @php
                            $type = $transaction->type;
                            $isPositive = in_array($type, ['deposit', 'match_refund', 'transfer', 'payout', 'match_payout']);
                            $isDeduction = in_array($type, ['payment', 'wallet_refund']);
                            $isFailed = in_array($type, ['failed_deposit']);

                            if($isPositive) {
                                $badgeClass = 'badge-success';
                                $amount = in_array($type, ['transfer', 'payout', 'match_payout']) ? $transaction->debit_system : $transaction->credit_palyer;
                                $sign = '+';
                                $textClass = 'text-success';
                            } elseif($isDeduction) {
                                $badgeClass = $type == 'wallet_refund' ? 'badge-secondary' : 'badge-danger';
                                $amount = $transaction->debit_player;
                                $sign = '-';
                                $textClass = 'text-danger';
                            } elseif($isFailed) {
                                $badgeClass = 'badge-danger';
                                $amount = 0;
                                $sign = '';
                                $textClass = 'text-muted';
                            } else {
                                $badgeClass = 'badge-info';
                                $amount = $transaction->credit_palyer > 0 ? $transaction->credit_palyer : $transaction->debit_player;
                                $sign = $transaction->credit_palyer > 0 ? '+' : '-';
                                $textClass = $transaction->credit_palyer > 0 ? 'text-success' : 'text-danger';
                            }
                        @endphp
                        <tr>
                            <td>{{ $transaction->id }}</td>
                            <td>
                                <span class="badge {{ $badgeClass }}">{{ __($type) }}</span>
                            </td>
                            <td class="font-weight-bold">
                                <span class="{{ $textClass }}">
                                    {{ $sign }}{{ number_format($amount, 2) }}
                                </span>
                                {{ app_setting('currency', 'GBP') }}
                            </td>
                            <td>{{ $transaction->created_at->format('Y-m-d H:i') }}</td>
                            <td>{{ $transaction->description }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center">{{ __('No wallet transactions found') }}</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@stop