@extends('layouts.devexpress')

@section('title', 'Novo Usuário')
@section('page-title', 'Novo Usuário')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{ route('usuarios.index') }}">Usuários</a></li>
    <li class="breadcrumb-item active">Novo</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body" style="padding: 20px;">
                <div id="usuario-form"></div>

                <div class="d-flex flex-wrap gap-3 mt-4">
                    <div id="usuario-save-btn"></div>
                    <div id="usuario-cancel-btn"></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
    <script>
        window.usuariosCreateData = {
            empresas: {!! $empresas->map(fn($empresa) => [
                'id' => $empresa->id,
                'nome' => $empresa->nome,
            ])->values()->toJson(JSON_UNESCAPED_UNICODE) !!},
            unidades: {!! $unidades->map(fn($unidade) => [
                'id' => $unidade->id,
                'nome' => $unidade->nome,
                'empresa_id' => $unidade->empresa_id,
            ])->values()->toJson(JSON_UNESCAPED_UNICODE) !!},
            defaults: {
                name: @json(old('name', '')),
                email: @json(old('email', '')),
                empresa_id: @json(old('empresa_id')),
                unidade_empresarial_id: @json(old('unidade_empresarial_id')),
                role: @json(old('role', 'user')),
                ativo: @json(old('ativo', true) ? true : false),
            },
            storeUrl: @json(route('usuarios.store')),
            redirectUrl: @json(route('usuarios.index')),
            cancelUrl: @json(route('usuarios.index'))
        };
    </script>
    <script src="{{ route('js.usuarios-create') }}?v={{ time() }}"></script>
@endsection