@extends('layouts.dashboard')

@section('content')
@php
use App\Models\Order;
/**
 * Admin → Users → one account. A read-only drill-down whose lower panel adapts
 * to the user's role. Built entirely from shared dashboard components
 * (.qm-card / kpi-card / .qm-table / role_pill) — no bespoke markup.
 *
 * @var array $user          the account row (password/PIN hashes already stripped by the controller)
 * @var array $panel         role-scoped data assembled in UserController::show()
 * @var bool  $pinSet        whether this account carries a screen-lock PIN
 * @var array $activity      the platform audit trail for what THIS account did
 * @var array $statusHistory what admins have done TO this account, and who did it
 * @var array $activityPager pager for the audit trail
 * @var array $historyPager  pager for the account history
 *
 * Every table here is a page of its own set, not a fixed excerpt: each carries its own
 * pager key so resizing or paging one panel leaves the others exactly where they were.
 */
$role   = (string) $user['role'];
$status = (string) $user['status'];
$statusPill = ['active' => 'qm-pill-green', 'pending' => 'qm-pill-amber', 'suspended' => 'qm-pill-red'][$status] ?? 'qm-pill-grey';
$payPill = ['paid' => 'qm-pill-green', 'unpaid' => 'qm-pill-grey', 'refunded' => 'qm-pill-red'];
$pinSet = $pinSet ?? false;
$activity = $activity ?? [];
$statusHistory = $statusHistory ?? [];
$activityPager = $activityPager ?? [];
$historyPager = $historyPager ?? [];
// The roles that belong to one restaurant, read from the roles table so a role created
// on the Roles screen behaves like a shipped one on this page too. The driver is a staff
// role now, so staffSlugs() already covers it (was staff + driver via teamSlugs).
$staffRoles = \App\Models\Role::staffSlugs();
$isSelf = (int) $user['id'] === (int) \App\Support\Auth::id();
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-od-topbar">
    <a href="{{ route('admin.users') }}" class="qm-btn qm-btn-outline qm-btn-xs"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('admin.userdetail.back') }}</a>
</div>

<div class="qm-card">
    @php /* The account's identity wears the same hero the restaurant profile
             wears: brand-wash band (avatar, name, pills — support levers on the
             right) over the facts as one measured stat band. */
@endphp
    @php /* Same detail-header language as the restaurant page: divided fact rail
             closing on a solid call to action. Users carry no cover image. */
@endphp
    <div class="qm-billing-plan qm-rdh qm-udh">
        <div class="qm-billing-plan-name">
        <div class="qm-tbl-id">
            {!! brandmark_html($user['avatar'] ?? null, (string) $user['name'], 'lg', 'qm-brandmark--round') !!}
            <div class="qm-tbl-id-text">
                <h2 class="mb-1">{{ $user['name'] }}</h2>
                <div class="d-flex gap-2 flex-wrap">
                    {!! role_pill($role) !!}
                    <span class="qm-pill {{ $statusPill }}">{{ status_label('user', $status) }}</span>
                </div>
            </div>
        </div>
        @php /* Support levers. Suspend/activate gates the account; the other two are the
                 recovery actions a support agent reaches for without touching the password:
                 end every session the account holds, and clear a forgotten screen-lock PIN. */
@endphp
        <div class="d-flex gap-2 flex-wrap">
            @php // Support impersonation. Offered only for accounts that can actually be
                  // adopted: never another super admin, never yourself, never a suspended
                  // account (Auth::impersonate() refuses all three server-side too).
