@extends('layouts.app')

@section('title', 'Users Management')

@section('breadcrumb')

    @include('admin.userMgt.partials.header')

    {{-- <div class="user-profile">
        <div class="card profile-header mb-4">
            <div class="d-flex align-items-center w-100">
                <div class="user-avatar mr-5">
                    <img src="{{ asset('assets/img/user2-160x160.jpg') }}" alt="User avatar">
                </div>
                <div class="user-info">
                    <h3 class="user-name mb-2">Isaac Toyin Boss</h3>
                    <div class="user-meta-grid">
                        <div class="meta-row">
                            <span class="meta-label">Status:</span>
                            <div>
                                <span class="status-badge danger">Unverified</span>
                            </div>
                        </div>
                        <div class="meta-row">
                            <span class="meta-label">Email:</span>
                            <span class="meta-value">Isaactoyin@gmail.com</span>
                        </div>
                        <div class="meta-row">
                            <span class="meta-label">Phone No:</span>
                            <div class="d-flex align-items-center">
                                <span class="meta-value">+23481848744387</span>
                                <a href="#" class="link-edit ml-5"><i class="fas fa-pen mr-1 text-success"></i>
                                    Edit</a>
                            </div>
                        </div>
                        <div class="meta-row">
                            <span class="meta-label">Role:</span>
                            <div class="d-flex align-items-center">
                                <span class="meta-value">Regular User</span>
                                <div class="switch-wrap ml-5">
                                    <span class="mr-3 text-muted" style="font-size: 13px;">Switch to Vendor</span>
                                    <label class="profile-toggle">
                                        <input type="checkbox" class="profile-toggle-input">
                                        <span class="profile-toggle-track"></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="profile-actions ml-auto mr-5">
                    <button class="btn btn-success">Verify User Kyc</button>
                </div>
            </div>
        </div>
    </div> --}}

    {{-- <div class="inventory-tabs ml-2 mb-4">
        <a href="{{ route('admin.user.management.show', 'id') }}"
            class="{{ request()->routeIs('admin.user.management.show', 'id') ? 'tab-link active' : 'tab-link' }}">Profile</a>
        <a href="{{ route('admin.user.transaction', $user->id) }}"
            class="{{ request()->routeIs('admin.user.transaction') ? 'tab-link active' : 'tab-link' }}">Transaction</a>
        <a href="{{ route('admin.user.saving', $user->id) }}"
            class="{{ request()->routeIs('admin.user.saving') ? 'tab-link active' : 'tab-link' }}">Savings</a>
        <a href="{{ route('admin.user.loan', $user->id) }}"
            class="{{ request()->routeIs('admin.user.loan') ? 'tab-link active' : 'tab-link' }}">Loan</a>
        <a href="#" class="tab-link px-4">Vendor list</a>
        <a href="{{ route('admin.user.user-activities', $user->id) }}"
            class="{{ request()->routeIs('admin.user.user-activities') ? 'tab-link active' : 'tab-link' }}"
            class="tab-link px-4">User Activities</a>
    </div> --}}
    @include('admin.userMgt.partials.nav')

    <div class="container-fluid px-3 txn">

        <!-- Filters -->
        <div class="filter-bar my-2">
            <form class="w-100" method="get">
                <div class="d-flex flex-wrap align-items-center w-100">
                    <div class="user-search d-flex align-items-center mr-3">
                        <i class="fas fa-search"></i>
                        <input type="text" name="search" class="form-control" placeholder="Search">
                    </div>
                    <div class="filter-pill mr-3" data-bs-toggle="dropdown" style="width: 180px">
                        Status <i class="fas fa-chevron-down ml-auto"></i>
                    </div>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">Successful</a></li>
                        <li><a class="dropdown-item" href="#">Failed</a></li>
                        <li><a class="dropdown-item" href="#">Pending</a></li>
                    </ul>
                    <div class="filter-pill mr-3" data-bs-toggle="dropdown" style="width: 180px">
                        Active <i class="fas fa-chevron-down ml-auto"></i>
                    </div>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">Inactive</a></li>
                    </ul>
                    <a href="#" class="filter-all d-flex align-items-center"><i class="fas fa-sliders-h mr-2"></i>
                        All filters</a>
                </div>
            </form>
        </div>

        <!-- Transaction History -->
        <div class="card">
            <div class="card-body">

                <div class="table-responsive">
                    <table class="table txn-table">
                        <thead class="thead-light">
                            <tr>
                                <th>Activity Type</th>
                                <th>Category</th>
                                <th>Description</th>
                                <th>Timestamp</th>
                                <th>Performed By</th>
                            </tr>
                        </thead>
                        <tbody>
                            @for ($i = 0; $i < 7; $i++)
                                <tr>
                                    <td>Funded Wallet</td>
                                    <td>Savings</td>
                                    <td>Funded wallet for savings</td>
                                    <td>12/04/2025 07:20am</td>
                                    <td>User</td>

                                </tr>
                            @endfor
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection