@extends('base')

@section('main')
<div>
    <div>
        <form class="ui form" action="{{ route('users.store') }}" method="post">
            @csrf
            <div class="field">
                <label>Name</label>
                <input type="text" name="name" placeholder="Name"/>
            </div>
            <div class="field">
                <label>Email</label>
                <input type="email" name="email" placeholder="Email"/>
            </div>
            <div class="field">
                <label>Role</label>
                <select class="ui dropdown" name="role">
                    <option value="1">Admin</option>
                    <option value="2">Editor</option>
                </select>
            </div>
            <div class="field">
                <label>Password</label>
                <input type="password" name="password" placeholder="Password"/>
            </div>
            <button class="ui button" type="submit">Add</button>
        </form>
    </div>
    <table class="ui celled table">
        <thead>
            <tr>
                <th>#</th>
                <th>Name</th>
                <th>Email</th>
                <th>Role</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($users as $id => $user)
                <tr>
                    <td>{{ $id + 1 }}</td>
                    <td>{{ $user->name }}</td>
                    <td>{{ $user->email }}</td>
                    <td>{{ $user->role() }}</td>
                    <td>
                        <form action="{{ route('users.destroy', $user) }}" method="POST">
                            @csrf
                            @method('DELETE')
                            <button class="ui button negative" type="submit">Delete</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection