{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Role')

@section('content')
        <div class="card">
            <div class="card-content">
                <span class="card-title">Edit Role</span>
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <form action="{{route('admin.roles.update',$role->id)}}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="input-field col s12">
                            <input id="title" name="title" type="text" class="@error('title') error @enderror" value="{{old('title',$role->title)}}">
                            <label for="title">Title*</label>
                        </div>
                    </div>
                    <div class="row">
                        {{-- <div class="chips chips-autocomplete">
                        </div> --}}
                        <select name="permissions[]" id="permission" multiple>
                            <option value="" disabled selected>Choose Permission</option>
                            @foreach ($permissions as $id => $permission)
                                <option value="{{ $id }}" {{ (in_array($id, old('permissions', [])) || isset($role) && $role->permissions->contains($id)) ? 'selected' : '' }}>
                                   {{ $permission }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <button class="btn waves-effect waves-light" type="submit" name="action">Save
                    </button>
                </form>
            </div>
        </div>
@endsection