@extends('layouts.app')

@section('title', __('auth::messages.roles.create'))

@section('content')
    @php($role = null)

    <x-page-header :title="__('auth::messages.roles.create')" />

    <x-px.panel>
        <form method="POST" action="{{ route('roles.store') }}">
            @csrf

            <div class="row">
                <div class="col-12 col-lg-5">
                    <x-form.input name="name" :label="__('auth::messages.roles.name')"
                                  :help="__('auth::messages.roles.name_help')" required autofocus />
                </div>
            </div>

            <hr>

            <h2 class="h6">{{ __('auth::messages.roles.permissions') }}</h2>

            @include('auth::roles._permissions')

            <div class="d-flex gap-2 mt-3">
                <button type="submit" class="btn px-btn-primary">{{ __('common.save') }}</button>
                <a href="{{ route('roles.index') }}" class="btn px-btn-ghost">{{ __('common.cancel') }}</a>
            </div>
        </form>
    </x-px.panel>
@endsection