@endphp
            @if (!$isSelf && in_array($role, $staffRoles, true) && $pinSet)
            <form method="post" action="{{ route('admin.users.reset-pin') }}" data-confirm="{{ t_raw('admin.users.confirm_reset_pin', [':name' => (string) $user['name']]) }}">
                @csrf
                <input type="hidden" name="id" value="{{ (int) $user['id'] }}">
                <button type="submit" class="qm-btn qm-btn-xs qm-btn-outline"><i class="fas fa-key" aria-hidden="true"></i> {{ t_raw('admin.users.action_reset_pin') }}</button>
            </form>
            @endif
            @if (!$isSelf)
            <form method="post" action="{{ route('admin.users.sign-out') }}" data-confirm="{{ t_raw('admin.users.confirm_sign_out', [':name' => (string) $user['name']]) }}">
                @csrf
                <input type="hidden" name="id" value="{{ (int) $user['id'] }}">
                <button type="submit" class="qm-btn qm-btn-xs qm-btn-outline"><i class="fas fa-sign-out-alt" aria-hidden="true"></i> {{ t_raw('admin.users.action_sign_out') }}</button>
            </form>
            @endif
            @if ($role !== 'super_admin' && !$isSelf)
            <form method="post" action="{{ route('admin.users.status') }}"{!! $status === 'active' ? ' data-confirm="' . t('admin.users.confirm_suspend') . '"' : '' !!}>
                @csrf
                <input type="hidden" name="id" value="{{ (int) $user['id'] }}">
                <input type="hidden" name="status" value="{{ $status === 'active' ? 'suspended' : 'active' }}">
                <button type="submit" class="qm-btn qm-btn-xs {{ $status === 'active' ? 'qm-btn-outline' : '' }}">{!! $status === 'active' ? t('admin.users.action_suspend') : t('admin.users.action_activate') !!}</button>
            </form>
            @endif
        </div>
        </div>

        <dl class="qm-billing-meta">
            <div><dt>{{ t_raw('common.email') }}</dt><dd class="text-break">{{ $user['email'] }}</dd></div>
            <div><dt>{{ t_raw('common.phone') }}</dt><dd>{!! or_dash($user['phone'] ?? null) !!}</dd></div>
            <div><dt>{{ t_raw('admin.userdetail.member_since') }}</dt><dd>{!! fmt_day($user['created_at']) !!}</dd></div>
            <div><dt>{{ t_raw('admin.userdetail.last_updated') }}</dt><dd>{!! fmt_day($user['updated_at']) !!}</dd></div>
            @php /* The one thing an admin comes here to DO closes the rail, exactly as
                     "Open vendor dashboard" closes the restaurant header's. */
