@extends('admin.layouts.app')

@section('title', 'View User')

@section('content')
<div class="content-card">
    <div class="d-flex justify-content-between align-items-start mb-4">
        <div>
            <h4 style="font-weight:700; margin:0;">{{ $user->full_name }}</h4>
            <span class="badge-{{ $user->status }}">{{ ucfirst($user->status) }}</span>
        </div>
        <div class="d-flex gap-2">
            @if(auth()->user()->hasPermission('edit_user'))
            <a href="{{ route('admin.admin.users.edit', $user) }}" class="btn-create" style="font-size:12px;">
                <i class="bi bi-pencil"></i> Edit
            </a>
            @endif
            @if(auth()->user()->hasPermission('reset_password'))
            <form method="POST" action="{{ route('admin.admin.users.reset-password', $user) }}" class="d-inline"
                  onsubmit="return confirm('Are you sure you want to reset this user\'s password?')">
                @csrf
                <button type="submit" class="btn-cancel" style="font-size:12px; border-color:#e8c50b; color:#856404;">
                    <i class="bi bi-key"></i> Reset Password
                </button>
            </form>
            @endif
            <a href="{{ route('admin.admin.users.index') }}" class="btn-cancel" style="font-size:12px;">
                <i class="bi bi-arrow-left"></i> Back
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <table style="font-size:14px; width:100%;">
                <tr>
                    <td style="padding:8px 0; color:#888; width:160px;">Full Name</td>
                    <td style="padding:8px 0; font-weight:500;">{{ $user->full_name }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Email</td>
                    <td style="padding:8px 0;">{{ $user->email }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Phone</td>
                    <td style="padding:8px 0;">{{ $user->phone ?? '—' }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Role</td>
                    <td style="padding:8px 0;">{{ $user->role?->name ?? '—' }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Redemption Center</td>
                    <td style="padding:8px 0;">{{ $user->redemptionCenter?->name ?? '—' }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Region</td>
                    <td style="padding:8px 0;">{{ $user->redemptionCenter?->region?->name ?? '—' }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">State</td>
                    <td style="padding:8px 0;">{{ $user->redemptionCenter?->state?->name ?? '—' }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">LGA</td>
                    <td style="padding:8px 0;">{{ $user->redemptionCenter?->lga?->name ?? '—' }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Status</td>
                    <td style="padding:8px 0;"><span class="badge-{{ $user->status }}">{{ ucfirst($user->status) }}</span></td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Created By</td>
                    <td style="padding:8px 0;">{{ $user->creator?->full_name ?? 'System' }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Created At</td>
                    <td style="padding:8px 0;">{{ $user->created_at->format('M d, Y h:i A') }}</td>
                </tr>
                @if($user->updater)
                <tr>
                    <td style="padding:8px 0; color:#888;">Last Updated By</td>
                    <td style="padding:8px 0;">{{ $user->updater->full_name }}</td>
                </tr>
                @endif
                @if($user->deactivated_by)
                <tr>
                    <td style="padding:8px 0; color:#888;">Deactivated By</td>
                    <td style="padding:8px 0;">{{ $user->deactivator?->full_name }}</td>
                </tr>
                <tr>
                    <td style="padding:8px 0; color:#888;">Deactivated At</td>
                    <td style="padding:8px 0;">{{ $user->deactivated_at?->format('M d, Y h:i A') }}</td>
                </tr>
                @endif
            </table>
        </div>
    </div>
</div>
@endsection