@extends('layouts.masterLayout.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box">
                        <div class="box-header">
                            <h3 class="box-title">Group list</h3>
                            <a href="{{ route('admin.groups.create') }}" class="btn btn-success">Add Group</a>
                        </div><!-- /.box-header -->
                        <div class="box-body">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>
                                            Group Name
                                        </th>
                                        <th>
                                            Player
                                        </th>
                                        <th>
                                            Notification Type
                                        </th>
                                        <th>
                                            Action
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($data as $group)
                                        <tr>
                                            <td>{{ $group->group_name }}</td>
                                            <td>
                                                @foreach ($group->player as $key => $item)
                                                    <span class="badge badge-info">{{ $item->user->name }}</span>
                                                @endforeach
                                            </td>
                                            <td>{{ $group->notification_type }}</td>
                                            <td> <a href="{{ route('admin.groups.edit', $group->id) }}"
                                                    class="btn btn-success">edit</a>
                                            </td>
                                            <td>
                                                <form action="{{ route('admin.groups.destroy', $group->id) }}"
                                                    method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger">Delete</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div><!-- /.box -->
                </div><!-- /.col -->
            </div><!-- /.row -->
        </section>
    </div>
@endsection