@endphp
            @if (!$isSelf && $role !== 'super_admin' && $status === 'active')
            <div class="qm-rdh-ctacell">
                <form method="post" action="{{ route('impersonate.start') }}" class="m-0" data-confirm="{{ t_raw('admin.impersonate.confirm', [':name' => (string) $user['name']]) }}">
                    @csrf
                    <input type="hidden" name="user_id" value="{{ (int) $user['id'] }}">
                    <button type="submit" class="qm-rdh-cta">{{ t_raw('admin.impersonate.action') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></button>
                </form>
            </div>
            @endif
        </dl>
    </div>
</div>

@php
// -------- Role-specific panel --------
$renderRestaurantCard = static function (?array $rest): string {
    if (!$rest) {
        return '<div class="qm-card h-100 mb-0"><p class="text-muted mb-0">' . t('admin.userdetail.no_restaurant') . '</p></div>';
    }
    $statusMap = ['approved' => 'qm-pill-green', 'pending' => 'qm-pill-amber', 'suspended' => 'qm-pill-red'];
    ob_start();
@endphp
    <div class="qm-card h-100 mb-0">
        <h2 class="mb-3">{{ t_raw('admin.userdetail.restaurant') }}</h2>
        <div class="qm-ops-head">
            <div class="qm-tbl-id">
                {!! restaurant_logo_html($rest, 'md', 'qm-brandmark--round') !!}
                <div class="qm-tbl-id-text">
                    <strong>{{ $rest['name'] }}</strong>
                    @if (!empty($rest['city']))<small class="text-muted d-block">{{ $rest['city'] }}</small>@endif
                </div>
            </div>
            <div class="d-flex align-items-center gap-2">
                <span class="qm-pill {{ $statusMap[$rest['status']] ?? 'qm-pill-grey' }}">{{ status_label('restaurant', (string) $rest['status']) }}</span>
                <a href="{{ url('/admin/restaurants/' . (int) $rest['id']) }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('admin.userdetail.view_restaurant') }}</a>
            </div>
        </div>
    </div>
    @php return (string) ob_get_clean();
};
@endphp

@if ($role === 'vendor')
    <div class="qm-kpi-grid mt-4">
        @partial('kpi-card', ['accent' => 'blue', 'icon' => 'fa-receipt', 'label' => t_raw('admin.userdetail.kpi_orders'), 'value' => number_format((int) ($panel['orders_c'] ?? 0))])
        @partial('kpi-card', ['accent' => 'green', 'icon' => 'fa-money-bill-wave', 'label' => t_raw('admin.userdetail.kpi_revenue'), 'value' => money($panel['collected'] ?? 0)])
    </div>
    <div class="row g-3 qm-billing-row"><div class="col-12">{!! $renderRestaurantCard($panel['restaurant'] ?? null) !!}</div></div>

@php // Floor staff (driver excluded — its richer delivery panel is the `driver` branch below,
      // which isStaff() would otherwise shadow now that the rider is a staff role).
@endphp
@elseif (\App\Models\Role::worksVendorDashboard($role))
    <div class="row g-3 qm-billing-row">
        <div class="col-12 col-lg-4">
            <div class="qm-card h-100 mb-0">
                <div class="qm-ot-k mb-2">{{ t_raw('admin.userdetail.access_pin') }}</div>
                <div><span class="qm-pill {{ !empty($panel['pin_set']) ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! !empty($panel['pin_set']) ? t('admin.userdetail.pin_set') : t('admin.userdetail.pin_unset') !!}</span></div>
            </div>
        </div>
        <div class="col-12 col-lg-8">{!! $renderRestaurantCard($panel['restaurant'] ?? null) !!}</div>
    </div>

@elseif ($role === 'customer')
    <div class="qm-kpi-grid mt-4">
        @partial('kpi-card', ['accent' => 'blue', 'icon' => 'fa-receipt', 'label' => t_raw('admin.userdetail.kpi_orders'), 'value' => number_format((int) ($panel['orders_c'] ?? 0))])
        @partial('kpi-card', ['accent' => 'green', 'icon' => 'fa-wallet', 'label' => t_raw('admin.userdetail.kpi_spent'), 'value' => money($panel['spent'] ?? 0)])
        @partial('kpi-card', ['accent' => 'amber', 'icon' => 'fa-star', 'label' => t_raw('admin.userdetail.kpi_reviews'), 'value' => number_format((int) ($panel['reviews_c'] ?? 0))])
    </div>

    <div class="row g-3 qm-billing-row">
    <div class="col-12 col-lg-6">
    <div class="qm-card h-100 mb-0 d-flex flex-column">
        <h2 class="mb-3">{{ t_raw('admin.userdetail.recent_orders') }}</h2>
        <div class="table-responsive">
        <table class="qm-table">
            <thead><tr><th scope="col">{{ t_raw('admin.dashboard.col_order') }}</th><th scope="col">{{ t_raw('common.status') }}</th><th scope="col">{{ t_raw('admin.orders.col_payment') }}</th><th scope="col">{{ t_raw('admin.orders.col_total') }}</th><th scope="col" class="text-end">{{ t_raw('admin.orders.col_placed') }}</th></tr></thead>
            <tbody>
                @if (!empty($panel['orders']))
@foreach ($panel['orders'] as $o)
                <tr>
                    <td><a class="qm-tbl-link" href="{{ url('/admin/orders/' . (int) $o['id']) }}"><strong>{{ $o['order_number'] }}</strong></a></td>
                    <td><span class="qm-pill {{ Order::statusPill((string) $o['status']) }}">{{ Order::statusLabel((string) $o['status']) }}</span></td>
                    <td><span class="qm-pill {{ $payPill[$o['payment_status']] ?? 'qm-pill-grey' }}">{{ t_raw('status.payment.' . $o['payment_status']) }}</span></td>
                    <td>{{ money($o['total']) }}</td>
                    <td class="qm-cell-body text-end">{!! fmt_datetime($o['placed_at']) !!}</td>
                </tr>
                @endforeach
@else
                @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-receipt', 'msg' => t('admin.userdetail.no_orders')])
                @endif
            </tbody>
        </table>
        </div>
        @partial('table-toolbar', ['pager' => $panel['orders_pager'] ?? []])
    </div>
    </div>

    <div class="col-12 col-lg-6">
    <div class="qm-card h-100 mb-0 d-flex flex-column">
        <h2 class="mb-3">{{ t_raw('admin.userdetail.recent_reviews') }}</h2>
        <div class="table-responsive">
        <table class="qm-table">
            <thead><tr><th scope="col">{{ t_raw('admin.userdetail.col_restaurant') }}</th><th scope="col">{{ t_raw('common.rating') }}</th><th scope="col">{{ t_raw('common.status') }}</th><th scope="col" class="text-end">{{ t_raw('admin.reviews.col_posted') }}</th></tr></thead>
            <tbody>
                @if (!empty($panel['reviews']))
@foreach ($panel['reviews'] as $rv)
                <tr>
                    <td><a class="qm-tbl-link" href="{{ url('/admin/reviews/' . (int) $rv['id']) }}">{{ $rv['restaurant_name'] ?? t_raw('admin.reviews.deleted_restaurant') }}</a></td>
                    <td class="qm-nowrap"><span class="qm-review-stars" role="img" aria-label="{{ (int) $rv['rating'] }} {{ t_raw('admin.reviews.aria_rating_suffix') }}">{!! rating_stars_html((float) (int) $rv['rating']) !!}</span></td>
                    <td><span class="qm-pill {{ $rv['status'] === 'approved' ? 'qm-pill-green' : 'qm-pill-amber' }}">{{ status_label('review', (string) $rv['status']) }}</span></td>
                    <td class="qm-cell-body text-end">{!! fmt_day($rv['created_at']) !!}</td>
                </tr>
                @endforeach
@else
                @partial('table-empty', ['colspan' => 4, 'icon' => 'fa-star', 'msg' => t('admin.userdetail.no_reviews')])
                @endif
            </tbody>
        </table>
        </div>
        @partial('table-toolbar', ['pager' => $panel['reviews_pager'] ?? []])
    </div>
    </div>
    </div>

@elseif ($role === 'driver')
    <div class="qm-kpi-grid mt-4">
        @partial('kpi-card', ['accent' => 'blue', 'icon' => 'fa-motorcycle', 'label' => t_raw('admin.userdetail.kpi_assigned'), 'value' => number_format((int) ($panel['assigned'] ?? 0))])
        @partial('kpi-card', ['accent' => 'green', 'icon' => 'fa-check-circle', 'label' => t_raw('admin.userdetail.kpi_delivered'), 'value' => number_format((int) ($panel['delivered'] ?? 0))])
    </div>
    <div class="row g-3 qm-billing-row">
        <div class="col-12 col-lg-4">
            <div class="qm-card h-100 mb-0">
                <div class="qm-ot-k mb-2">{{ t_raw('admin.userdetail.access_pin') }}</div>
                <div><span class="qm-pill {{ !empty($panel['pin_set']) ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! !empty($panel['pin_set']) ? t('admin.userdetail.pin_set') : t('admin.userdetail.pin_unset') !!}</span></div>
            </div>
        </div>
        <div class="col-12 col-lg-8">{!! $renderRestaurantCard($panel['restaurant'] ?? null) !!}</div>
    </div>
    <div class="qm-card">
        <h2 class="mb-3">{{ t_raw('admin.userdetail.recent_deliveries') }}</h2>
        <div class="table-responsive">
        <table class="qm-table">
            <thead><tr><th scope="col">{{ t_raw('admin.dashboard.col_order') }}</th><th scope="col">{{ t_raw('admin.userdetail.col_restaurant') }}</th><th scope="col">{{ t_raw('common.status') }}</th><th scope="col">{{ t_raw('admin.orders.col_total') }}</th><th scope="col" class="text-end">{{ t_raw('admin.orders.col_placed') }}</th></tr></thead>
            <tbody>
                @if (!empty($panel['orders']))
@foreach ($panel['orders'] as $o)
                <tr>
                    <td><a class="qm-tbl-link" href="{{ url('/admin/orders/' . (int) $o['id']) }}"><strong>{{ $o['order_number'] }}</strong></a></td>
                    <td>{!! or_dash($o['restaurant_name'] ?? null) !!}</td>
                    <td><span class="qm-pill {{ Order::statusPill((string) $o['status']) }}">{{ Order::statusLabel((string) $o['status']) }}</span></td>
                    <td>{{ money($o['total']) }}</td>
                    <td class="qm-cell-body text-end">{!! fmt_datetime($o['placed_at']) !!}</td>
                </tr>
                @endforeach
@else
                @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-motorcycle', 'msg' => t('admin.userdetail.no_orders')])
                @endif
            </tbody>
        </table>
        </div>
        @partial('table-toolbar', ['pager' => $panel['orders_pager'] ?? []])
    </div>
@endif

@php /* Two halves of the same question a support agent opens a record to answer:
         what this account has been doing, and what has been done to it. */
@endphp
<div class="row g-3 qm-billing-row">
<div class="col-12 col-lg-6">
<div class="qm-card h-100 mb-0 d-flex flex-column">
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('admin.userdetail.sec_activity') }}</h2>
        <a href="{{ route('admin.audit') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.view_all') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table">
        <thead><tr><th scope="col">{{ t_raw('admin.restaurantdetail.col_action') }}</th><th scope="col">{{ t_raw('common.description') }}</th><th scope="col">{{ t_raw('admin.userdetail.col_ip') }}</th><th scope="col" class="text-end">{{ t_raw('common.when') }}</th></tr></thead>
        <tbody>
            @if ($activity)
