@extends('layouts.app')

@section('breadcrumb')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-primary">@lang('Role Management')</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active">@lang('Roles')</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
    @if ($message = Session::get('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <p>{{ $message }}</p>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="card">
        <div class="card-body">

            <div class="row">
                <div class="col-lg-12 mb-3">
                    <a class="btn btn-success btn-sm" href="{{ route('roles.create') }}">
                        <i class="fa fa-plus-square"></i>
                        @lang('Create New Role')
                    </a>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <table class="table table-bordered">
                        <tr>
                            <th>#</th>
                            <th>@lang('Name')</th>
                            <th width="280px">@lang('Actions')</th>
                        </tr>
                        @foreach ($roles as $key => $role)
                            <tr>
                                <td>{{ ++$i }}</td>
                                <td>@lang($role->name)</td>
                                <td>
                                    <a class="btn btn-info btn-sm" href="{{ route('roles.show',$role->id) }}">
                                        <i class="fa fa-file-alt"></i>
                                    </a>
                                    <a class="btn btn-primary btn-sm" href="{{ route('roles.edit',$role->id) }}">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    {{--@can('role-delete')
                                        {!! Form::open(['method' => 'DELETE','route' => ['roles.destroy', $role->id],'style'=>'display:inline']) !!}
                                        <button type="button" class="btn btn-danger btn-sm">
                                            <i class="fa fa-trash-alt"></i>
                                        </button>
                                        {!! Form::close() !!}
                                    @endcan--}}
                                </td>
                            </tr>
                        @endforeach
                    </table>


                    {!! $roles->render() !!}
                </div>
            </div>

        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $(function() {
            $('form button.btn-danger').click(function( ){
                if (confirm('ready?')) {
                    $(this).closest('form').submit();
                }
            })
        });
    </script>
@endpush