@extends('admin.layouts.admin')
@section('title', 'Danh sách thành viên')
@section('content')
<div class="row">
    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6">
        <div class="card custom-card">
            <div class="card-body">
                <div class="d-flex align-items-top">
                    <div class="me-3">
                        <span class="avatar rounded avatar-md p-2 bg-success text-white">
                            <svg class="svg-white" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
                                <rect fill="none" height="24" width="24"></rect>
                                <g>
                                    <path d="M4,13c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C2,12.1,2.9,13,4,13z M5.13,14.1C4.76,14.04,4.39,14,4,14 c-0.99,0-1.93,0.21-2.78,0.58C0.48,14.9,0,15.62,0,16.43V18l4.5,0v-1.61C4.5,15.56,4.73,14.78,5.13,14.1z M20,13c1.1,0,2-0.9,2-2 c0-1.1-0.9-2-2-2s-2,0.9-2,2C18,12.1,18.9,13,20,13z M24,16.43c0-0.81-0.48-1.53-1.22-1.85C21.93,14.21,20.99,14,20,14 c-0.39,0-0.76,0.04-1.13,0.1c0.4,0.68,0.63,1.46,0.63,2.29V18l4.5,0V16.43z M16.24,13.65c-1.17-0.52-2.61-0.9-4.24-0.9 c-1.63,0-3.07,0.39-4.24,0.9C6.68,14.13,6,15.21,6,16.39V18h12v-1.61C18,15.21,17.32,14.13,16.24,13.65z M8.07,16 c0.09-0.23,0.13-0.39,0.91-0.69c0.97-0.38,1.99-0.56,3.02-0.56s2.05,0.18,3.02,0.56c0.77,0.3,0.81,0.46,0.91,0.69H8.07z M12,8 c0.55,0,1,0.45,1,1s-0.45,1-1,1s-1-0.45-1-1S11.45,8,12,8 M12,6c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3 C15,7.34,13.66,6,12,6L12,6z">
                                    </path>
                                </g>
                            </svg>
                        </span>
                    </div>
                    <div class="flex-fill">
                        <div class="d-flex mb-1 align-items-top justify-content-between">
                            <h5 class="fw-semibold mb-0 lh-1">
                                {{ \App\Models\User::where('domain', request()->getHost())->count() }}                                   
                            </h5>
                        </div>
                        <p class="mb-0 fs-10 op-7 text-muted fw-semibold">TỔNG THÀNH VIÊN</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6">
        <div class="card custom-card">
            <div class="card-body">
                <div class="d-flex align-items-top">
                    <div class="me-3">
                        <span class="avatar rounded avatar-md p-2 bg-warning">
                            <svg class="fs-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                                    <path d="M3 10V8a2 2 0 0 1 2-2h2m-4 4c1.333 0 4-.8 4-4m-4 4v4m18-4V8a2 2 0 0 0-2-2h-2m4 4c-1.333 0-4-.8-4-4m4 4v4M7 6h10m4 8v2a2 2 0 0 1-2 2h-2m4-4c-1.333 0-4 .8-4 4m0 0H7m-4-4v2a2 2 0 0 0 2 2h2m-4-4c1.333 0 4 .8 4 4"></path>
                                    <circle cx="12" cy="12" r="2"></circle>
                                </g>
                            </svg>
                        </span>
                    </div>
                    <div class="flex-fill">
                        <div class="d-flex mb-1 align-items-top justify-content-between">
                            <h5 class="fw-semibold mb-0 lh-1">
                                {{ number_format(\App\Models\User::where('domain', request()->getHost())->sum('balance')) }}
                                VNĐ                   
                            </h5>
                        </div>
                        <p class="mb-0 fs-10 op-7 text-muted fw-semibold">TỔNG SỐ DƯ</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6">
        <div class="card custom-card">
            <div class="card-body">
                <div class="d-flex align-items-top">
                    <div class="me-3">
                        <span class="avatar rounded avatar-md p-2 bg-success">
                        <i class="fa fa-wifi fs-2"></i>
                        </span>
                    </div>
                    <div class="flex-fill">
                        <div class="d-flex mb-1 align-items-top justify-content-between">
                            <h5 class="fw-semibold mb-0 lh-1">
                                {{ \App\Models\User::where('domain', request()->getHost())->whereDate('updated_at', today())->count() }}
                            </h5>
                        </div>
                        <p class="mb-0 fs-10 op-7 text-muted fw-semibold">HOẠT ĐỘNG HÔM NAY</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6">
        <div class="card custom-card">
            <div class="card-body">
                <div class="d-flex align-items-top">
                    <div class="me-3">
                        <span class="avatar rounded avatar-md p-2 bg-info">
                        <i class="fad fa-lock fs-2"></i>
                        </span>
                    </div>
                    <div class="flex-fill">
                        <div class="d-flex mb-1 align-items-top justify-content-between">
                            <h5 class="fw-semibold mb-0 lh-1">
                                {{ \App\Models\User::where('domain', request()->getHost())->where('two_factor_auth', 'yes')->count() }}
                            </h5>
                        </div>
                        <p class="mb-0 fs-10 op-7 text-muted fw-semibold">TÀI KHOẢN XÁC THỰC</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card custom-card">
            <div class="card-header">
                 <div class="ribbon ribbon-primary ribbon-clip">DANH SÁCH THÀNH VIÊN</div>
            </div>
            <div class="card-body">
                <form action="">
                    <div class="row row-cols-lg-auto">
                        <div class="col-md-3">
                            <div class="form-group mb-3">
                                <input class="form-control" id="search" name="search" value="{{ request()->search }}">
                                
                            </div>
                        </div>
                        <div class="col-lg col-md-3 col-12">
                            <div class="form-group mb-3">
                                <select class="form-control" name="level">
                                    <option value="">-- Loại Tài Khoản --</option>
                                    <option value="member" @if (request()->level == 'member') selected @endif>Thành
                                    viên</option>
                                    <option value="collaborator" @if (request()->level == 'collaborator') selected @endif>
                                    Cộng tác viên</option>
                                    <option value="agency" @if (request()->level == 'agency') selected @endif>Đại lý
                                    </option>
                                    <option value="distributor" @if (request()->level == 'distributor') selected @endif>
                                    Nhà phân phối</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg col-md-3 col-12">
                            <div class="form-group mb-3">
                                <select class="form-control" name="role">
                                    <option value="">-- Chức vụ --</option>
                                    <option value="member" @if (request()->role == 'member') selected @endif>Thành
                                    viên</option>
                                    <option value="admin" @if (request()->role == 'admin') selected @endif>Quản
                                    trị viên</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg col-md-4 col-12">
                            <div class="form-group mb-3">
                                <select class="form-control" name="status">
                                    <option value="">-- Trạng thái --</option>
                                    <option value="active" @if (request()->status == 'active') selected @endif>Hoạt
                                    động</option>
                                    <option value="inactive" @if (request()->status == 'inactive') selected @endif>Không
                                    hoạt động</option>
                                    <option value="banned" @if (request()->status == 'banned') selected @endif>Bị cấm
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <button type="submit" class="btn btn-primary mr-1 mb-3">
                                <i class="fad fa-search"></i> Search
                            </button>
                            <a href="{{ route('admin.user') }}" class="btn btn-secondary mr-1 mb-3">
                                <i class="fad fa-rotate-clockwise"></i> Làm mới
                            </a>
                        </div>
                    </div>
                </form>
                <div class="table-responsive table-wrapper mb-3 table-wrapper mb-3">
                    <table id="data-table"class="table text-nowrap table-striped table-hover table-bordered">
                        <thead>
                            <tr>
                                <th>
                                    ID
                                </th>
                                <th>Thao Tác</th>
                                <th>Người Dùng</th>
                                <th>Tài Khoản</th>
                                <th>Số Dư</th>
                                <th>Tổng Nạp</th>
                                <th>Cấp Bậc</th>
                                <th>Chức Vụ</th>
                                <th>Trạng Thái</th>
                                <th>Bảo Mật</th>
                                <th>Địa Chỉ</th>
                                <th>Thời Gian</th>
                            </tr>
                        </thead>
                        <tbody class="fw-bold">
                            @if ($users->isEmpty())
                            @include('admin.components.table-search-not-found', [
                            'colspan' => 8,
                            ])
                            @else
                            @foreach ($users as $user)
                            <tr class="fs-6">
                                <td>#{{ $user->id }}</td>
                                <td>
                                    <a href="{{ route('admin.user.detail', ['id' => $user->id]) }}"
                                        class="btn btn-sm btn-success mt-1" data-bs-toggle="tooltip"
                                        title="Xem chi tiết">
                                    <i class="fad fa-eye"></i>
                                    </a>
                                    <a href="{{ route('admin.user.balance', ['username' => $user->username]) }}"
                                        class="btn btn-sm btn-info mt-1" data-bs-toggle="tooltip"
                                        title="Sửa số dư">
                                    <i class="fad fa-pencil"></i>
                                    </a>
                                    <a href="{{ route('admin.user.transactions', ['username' => $user->username]) }}"
                                        class="btn btn-sm btn-primary mt-1" data-bs-toggle="tooltip"
                                        title="Lịch sử giao dịch">
                                    <i class="fad fa-shopping-cart"></i>
                                    </a>
                                    <a href="javascript:void(0);"
   class="btn btn-sm btn-danger mt-1"
   data-bs-toggle="tooltip"
   title="Xóa"
   onclick="confirmDelete('{{ route('admin.user.delete', ['id' => $user->id]) }}')">
    <i class="fad fa-trash"></i>
