@extends('admin.groups.group')

@section('content')
<div class="row gy-5 g-xl-12">
    <!--begin::Col-->
    <div class="col-xl-12">
        <!--begin::Table Widget 5-->
        <div class="card card-flush h-xl-100">
            <!--begin::Card header-->
            <div class="card-header pt-7">
                <!--begin::Title-->
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bolder text-dark">All Users</span>
                </h3>
                <!--end::Title-->
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body">
                <table class="bloodlines_table table table-striped table-row-bordered gy-5 gs-7 border rounded">
                    <thead>
                        <tr class="fw-bold fs-6 text-gray-800 px-7">
                            <th>Profile</th>
                            <th>Phone</th>
                            <th>Sigup with</th>
                            <td>User Group Status</td>
                            <th>User Status</th>
                            <th>View</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($group->groupMembers as $groupMember)
                            <tr>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <a href="{{route('admin.user' , ['id' => $groupMember->user->id, 'page' => 'overview'])}}" class="symbol symbol-50px">
                                            <span class="symbol-label" style="background-image:url({{$groupMember->user->profile->profile_image}});"></span>
                                        </a>
                                        <div class="ms-5">
                                            <a href="{{route('admin.user' , ['id' => $groupMember->user->id, 'page' => 'overview'])}}" class="text-gray-800 text-hover-primary fs-5 fw-bolder" data-kt-ecommerce-product-filter="product_name">{{ucfirst($groupMember->user->username)}}</a>
                                            <div class="text-muted fs-7 fw-bolder">{{$groupMember->user->email}}</div>
                                        </div>
                                    </div>
                                </td>
                                <td>{{$groupMember->user->profile->phone ?? 'Not Provided'}}</td>
                                <td>{{ isset($groupMember->user->platform) ? ucfirst(preg_replace('/(?<!\s)([A-Z])/', ' $1', $groupMember->user->platform)) : 'Bloodlines App' }}</td>
                                <td>{{ucfirst($groupMember->status)}}</td>
                                <td><span class="badge py-3 px-4 fs-7 badge-light-success">Active</span></td>
                                <td>
                                    <a href="{{route('admin.user' , ['id' => $groupMember->user->id, 'page' => 'overview'])}}" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
                                        <i class="bi bi-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Table Widget 5-->
    </div>
    <!--end::Col-->
</div>
@endsection