@extends('layouts.app')

@section('title')
{{ __('List of Users') }}
@endsection

@section('content')
    <h1 class="mb-5 mt-3">{{ __('Users') }}</h1>

    <a href="{{ route('user.create') }}"><button class="btn btn-primary">{{ __("New user") }}</button></a>

    <div class="mt-3">

        <table class="table col-sm-3 col-xl-3">
            <thead>
                <tr>
                    <th scope="col">{{ __('Username') }}</th>
                    <th scope="col">{{ __('Role') }}</th>
                    <th scope="col">{{ __('Supervisor') }}</th>
                    <th scope="col">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody>

                <tr>
                    <td scope="row">{{ $me->name }}</td>
                    <td>{{ $me->role->rolename }}</td>
                    <td></td>
                    <td>
                        <a href="{{ route('user.edit', $me->id) }}"><button
                            class="btn btn-sm btn-primary">{{ __('Edit') }}</button></a>
                        <a href="{{ route('user.reset', $me->id) }}"><button
                            class="btn btn-sm btn-warning">{{ __('Reset password') }}</button></a>
                    </td>
                </tr>

                @foreach ($users as $user)
                    <tr>
                        <td scope="row">{{ $user->name }}</td>
                        <td>{{ $user->role->rolename }}</td>
                        <td>
                            @foreach ($user->supervisors as $supervisor)
                                {{ $supervisor->name }} <br />
                            @endforeach
                        </td>
                        <td>
                            <a href="{{ route('user.edit', $user->id) }}"><button
                                class="btn btn-sm btn-primary">{{ __('Edit') }}</button></a>
                            <a href="{{ route('user.reset', $user->id) }}"><button
                                class="btn btn-sm btn-warning">{{ __('Reset password') }}</button></a>
                            @if (Auth::user()->id == $user->id)
                            @else
                                
                                <a href="{{ route('user.delete', $user->id) }}"><button
                                    class="btn btn-sm btn-danger" onclick="return confirmAction()">{{ __('Delete') }}</button></a>
                                
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <script>
        function confirmAction()
        {
            let answer = confirm('{{ __("Delete?") }}');
    
            return answer;
        }
    </script>

@endsection