@extends('layouts.admin')

@section('content')
    <div class="card">
        <div class="card-header">Add Role</div>
        <div class="card-body">
            <form action="{{ route('role.store') }}" method="post">
                {{ csrf_field() }}
                <div class="form-group">
                    <label for="name">Name</label>
                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" type="text" name="name"
                           value="{{ old('name') }}" id="name" placeholder="Role Name">
                    @include('includes.partials.error', ['field' => 'name'])
                </div>
                <div class="form-group">
                    <label for="permissions">Permissions</label>
                    <select name="permissions[]" id="permissions" multiple
                            class="form-control{{ $errors->has('permissions') ? ' is-invalid' : '' }}">
                        @foreach($permissions as $permission)
                            <option value="{{ $permission->id }}" {{ (collect(old('permissions'))->contains($permission->id)) ? "selected":"" }}>
                                {{ $permission->name }}
                            </option>
                        @endforeach
                    </select>
                    @include('includes.partials.error', ['field' => 'permissions'])
                </div>
                <div class="form-group">
                    <div class="text-center">
                        <button class="btn btn-success" type="submit">Create</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('#permissions').select2({
                placeholder: "Select Permissions",
            });
        });
    </script>
@endsection