@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Role')

@section('content')

    <div class="card mt-3">
        <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
            <h5 class="mb-0">{{ __('Role Management') }}</h5>
            @can('Role-create')
                <a class="btn btn-sm btn-primary" href="{{ route('roles.create') }}">{{ __('Add New') }}</a>
            @endcan
        </div>
        <div class="card-body">
            @if ($message = Session::get('success'))
                <div class="alert alert-success mb-3">
                    <p class="mb-0">{{ $message }}</p>
                </div>
            @endif
            @if ($message = Session::get('message'))
                <div class="alert alert-success mb-3">
                    <p class="mb-0">{{ $message }}</p>
                </div>
            @endif
            @if ($message = Session::get('error'))
                <div class="alert alert-danger mb-3">
                    <p class="mb-0">{{ $message }}</p>
                </div>
            @endif
            <div class="table-responsive">
                <table class="table table-bordered table-hover table-sm mb-0">
                    <thead class="thead-light">
                    <tr>
                        <th style="width: 72px;">{{ __('No') }}</th>
                        <th>{{ __('Name') }}</th>
                        <th style="min-width: 280px;">{{ __('Action') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($roles as $key => $role)
                        <tr>
                            <td>{{ ++$i }}</td>
                            <td class="align-middle">{{ $role->name }}</td>
                            <td class="align-middle">
                                @can('Role-list')
                                    <a class="btn btn-sm btn-outline-info mr-1" href="{{ route('roles.show', $role->id) }}">{{ __('Show') }}</a>
                                @endcan
                                @can('Role-edit')
                                    <a class="btn btn-sm btn-primary mr-1" href="{{ route('roles.edit', $role->id) }}">{{ __('Edit') }}</a>
                                @endcan
                                @can('Role-delete')
                                    {!! Form::open(['method' => 'DELETE', 'route' => ['roles.destroy', $role->id], 'style' => 'display:inline']) !!}
                                    {!! Form::submit(__('Delete'), ['class' => 'btn btn-sm btn-danger', 'onclick' => "return confirm('".__('Delete this role?')."');"]) !!}
                                    {!! Form::close() !!}
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>

            <div class="mt-3">
                {!! $roles->render() !!}
            </div>
        </div>
    </div>

@endsection