@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">Roles</h4>
                <a class="float-right" href="{{ route('roles.create') }}"><button class="btn btn-primary btn-sm"><i class="fas fa-plus mr-2"></i>Add Record</button></a>
            </div>
            @if(count($roles) > 0)
                <div class="table-responsive">
                    <table class="table">
                        <thead class=" text-primary">
                        <th>Name</th>
                        <th class="text-right">Action</th>
                        </thead>
                        <tbody>
                        @foreach($roles as $key => $role)
                            <tr>
                                <td>{{$role->name}}</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('roles.edit', $role->id)}}"><i class="far fa-edit"></i></button>
                                    <form clas action="{{route('roles.destroy', $role->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