@extends('dashboard.layouts.main')

@section('title', getSiteName() . ' - Dashboard - Add User Role')

@section('content')
    <form action="{{ route('users-role-add-save') }}" method="post" class="pc-content" enctype="multipart/form-data">
        @csrf
        <!-- [ Main Content ] start -->
        <div class="row pt-0">
            @if(session('success'))
                <div class="col-12">
                    <div class="alert alert-success" role="alert">
                        <div class="alert-text">
                            {{ session('success') }}
                        </div>
                    </div>
                </div>
            @endif
            <div class="page-header-title">
                <h2 class="mb-3">{{ __('Add User Role') }}</h2>
                <div class="permalink mb-3">
                    <div class="permalink d-flex justify-content-end">
						@can('add roles')
                        <button type="submit" class="btn btn-primary me-2 w-auto">{{ __('Add') }}</button>
						@endcan
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!-- [ sample-page ] start -->
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Role Information') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label class="form-label" for="name">{{ __('Name') }}</label>
                            <input type="text" class="form-control" id="name" name="name" placeholder="{{ __('Name') }}" value="{{ old('name') }}">
                            @error('name')
                            <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <h6 class="mt-4">{{ __('Role Permissions') }}</h6>
                        @foreach($permissions as $permission)
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="permissions[]" value="{{ $permission->id }}" id="flexCheck-{{ $permission->id }}" @if(in_array($permission->id, old('permissions', []))) checked @endif>
                                <label class="form-check-label" for="flexCheck-{{ $permission->id }}">{{ ucwords($permission->name) }}</label>
                            </div>
                        @endforeach
                        @error('permissions')
                            <div class="alert-danger mt-2">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
            <!-- [ sample-page ] end -->
        </div>
        <!-- [ Main Content ] end -->
    </form>
@endsection