@extends('layout.backend')
@section('title', $role->exists ? 'Editar Nível de Acesso: ' . $role->role : 'Novo Nível de Acesso')

@section('scripts')
@parent
@vite(['resources/js/create-roles.js'])
@endsection

@section('content')

{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>
    <x-form.header.button-back :route="route('roles.index')" tooltip="Voltar para a lista de níveis de acesso"/>
</x-form.header.button-bar>

<x-form.body
    :title="$role->exists ? 'Editar Nível de Acesso: ' . $role->role : 'Novo Nível de Acesso'"
    icon="fa-shield-alt"
    :form-action="$role->exists ? route('roles.update', ['role' => $role->id]) : route('roles.store')"
    :form-method="$role->exists ? 'PUT' : 'POST'"
    :item="$role">

    {{-- ── Identificação ──────────────────────────────────────── --}}
    <x-form.section heading="Identificação" icon="fa-tag" margins="mt-2 mb-3"/>

    <x-form.text
        name="role"
        required
        class="col-12 col-md-6 col-lg-5"
        tooltip="Nome que identifica este nível de acesso no sistema">
        Nome do Nível de Acesso
    </x-form.text>

    <x-form.select
        name="parent_role_id"
        :items="$roles"
        required
        class="col-12 col-md-6 col-lg-5"
        tooltip="Nível de acesso hierarquicamente superior a este — define quem administra os usuários com este nível">
        Nível superior
    </x-form.select>

    {{-- ── Associações ─────────────────────────────────────────── --}}
    <x-form.section heading="Associações" icon="fa-users" margins="mt-4 mb-1"/>

    {{--
        Os hidden abaixo garantem valor 0 quando o checkbox não for marcado,
        pois campos checkbox não são enviados quando desmarcados.
    --}}
    <input type="hidden" name="is_hlc_member" value="0">
    <x-form.checkbox
        name="is_hlc_member"
        class="col-12 col-sm-auto"
        tooltip="Indica que os que recebem este nível de acesso parte da Colih">
        Membro da <strong>Colih</strong>
    </x-form.checkbox>

    <input type="hidden" name="is_pvg_member" value="0">
    <x-form.checkbox
        name="is_pvg_member"
        class="col-12 col-sm-auto"
        tooltip="Indica que os que recebem este nível de acesso parte do GVP">
        Membro do <strong>GVP</strong>
    </x-form.checkbox>

</x-form.body>

@endsection