@extends('layouts.app')
@section('content')

<div class="row">
    <div class="col-12 header">
        <h2 class="title">Users</h2>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <table class="table table-hover table-bordered">
            <thead>
                <tr>
                    <th scope="col">No.</th>
                    <th scope="col">Name</th>
                    <th scope="col">Email</th>
                    <th scope="col">Actions</th>
                </tr>
            </thead>
            <tbody>
                                @foreach($users as $user)
                                        <tr>
                        <td>{{ $counter }}</td>
                        <td>{{ $user->name }}</td>
                        <td>{{ $user->email }}</td>
                        <td>
                            <a class="btn btn-primary {{ ($user->user_type == '1' && Auth::user() != $user ) ? 'disabled': ''}}" href="{{ route('users.edit', $user->id) }}" onclick="return myFunction()">Edit</a>
                            <a href="{{ route('users.delete', ['id' => $user->id]) }}" type="submit" class="btn btn-danger {{ (Auth::user() == $user || $user->user_type == '1') ? 'disabled': ''}}">Remove</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<div class="row">
    <div class="col-12 text-center mb-5">
        <a class="btn btn-outline-secondary" href="{{ route('register') }}">Create New User</a>
    </div>
</div>

@endsection