@foreach ($activity as $a)
            <tr>
                <td><span class="qm-pill qm-pill-grey" title="{{ (string) $a['action'] }}">{{ activity_label((string) $a['action']) }}</span></td>
                <td class="qm-maxw-420"><div class="qm-cell-body">{!! or_dash($a['detail'] ?? null) !!}</div></td>
                <td class="qm-cell-body qm-nowrap">{!! or_dash($a['ip'] ?? null) !!}</td>
                <td class="qm-cell-body qm-nowrap text-end" title="{!! fmt_datetime($a['created_at']) !!}">{{ time_ago($a['created_at']) }}</td>
            </tr>
            @endforeach
@else
            @partial('table-empty', ['colspan' => 4, 'icon' => 'fa-clipboard-list', 'msg' => t('admin.userdetail.no_activity')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $activityPager])
</div>
</div>

<div class="col-12 col-lg-6">
<div class="qm-card h-100 mb-0 d-flex flex-column">
    <h2 class="mb-3">{{ t_raw('admin.userdetail.sec_account_history') }}</h2>
    <div class="table-responsive">
    <table class="qm-table">
        <thead><tr><th scope="col">{{ t_raw('admin.restaurantdetail.col_action') }}</th><th scope="col">{{ t_raw('admin.userdetail.col_change') }}</th><th scope="col">{{ t_raw('admin.restaurantdetail.col_by') }}</th><th scope="col">{{ t_raw('common.description') }}</th><th scope="col" class="text-end">{{ t_raw('common.when') }}</th></tr></thead>
        <tbody>
            @if ($statusHistory)
