@extends('layouts.app')

@section('content')
<div class="container">

    @if(session('success'))
    <div class="position-fixed top-0 end-0 p-3" style="z-index: 1050;">
        <div class="toast show align-items-center text-bg-success border-0" role="alert" aria-live="assertive" aria-atomic="true" autohide="false">
            <div class="d-flex">
                <div class="toast-body">
                    {{ session('success') }}
                </div>
                <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
        </div>
    </div>
    @endif

    @if(session('error'))
    <div class="position-fixed top-0 end-0 p-3" style="z-index: 1050;">
        <div class="toast show align-items-center text-bg-danger border-0" role="alert" aria-live="assertive" aria-atomic="true" autohide="false">
            <div class="d-flex">
                <div class="toast-body">
                    {{ session('error') }}
                </div>
                <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
        </div>
    </div>
    @endif

    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Dashboard') }}</div>

                <div class="card-body">
                    @if (session('status'))
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                    @endif

                    {{ __('You are logged in!') }}
                </div>
            </div>
            <div class="mb-3"></div>
        </div>

        @if(auth()->user()->name === 'admin')
        <table id="example" class="table table-striped" style="width:100%">
            <thead class="bg-light">
                <tr>
                    <th class="text-center">#</th>
                    <th class="text-center">User Name</th>
                    <th class="text-center">Email</th>
                    <th class="text-center">Phone</th>
                    <th class="text-center">User Group Id</th>
                    <th class="text-center">User Group</th>
                    <th class="text-center">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($users as $index => $user)
                <tr>
                    <th scope="row" class="text-center">{{ $index+1 }}</th>
                    <td class="text-center">
                        <p class="fw-bold fs-6">
                            {{ $user->name }}
                        </p>
                    </td>
                    <td class="text-center">
                        <p class="fw-bold fs-6">
                            {{ $user->email }}
                        </p>
                    </td>
                    <td class="text-center">
                        <p class="fw-bold fs-6">
                            {{ $user->phone }}
                        </p>
                    </td>
                    <td class="text-center">
                        <p class="fw-bold fs-6">
                            {{ $user->user_group_id == 0 ? '0 = null' : $user->user_group_id }}
                        </p>
                    </td>
                    <form action="{{ route('submit.group') }}" method="POST">
                        @csrf
                        <td class="text-center">
                            <select name="user_group" id="user_group" class="form-select">
                                <option value="">Select Group</option>
                                <option value="0">Not give group</option>
                                @foreach ($usergroup as $group)
                                <option value="{{ $group->id }}">{{ $group->name }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td class="text-center">
                            <input type="hidden" name="user_id" value="{{ $user->id }}">
                            <button type="submit" class="btn btn-info text-white" style="background: #00ACCD;">
                                Submit
                            </button>
                        </td>
                    </form>

                </tr>
                @endforeach
            </tbody>
            <tfoot class="bg-light">
                <tr>
                    <th class="text-center">#</th>
                    <th class="text-center">User Name</th>
                    <th class="text-center">Email</th>
                    <th class="text-center">Phone</th>
                    <th class="text-center">User Group Id</th>
                    <th class="text-center">User Group</th>
                    <th class="text-center">Action</th>
                </tr>
            </tfoot>
        </table>
        @endif
    </div>
</div>
@endsection