@extends('layouts.'.$namespaceName.'.master')
@section('title')
    {{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
            @include('message')
            @include('breadcrumb')
            <div class="card-body">
                <div class="row m-1">
                    <div class="card main_card col-12 ">
                        <div class="card-header">
                            <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.user_group_details')}}</strong>
                        </div>
                        <div class="card-body">
                            <div class="border p-3 rounded">
                                <div class="row ">
                                    <div class="col-12">
                                        <ul class="list-group list-group-flush">
                                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.name')}}</span> :{{ $data->display_name }}</li>
                                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.description')}}</span> : {{ $data->description }} </li>
                                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.number_of_users')}}</span> :{{ $data->users_count }}  </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card main_card">
                <div class="card-header">

                    <div class="row">
                        <div class="col">

                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="example2" class="table table-striped table-bordered text-center">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'email')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'mobile')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'status')}}</th>


                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($users as $row)
                                <tr id="row_{{$row->id}}">
                                    <td>{{$loop->iteration}}</td>

                                    <td>{{$row->name}}</td>
                                    <td>{{$row->email}}</td>
                                    <td>{{$row->mobile}}</td>
                                    <td>{!! $row->status?'<i class="bx bx-check-circle text-success"
                                            aria-hidden="true"></i>':'<i class="bx bx-error text-danger"
                                            aria-hidden="true"></i>'!!}
                                    </td>


                                    @endforeach
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection