@extends('layouts.admin')

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

@section('content')
<div class="admin-page-header">
    <h1>Manage User: {{ $user->name }}</h1>
    <a href="{{ $isStaff ? route('admin.users.staff') : route('admin.users.customers') }}" class="admin-btn-primary">Back</a>
</div>

<div class="admin-card row">
    <div class="card-body col-md-8">
                @if($isStaff)
                    {{-- Staff Sales KPIs --}}
                    @if($staffMetrics)
                    <div class="mb-4">
                        <h5 class="mb-3">
                            <i class="bi bi-graph-up"></i> Sales Performance
                        </h5>
                        <div class="row g-3">
                            <div class="col-md-4">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-calendar-day fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-primary">₹{{ number_format($staffMetrics['today_sales'], 2) }}</h3>
                                        <p class="text-muted mb-0">Today Sales</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-info text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-calendar-week fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-info">₹{{ number_format($staffMetrics['this_week_sales'], 2) }}</h3>
                                        <p class="text-muted mb-0">This Week Sales</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-calendar-month fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-success">₹{{ number_format($staffMetrics['this_month_sales'], 2) }}</h3>
                                        <p class="text-muted mb-0">This Month Sales</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-warning text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-cart-check fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-warning">{{ number_format($staffMetrics['total_orders']) }}</h3>
                                        <p class="text-muted mb-0">Total Orders</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-currency-dollar fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-success">₹{{ number_format($staffMetrics['total_sales'], 2) }}</h3>
                                        <p class="text-muted mb-0">Total Sales</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-info text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-calculator fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-info">₹{{ number_format($staffMetrics['avg_order_value'], 2) }}</h3>
                                        <p class="text-muted mb-0">Avg Order Value</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    
                    <hr class="my-4">
                    
                    {{-- Staff members: Edit basic details --}}
                    <form action="{{ route('admin.users.update', $user->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        
                        <div class="admin-form-grid-2">
                            <div>
                                <label for="name" class="admin-form-label">Full Name <span class="text-danger">*</span></label>
                                <input type="text" 
                                       class="admin-form-control form-control @error('name') is-invalid @enderror" 
                                       id="name" 
                                       name="name" 
                                       value="{{ old('name', $user->name) }}" 
                                       required>
                                @error('name')
                                    <div class="invalid-feedback" style="font-size: 11px;">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div>
                                <label for="staff_number" class="admin-form-label">Staff Number</label>
                                <input type="text" 
                                       class="admin-form-control form-control @error('staff_number') is-invalid @enderror" 
                                       id="staff_number" 
                                       name="staff_number" 
                                       value="{{ old('staff_number', $user->staff_number) }}" 
                                       placeholder="e.g., STF001, EMP123">
                                @error('staff_number')
                                    <div class="invalid-feedback" style="font-size: 11px;">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted" style="font-size: 11px;">Optional - Custom staff identifier</small>
                            </div>
                        </div>
                        
                        <div class="admin-form-grid-2">
                            <div>
                                <label for="mobile" class="admin-form-label">Mobile Number <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text" style="height: 32px; font-size: 13px; padding: 0.375rem 0.5rem;">+91</span>
                                    <input type="text" 
                                           class="admin-form-control form-control @error('mobile') is-invalid @enderror" 
                                           id="mobile" 
                                           name="mobile" 
                                           value="{{ old('mobile') ? preg_replace('/^\+91/', '', old('mobile')) : $user->mobile }}" 
                                           placeholder="9876543210" maxlength="10" pattern="[6-9]\d{9}" required>
                                    @error('mobile')
                                        <div class="invalid-feedback" style="font-size: 11px;">{{ $message }}</div>
                                    @enderror
                                </div>
                                <small class="form-text text-muted" style="font-size: 11px;">This is used for login</small>
                            </div>
                            
                            <div>
                                <label for="email" class="admin-form-label">Email Address</label>
                                <input type="email" 
                                       class="admin-form-control form-control @error('email') is-invalid @enderror" 
                                       id="email" 
                                       name="email" 
                                       value="{{ old('email', $user->email) }}">
                                @error('email')
                                    <div class="invalid-feedback" style="font-size: 11px;">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted" style="font-size: 11px;">Optional - for notifications</small>
                            </div>
                        </div>
                        
                        <div style="margin-top: 1rem; display: flex; justify-content: flex-end;">
                            <button type="submit" class="admin-btn-primary">
                                <i class="bi bi-save"></i> Update Staff Details
                            </button>
                        </div>
                    </form>
                    
                    <hr class="my-4">
                    
                    {{-- Role Management --}}
                    @if($roles)
                    <div class="mb-4">
                        <h5 class="mb-3">
                            <i class="bi bi-shield-check"></i> Role Management
                        </h5>
                        <form action="{{ route('admin.users.assign-role', $user->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            
                            <div class="admin-form-row-compact">
                                <label for="roles" class="admin-form-label">Assign Roles <span class="text-danger">*</span></label>
                                <select name="roles[]" id="roles" class="admin-form-control form-select @error('roles') is-invalid @enderror" multiple required>
                                    @foreach($roles as $role)
                                        @if($role->name !== 'customer')
                                            <option value="{{ $role->name }}" 
                                                {{ $user->hasRole($role->name) ? 'selected' : '' }}>
                                                {{ ucfirst($role->name) }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                                @error('roles')
                                    <div class="invalid-feedback" style="font-size: 11px;">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted" style="font-size: 11px;">Hold Ctrl/Cmd to select multiple roles</small>
                            </div>
                            
                            <div class="mb-3">
                                <h6>Current Roles:</h6>
                                <div>
                                    @foreach($user->roles as $role)
                                        <span class="badge bg-{{ $role->name === 'admin' ? 'danger' : ($role->name === 'staff' ? 'warning' : 'primary') }} me-2">
                                            {{ ucfirst($role->name) }}
                                        </span>
                                    @endforeach
                                    @if($user->roles->isEmpty())
                                        <span class="badge bg-secondary">No roles assigned</span>
                                    @endif
                                </div>
                            </div>
                            
                            <button type="submit" class="admin-btn-primary" 
                                    onclick="return confirm('Are you sure you want to update roles for this staff member?')">
                                <i class="bi bi-shield-check"></i> Update Roles
                            </button>
                        </form>
                    </div>
                    @endif
                @else
                    {{-- Regular customers: Show customer statistics and orders --}}
                    @if($customerMetrics)
                    {{-- Customer 360-Degree View: Statistics Cards --}}
                    <div class="mb-4">
                        <!-- <h5 class="mb-3">
                            <i class="bi bi-graph-up"></i> Customer Statistics
                        </h5> -->
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-cart-check fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-primary">{{ number_format($customerMetrics['total_orders']) }}</h3>
                                        <p class="text-muted mb-0">Total Orders</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-currency-dollar fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-success">₹{{ number_format($customerMetrics['total_value'], 2) }}</h3>
                                        <p class="text-muted mb-0">Total Lifetime Value</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-info text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-calculator fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-info">₹{{ number_format($customerMetrics['average_order'], 2) }}</h3>
                                        <p class="text-muted mb-0">Average Order Value</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-warning text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-calendar-event fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-warning">
                                            @if($customerMetrics['last_order'])
                                                {{ $customerMetrics['last_order']->placed_at ? $customerMetrics['last_order']->placed_at->format('M d, Y') : $customerMetrics['last_order']->created_at->format('M d, Y') }}
                                            @else
                                                No orders yet
                                            @endif
                                        </h3>
                                        <p class="text-muted mb-0">Last Order Date</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-warning text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-clock-history fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-warning">{{ number_format($customerMetrics['pending_orders']) }}</h3>
                                        <p class="text-muted mb-0">Pending Orders</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center justify-content-center mb-2">
                                            <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                <i class="bi bi-check-circle fs-4"></i>
                                            </div>
                                        </div>
                                        <h3 class="mb-0 text-success">{{ number_format($customerMetrics['completed_orders']) }}</h3>
                                        <p class="text-muted mb-0">Completed Orders</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    {{-- Customer Orders History --}}
                    <div class="mb-4">
                        <h5 class="mb-3">
                            <i class="bi bi-list-ul"></i> Order History
                        </h5>
                        @if($paginatedOrders && $paginatedOrders->count() > 0)
                            <div class="card">
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>Order ID</th>
                                                    <th>Date</th>
                                                    <th>Total</th>
                                                    <th>Status</th>
                                                    <th>Payment</th>
                                                    <th>Source</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($paginatedOrders as $order)
                                                    <tr>
                                                        <td>
                                                            <span class="fw-bold text-primary">#{{ $order->id }}</span>
                                                        </td>
                                                        <td>
                                                            <div>{{ ($order->placed_at ?? $order->created_at)->format('M d, Y') }}</div>
                                                            <small class="text-muted">{{ ($order->placed_at ?? $order->created_at)->format('h:i A') }}</small>
                                                        </td>
                                                        <td>
                                                            <span class="fw-bold text-success">₹{{ number_format($order->total_payable, 2) }}</span>
                                                        </td>
                                                        <td>
                                                            @php
                                                                $statusColors = [
                                                                    'placed' => 'warning',
                                                                    'confirmed' => 'info',
                                                                    'packed' => 'primary',
                                                                    'shipped' => 'info',
                                                                    'delivered' => 'success',
                                                                    'cancelled' => 'danger',
                                                                    'returned' => 'secondary',
                                                                ];
                                                                $statusColor = $statusColors[$order->status] ?? 'secondary';
                                                            @endphp
                                                            <span class="badge bg-{{ $statusColor }}">
                                                                {{ ucfirst($order->status) }}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            @php
                                                                $paymentColors = [
                                                                    'pending' => 'warning',
                                                                    'paid' => 'success',
                                                                    'failed' => 'danger',
                                                                    'refunded' => 'secondary',
                                                                ];
                                                                $paymentColor = $paymentColors[$order->payment_status] ?? 'secondary';
                                                            @endphp
                                                            <span class="badge bg-{{ $paymentColor }}">
                                                                {{ ucfirst($order->payment_status) }}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            @php
                                                                $source = $order->source ?? 'online';
                                                                $isPos = $source === 'pos';
                                                            @endphp
                                                            <span class="badge {{ $isPos ? 'bg-success' : 'bg-primary' }}">
                                                                <i class="bi bi-{{ $isPos ? 'shop' : 'globe' }} me-1"></i>
                                                                {{ $isPos ? 'POS' : 'Online' }}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <a href="{{ route('admin.orders.show', $order) }}" class="btn btn-sm btn-outline-primary" title="View Order Details">
                                                                <i class="bi bi-eye"></i> View
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- Pagination - Right Aligned -->
                                    <div class="pagination-wrapper">
                                        <div class="d-flex justify-content-end align-items-center gap-3 flex-wrap">
                                            <div class="pagination-info-text">
                                                Showing <strong>{{ $paginatedOrders->firstItem() ?? 0 }}</strong>–<strong>{{ $paginatedOrders->lastItem() ?? 0 }}</strong> 
                                                of <strong>{{ $paginatedOrders->total() }}</strong> orders
                                            </div>
                                            @if($paginatedOrders->hasPages())
                                            <div class="pagination-controls">
                                                {{ $paginatedOrders->links('vendor.pagination.admin-categories') }}
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else
                            <div class="card">
                                <div class="card-body text-center py-5">
                                    <i class="bi bi-inbox" style="font-size: 3rem; color: #ccc;"></i>
                                    <p class="text-muted mt-3 mb-0">No orders found for this customer.</p>
                                </div>
                            </div>
                        @endif
                    </div>
                    @endif
                @endif
            </div>
    <div class="card-body col-md-4">
        <div class="card">
            <div class="card-header">
                <h6 class="card-title mb-0">
                    <i class="bi bi-person-vcard"></i> User Information
                </h6>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <strong>Name:</strong> {{ $user->name }}
                </div>
                @if($isStaff)
                <div class="mb-3">
                    <strong>Staff Number:</strong> 
                    @if($user->staff_number)
                        <span class="badge bg-info">{{ $user->staff_number }}</span>
                    @else
                        <span class="text-muted">Not assigned</span>
                    @endif
                </div>
                @endif
                <div class="mb-3">
                    <strong>Mobile:</strong> {{ $user->mobile }}
                </div>
                <div class="mb-3">
                    <strong>Email:</strong> {{ $user->email ?? 'Not provided' }}
                </div>
                <div class="mb-3">
                    <strong>Registered:</strong> {{ $user->created_at->format('M d, Y H:i') }}
                </div>
                <div class="mb-3">
                    <strong>Last Login:</strong> {{ $user->last_login_at?->format('M d, Y H:i') ?? 'Never' }}
                </div>
                <div class="mb-3">
                    <strong>Mobile Verified:</strong> 
                    @if($user->mobile_verified_at)
                        <span class="badge bg-success">Yes</span>
                    @else
                        <span class="badge bg-warning">No</span>
                    @endif
                </div>
                @if(!$isStaff)
                <div class="mb-3">
                    <strong>Customer Type:</strong> 
                    @if($user->customer_type === 'wholesale')
                        <span class="badge bg-primary">Wholesale</span>
                    @else
                        <span class="badge bg-secondary">Retail</span>
                    @endif
                </div>
                <div class="mb-3">
                    <strong>GST Number:</strong> 
                    <span class="text-muted">{{ $user->gst_number ?? 'Not provided' }}</span>
                </div>
                @endif
            </div>
        </div>
        
        @if(!$isStaff)
            @can('customers.update')
            <div class="card mt-3">
                <div class="card-header">
                    <h6 class="card-title mb-0">
                        <i class="bi bi-info-circle"></i> Customer Account
                    </h6>
                </div>
                <div class="card-body">
                    <div class="alert alert-info mb-3">
                        <small>
                            <i class="bi bi-lightbulb"></i>
                            <strong>Note:</strong> Customer accounts have basic website access for shopping and orders. Use ban/unban to control login access.
                        </small>
                    </div>
                    
                    {{-- Customer Type --}}
                    <div class="mb-4">
                        <h6>Customer Type</h6>
                        <form action="{{ route('admin.users.update-customer-type', $user->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="mb-3">
                                <!-- <label for="customer_type" class="form-label">Customer Type</label> -->
                                <select name="customer_type" id="customer_type" class="form-select" required>
                                    <option value="retail" {{ ($user->customer_type ?? 'retail') === 'retail' ? 'selected' : '' }}>Retail</option>
                                    <option value="wholesale" {{ ($user->customer_type ?? 'retail') === 'wholesale' ? 'selected' : '' }}>Wholesale</option>
                                </select>
                                <div class="form-text">
                                    <i class="bi bi-info-circle"></i> 
                                    Retail customers see regular prices. Wholesale customers see wholesale prices in POS.
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="bi bi-arrow-repeat"></i> Update Customer Type
                            </button>
                        </form>
                    </div>
                    
                    <hr>
                    
                    {{-- GST Number --}}
                    <div class="mb-4">
                        <h6>GST Number</h6>
                        <form action="{{ route('admin.users.update-gst-number', $user->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="mb-3">
                                <input type="text" 
                                       name="gst_number" 
                                       id="gst_number" 
                                       class="form-control" 
                                       value="{{ old('gst_number', $user->gst_number) }}" 
                                       placeholder="Enter GSTIN (e.g., 29XAbbA4369J1PA)"
                                       maxlength="15"
                                       pattern="[0-9A-Z]{15}">
                                <div class="form-text">
                                    <i class="bi bi-info-circle"></i> 
                                    GSTIN format: 15 characters (2 state code + 10 PAN + 3 entity number + 1 check digit)
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="bi bi-arrow-repeat"></i> Update GST Number
                            </button>
                        </form>
                    </div>
                    
                    <hr>
                    
                    {{-- Account Status --}}
                    <div class="mb-3">
                        <h6>Account Status</h6>
                        @if($user->banned_at)
                            <div class="alert alert-danger mb-2">
                                <i class="bi bi-ban"></i>
                                <strong>Account Banned</strong> - User cannot login since {{ $user->banned_at->format('M d, Y H:i') }}
                            </div>
                            
                            <form action="{{ route('admin.users.unban', $user->id) }}" method="POST" class="d-inline">
                                @csrf
                                @method('PUT')
                                <button type="submit" class="btn btn-success btn-sm" 
                                        onclick="return confirm('Are you sure you want to unban this user?')">
                                    <i class="bi bi-check-circle"></i> Unban User
                                </button>
                            </form>
                        @else
                            <div class="alert alert-success mb-2">
                                <i class="bi bi-check-circle"></i>
                                <strong>Account Active</strong> - User can login and use the website
                            </div>
                            
                            <form action="{{ route('admin.users.ban', $user->id) }}" method="POST" class="d-inline">
                                @csrf
                                @method('PUT')
                                <button type="submit" class="btn btn-danger btn-sm" 
                                        onclick="return confirm('Are you sure you want to ban this user? They will not be able to login.')">
                                    <i class="bi bi-ban"></i> Ban User
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
            @else
            <div class="card mt-3">
                <div class="card-body">
                    <div class="alert alert-warning mb-0">
                        <i class="bi bi-lock"></i> You do not have permission to edit this customer account.
                    </div>
                </div>
            </div>
            @endcan
        @endif
        
        {{-- Password Change Section --}}
        @canany($isStaff ? ['staff.update', 'users.update'] : ['customers.update', 'users.update'])
        <div class="card mt-3">
            <div class="card-header">
                <h6 class="card-title mb-0">
                    <i class="bi bi-key"></i> Change Password
                </h6>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.users.change-password', $user->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="mb-3">
                        <label for="password" class="form-label">New Password</label>
                        <input type="password" class="form-control @error('password') is-invalid @enderror"
                               id="password" name="password" required minlength="8">
                        @error('password')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">Minimum 8 characters</div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="password_confirmation" class="form-label">Confirm Password</label>
                        <input type="password" class="form-control @error('password_confirmation') is-invalid @enderror"
                               id="password_confirmation" name="password_confirmation" required minlength="8">
                        @error('password_confirmation')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <button type="submit" class="btn btn-warning btn-sm w-100"
                            onclick="return confirm('Are you sure you want to change this user\'s password?')">
                        <i class="bi bi-key"></i> Change Password
                    </button>
                </form>
            </div>
        </div>
        @endcanany
    </div>
    </div>
    </div>
</div>
@endsection