@extends('layouts.edit')
@if (auth()->check() &&
        auth()->user()->hasAnyRole(['admin-sistema', 'admin-rrhh']))
    {{-- Diseño para administradores logueados --}}
    <x-app-layout>
        <div class="py-2 ">
            <x-slot name="header">
            </x-slot>
            <div class="container mx-auto flex justify-center items-center mt-20 py-20">
                <div class="w-full max-w-3xl p-6 lg:p-6 bg-white border border-gray-200 shadow-md rounded-lg">
                    <div class="md:grid md:grid-cols-3 md:gap-6">
                        <!-- Título y Descripción -->
                        <div>
                            <h2 class="text-2xl text-center font-semibold mb-6 text-gray-900">Registrar</h2>
                            <p class="text-justify text-gray-600"> En esta sección, usted podrá proceder con el registro
                                de nuevos usuarios en el sistema. Para ello, le solicitamos que complete los campos
                                requeridos con la información correspondiente para crear una cuenta.</p>
                        </div>
                        <!-- Formulario -->
                        <div class="mt-5 md:mt-0 md:col-span-2 flex">
                            <div class="border-l-2 mx-4"></div>
                            @include('auth.register-view')
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </x-app-layout>
@else
    {{-- Diseño para usuarios no logueados --}}
    <x-guest-layout>


        <div class="py-20">
        <div class="container mx-auto flex justify-center  items-center mt-20 py-20">
            <div class="w-full max-w-3xl p-6 lg:p-6 bg-white border border-gray-200 shadow-md rounded-lg">
                <div class="md:grid md:grid-cols-3 md:gap-6">
                    <!-- Título y Descripción -->
                    <div>
                        <h2 class="text-2xl text-center font-semibold mb-6 text-gray-900">Registrar</h2>
                        <p class="text-justify text-gray-600">En esta sección, usted podrá proceder con el
                            registro en el sistema. Para ello, le solicitamos que complete
                            los campos requeridos con la información correspondiente para crear una cuenta.</p>
                    </div>

                    <!-- Formulario -->
                    <div class="mt-5 md:mt-0 md:col-span-2 flex">
                        <div class="border-l-2 mx-4"></div>
                        @include('auth.register-view')
                    </div>
                </div>
            </div>
        </div>

    </x-guest-layout>
@endif