@extends('layouts.admin')

@section('title', 'Users')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="m-0 fw-bold">Users Management</h3>
    <a href="{{ route('admin.users.create') }}" class="btn btn-primary"><i class="fas fa-user-plus"></i> Add User</a>
</div>

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2">
            <div class="col-md-3">
                <input type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Search name, email, mobile...">
            </div>
            <div class="col-md-2">
                <select name="role" class="form-select">
                    <option value="">All Roles</option>
                    <option value="retailer" @selected(request('role')=='retailer')>Retailer</option>
                    <option value="distributor" @selected(request('role')=='distributor')>Distributor</option>
                    <option value="master_distributor" @selected(request('role')=='master_distributor')>Master Distributor</option>
                </select>
            </div>
            <div class="col-md-2">
                <select name="status" class="form-select">
                    <option value="">All Status</option>
                    <option value="active" @selected(request('status')=='active')>Active</option>
                    <option value="inactive" @selected(request('status')=='inactive')>Inactive</option>
                    <option value="blocked" @selected(request('status')=='blocked')>Blocked</option>
                </select>
            </div>
            <div class="col-md-2">
                <button class="btn btn-primary w-100"><i class="fas fa-search"></i> Filter</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-dark">
                    <tr>
                        <th>ID</th>
                        <th>Name / Username</th>
                        <th>Email / Mobile</th>
                        <th>Role</th>
                        <th>Balance</th>
                        <th>Status</th>
                        <th>Joined</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($users as $u)
                        <tr>
                            <td>#{{ $u->id }}</td>
                            <td>
                                <strong>{{ $u->name }}</strong>
                                <br><small class="text-muted">@{{ $u->username }}</small>
                            </td>
                            <td>
                                {{ $u->email }}
                                <br><small class="text-muted">{{ $u->mobile }}</small>
                            </td>
                            <td><span class="badge bg-info">{{ $u->role_label }}</span></td>
                            <td><strong class="text-success">₹{{ number_format($u->balance, 2) }}</strong></td>
                            <td>
                                <span class="badge bg-{{ $u->status === 'active' ? 'success' : ($u->status === 'blocked' ? 'danger' : 'secondary') }}">
                                    {{ ucfirst($u->status) }}
                                </span>
                            </td>
                            <td><small>{{ $u->created_at->format('d M Y') }}</small></td>
                            <td>
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ route('admin.users.edit', $u) }}" class="btn btn-outline-primary" title="Edit"><i class="fas fa-edit"></i></a>
                                    <a href="{{ route('admin.users.password.form', $u) }}" class="btn btn-outline-warning" title="Update Password"><i class="fas fa-key"></i></a>
                                    <a href="{{ route('admin.users.commission', $u) }}" class="btn btn-outline-success" title="Commission & Charge"><i class="fas fa-percentage"></i></a>
                                    <button class="btn btn-outline-info" data-bs-toggle="modal" data-bs-target="#balanceModal{{ $u->id }}" title="Add Balance"><i class="fas fa-wallet"></i></button>
                                    <form action="{{ route('admin.users.destroy', $u) }}" method="POST" onsubmit="return confirm('Sure delete kare?')">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-outline-danger" title="Delete"><i class="fas fa-trash"></i></button>
                                    </form>
                                </div>

                                <div class="modal fade" id="balanceModal{{ $u->id }}" tabindex="-1">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <form action="{{ route('admin.users.balance', $u) }}" method="POST">
                                                @csrf
                                                <div class="modal-header">
                                                    <h5 class="modal-title">Add/Deduct Balance - {{ $u->name }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <p>Current Balance: <strong>₹{{ number_format($u->balance, 2) }}</strong></p>
                                                    <div class="mb-2"><label>Type</label>
                                                        <select name="type" class="form-select" required>
                                                            <option value="credit">Credit (Add)</option>
                                                            <option value="debit">Debit (Deduct)</option>
                                                        </select>
                                                    </div>
                                                    <div class="mb-2"><label>Amount</label><input type="number" step="0.01" name="amount" class="form-control" required></div>
                                                    <div class="mb-2"><label>Note</label><input type="text" name="note" class="form-control"></div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn btn-success">Update Balance</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center text-muted p-4">No users found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div class="card-footer">{{ $users->links() }}</div>
</div>
@endsection