@extends('backend.app')

@section('title', 'Create Role')

@section('content')
    <main class="app-content content">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4>
                            <a href="" class="btn btn-danger float-end">Back</a>
                        </h4>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('admin.role.store') }}" method="post">
                            @csrf
                            <div class="mb-3">
                                <label for="name" class="form-label">Role Name</label>
                                <input type="text" class="form-control" id="name" name="name">
                                <x-input-error :messages="$errors->get('name')" class="mt-2" />
                            </div>
                            <div class="row">
                                <label for="">All Permissions</label>
                                @foreach ($permissions as $permission)
                                    <div class="col-md-3">
                                        <input type="checkbox" name="permissions[]" value="{{ $permission->name }}">
                                        {{ $permission->name }}
                                    </div>
                                @endforeach
                            </div>
                            <div class="mb-3 mt-2">
                                <button type="submit" class="btn btn-success">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </main>
@endsection