@foreach ($statusHistory as $h)
            <tr>
                <td><span class="qm-pill qm-pill-grey" title="{{ (string) $h['action'] }}">{{ activity_label((string) $h['action']) }}</span></td>
                <td class="qm-cell-body qm-nowrap">
                    @php // Only a genuine status transition has a before and after to show.
@endphp
                    @if (!empty($h['new_status']))
                    {!! or_dash($h['old_status'] ?? null) !!} &rarr; {{ (string) $h['new_status'] }}
                    @else{!! dash() !!}@endif
                </td>
                <td>
                    @if (!empty($h['changed_by_name']))
                    <div class="qm-tbl-id">
                        {!! brandmark_html($h['changed_by_avatar'] ?? null, (string) $h['changed_by_name'], 'sm', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text"><strong>{{ $h['changed_by_name'] }}</strong></div>
                    </div>
                    @else{!! dash() !!}@endif
                </td>
                <td class="qm-maxw-420"><div class="qm-cell-body">{!! or_dash($h['detail'] ?? null) !!}</div></td>
                <td class="qm-cell-body qm-nowrap text-end" title="{!! fmt_datetime($h['created_at']) !!}">{{ time_ago($h['created_at']) }}</td>
            </tr>
            @endforeach
@else
            @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-user-shield', 'msg' => t('admin.userdetail.no_account_history')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $historyPager])
</div>
</div>
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection