@extends('layouts/app')
@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h4 class="card-title" >Add role</h4>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item">Administrator</li>
                    <li class="breadcrumb-item"><a href="{{route('administrator.role')}}">Role</a></li>
                </ol>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-secondary">
                    @if(Session::has('error'))
                    <div class="alert alert-danger">
                        <h5><i class="icon fas fa-x"></i> Errors!</h5>
                        @foreach(Session::get('error') as $err)
                        {{ $err }}<br>
                        @endforeach
                        @php
                        Session::forget('error');
                        @endphp
                    </div>
                    @endif
                    <div class="card-header">
                        <a href="{{route('administrator.role')}}" class="card-title left-btn"><i class="fa fa-chevron-circle-left"></i></a>
                    </div>

                    <div class="card-body">
                        <form action="{{ route('administrator.storeRole') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="name">Name</label>
                                        <span class="text-red">*</span>
                                        {{-- <input type="text" class="form-control @error('name') is-invalid @enderror" value="{{ $role->name }}" id="name" name="name" placeholder="Enter Name"> --}}
                                        <input type="text" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" id="name" name="name" placeholder="Enter Name">
                                        @if ($errors->has('name'))
                                        <span class="text-danger">{{ $errors->first('name') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="permission_group">Permission Group</label>
                                        <span class="text-red">*</span>
                                        {{-- <input type="text" class="form-control @error('permission_group') is-invalid @enderror" value="{{ $role->permission_group }}" id="permission_group" name="permission_group" placeholder="permission_group"> --}}
                                        <select id="permission_group" class="form-control select2-multiple" name="permission_group[]" multiple="multiple">
                                            @foreach($pms_groups as $pg)
                                            <option value="{{ $pg->id }}">{{ $pg->name }}</option>
                                            @endforeach
                                        </select>                        
                                        @if ($errors->has('permission_group'))
                                        <span class="text-danger">{{ $errors->first('permission_group') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
@endsection
@section('js')
<script nonce="{{ csp_nonce() }}">
    $('#permission_group').select2({
        placeholder: "Select",
        allowClear: true
    });        
</script>
@stop