@extends('layouts.app')


@section('content')
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    <div class="card">
        <div class="card-body">
            <div class="mb-4 clearfix">
                <h4 class="float-left">Users</h4>
                <a class="float-right" href="{{ route('users.create') }}"><button class="btn btn-primary btn-sm"><i class="fas fa-plus mr-2"></i>Add Record</button></a>
            </div>
            @if(count($users) > 0)
            <div class="table-responsive">
                <table class="table">
                    <thead class=" text-primary">
                    <th>Name</th>
                    <th>Email</th>
                    <th>Role</th>
                    <th class="text-right">Action</th>
                    </thead>
                    <tbody>
                    @foreach($users as $key => $user)
                        <tr>
                            <td>{{ $user->name }}</td>
                            <td>{{ $user->email }}</td>
                            <td>{{ $user->role }}</td>
                            <td class="d-flex" @if($key == 0) style="border-top: 0px; " @endif>
                                <button class="btn btn-link ml-auto" onclick="goToEdit(this)" data-link="{{route('users.edit', $user->id)}}"><i class="far fa-edit"></i></button>
                                <form clas action="{{route('users.destroy', $user->id)}}" method="post">
                                    {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                    <button class="btn btn-link ml-auto"><i class="far fa-trash-alt"></i></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @else
            <h6><i class="fas fa-exclamation-circle"></i> No record found</h6>
            @endif
        </div>
    </div>
@endsection

@section('script') @endsection