</a>

<!-- Thư viện SweetAlert -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!-- Script xử lý xác nhận xóa -->
<script>
    function confirmDelete(url) {
        Swal.fire({
            title: "Bạn có chắc chắn muốn xóa?",
            text: "Hành động này không thể hoàn tác!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#d33",
            cancelButtonColor: "#3085d6",
            confirmButtonText: "Xóa",
            cancelButtonText: "Hủy"
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = url; // Điều hướng đến URL xóa
            }
        });
    }
</script>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="avtar me-3">
                                            <img src="{{ $user->avatar }}" alt="avatar"
                                                class="img-fluid rounded-circle" width="32">
                                        </div>
                                        <div>
                                            <h6 class="mb-0">{{ $user->name }}</h6>
                                            <span class="text-opacity">{{ $user->email }}</span>
                                        </div>
                                    </div>
                                </td>
                                <td>{{ $user->username }}</td>
                                <td class=" fw-bold">{{ number_format($user->balance) }} VNĐ</td>
                                <td class=" fw-bold">{{ number_format($user->total_recharge) }} VNĐ
                                </td>
                                <td>{!! levelUser($user->level, true) !!}</td>
                                <td>
                                    @if ($user->role == 'admin')
                                    <span class="badge bg-danger">Quản trị viên</span>
                                    @else
                                    <span class="badge bg-success">Khách hàng</span>
                                    @endif
                                </td>
                                <td>
                                    @if ($user->status == 'active')
                                    <span class="badge bg-success">Hoạt động</span>
                                    @elseif ($user->status == 'inactive')
                                    <span class="badge bg-warning">Không hoạt động</span>
                                    @else
                                    <span class="badge bg-danger">Bị cấm</span>
                                    @endif
                                </td>
                                <td>
                                    @if ($user->two_factor_auth === 'yes')
                                    <span class="badge bg-success">Bật</span>
                                    @else
                                    <span class="badge bg-danger">Tắt</span>
                                    @endif
                                </td>
                                <td>{{ $user->last_ip }}</td>
                                <td>{{ $user->created_at }}</td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-center align-items-center pagination-style-1 mt-3 pagination-style-1 mt-3">
                        {{ $users->appends(request()->all())->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
@endsection