@extends('layout.main')

@section('content')
    {!! Former::open()->route('admin.site.roles.update', [$role->id]) !!}

    @if($role->id == 1)
    <div class="row">
        <div class="col-xs-12">
            <alert type="error">
                <i class="fa fa-times"></i>&nbsp;Sorry, you can't modify the default Administrator role.
            </alert>
        </div>
    </div>
    @endif

    <div class="row">
        <div class="col-xs-12 col-md-6">
            <div class="box box-primary">
                <div class="box-body">
                    {!! Former::text('display_name')->label('Name')->value($role->name)->disabled(in_array($role->id, [1, 2])) !!}
                    {!! Former::select('permissions[]')->label('Permissions')
                        ->options($permissions)
                        ->select($role->permissions()->pluck('permission_id'))
                        ->multiple()->size(count($permissions, COUNT_RECURSIVE))
                        ->help('Hold CTRL to select multiple permissions.')
                        ->disabled($role->id == 1)
                    !!}

                    <div class="form-group">
                        <div class="col-lg-offset-2 col-sm-offset-4 col-lg-10 col-sm-8">
                            <button type="submit" class="btn bg-green" @if($role->id == 1)disabled="disabled"@endif>
                                <i class="fa fa-floppy-o"></i>&nbsp;<span>{{ trans('site.admin.roles.edit.buttons.save') }}</span>
                            </button>
                            {!! link_to_route('admin.site.roles.index', trans('site.admin.roles.edit.buttons.cancel'), [], ['class' => 'btn bg-blue', 'target' => '_self']) !!}
                            @if(!in_array($role->id, [1, 2]))
                                <button class="btn bg-red" id="delete-role">
                                    <i class="fa fa-trash"></i>&nbsp;<span>{{ trans('site.admin.roles.edit.buttons.delete') }}</span>
                                </button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xs-12 col-md-6">
            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title">Users</h3>
                </div>

                <div class="box-body">
                    <table class="table table-striped table-condensed">
                        <tbody>
                        @foreach($role->users as $user)
                            <tr>
                                <td>{!! link_to_route('admin.site.users.edit', $user->username, $user->id, ['target' => '_self']) !!}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {!! Former::close() !!}
@stop

@section('scripts')
    <script type="text/javascript">
        $('#delete-role').click(function (e) {
            e.preventDefault();

            var btn = $(this);

            var csrf = $("input[name='_token']").val();

            if (confirm('Are you sure you want to delete the role {{ $role->name }}? This can\'t be undone.')) {
                btn.find('i').removeClass('fa-trash').addClass('fa-spinner fa-pulse');
                btn.parent().find('button').attr('disabled', true);
                $.ajax({
                    url: "{{ route('admin.site.roles.destroy', $role->id) }}",
                    type: 'DELETE',
                    data: {
                        _token: csrf
                    }
                })
                .done(function (data) {
                    toastr.success('Role Deleted!');
                    window.location.href = data.data.url;
                })
                .fail(function () {
                    console.log("error");
                    toastr.error('Unable to delete role');
                })
                .always(function () {
                    btn.find('i').removeClass('fa-spinner fa-pulse').addClass('fa-trash');
                    btn.parent().find('button').attr('disabled', false);
                });
            }
        });
    </script>
@stop