@extends('layouts.app')
@section('title', 'ব্যবহারকারী তালিকা')
@section('page-title', 'ব্যবহারকারী ম্যানেজমেন্ট')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h5 class="mb-1 fw-semibold">সব ব্যবহারকারী</h5>
        <small class="text-muted">মোট {{ $users->total() }} জন ব্যবহারকারী</small>
    </div>
    <a href="{{ route('admin.users.create') }}" class="btn btn-primary">
        <i class="bi bi-person-plus me-2"></i>নতুন ব্যবহারকারী
    </a>
</div>

<div class="card stat-card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>নাম</th>
                        <th>ইমেইল</th>
                        <th>ফোন</th>
                        <th>রোল</th>
                        <th>স্ট্যাটাস</th>
                        <th>একশন</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($users as $user)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td class="fw-semibold">{{ $user->name }}</td>
                        <td>{{ $user->email }}</td>
                        <td>{{ $user->phone ?? '—' }}</td>
                        <td>
                            @foreach($user->roles as $role)
                                <span class="badge rounded-pill
                                    @if($role->name === 'admin') bg-danger
                                    @elseif($role->name === 'manager') bg-primary
                                    @else bg-success @endif">
                                    @if($role->name === 'admin') অ্যাডমিন
                                    @elseif($role->name === 'manager') ম্যানেজার
                                    @else ডেলিভারি বয় @endif
                                </span>
                            @endforeach
                        </td>
                        <td>
                            <form method="POST" action="{{ route('admin.users.toggle-status', $user) }}" class="d-inline">
                                @csrf @method('PATCH')
                                <button type="submit" class="btn btn-sm {{ $user->status === 'active' ? 'btn-success' : 'btn-secondary' }}">
                                    {{ $user->status === 'active' ? 'সক্রিয়' : 'নিষ্ক্রিয়' }}
                                </button>
                            </form>
                        </td>
                        <td>
                            <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-sm btn-outline-primary me-1">
                                <i class="bi bi-pencil"></i>
                            </a>
                            @if($user->id !== auth()->id())
                            <form method="POST" action="{{ route('admin.users.destroy', $user) }}" class="d-inline"
                                  onsubmit="return confirm('এই ব্যবহারকারী মুছে ফেলবেন?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-outline-danger">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">কোনো ব্যবহারকারী পাওয়া যায়নি।</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($users->hasPages())
    <div class="card-footer bg-white border-0">
        {{ $users->links() }}
    </div>
    @endif
</div>
@endsection