@extends('adminlte::page')

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

@section('content_header')
@stop

@section('content')
<div class="dashboard-page dashboard-stagger">
    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div>
                <p class="dashboard-hero__eyebrow">Sistema</p>
                <h1 class="dashboard-hero__title">
                    Novo <em>usuário</em>
                </h1>
                <p class="dashboard-hero__subtitle">
                    Crie uma conta de acesso ao painel Gestão. Defina papel e credenciais iniciais.
                </p>
            </div>
            <div class="dashboard-hero__actions">
                <a href="{{ route('usuarios.index') }}" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-arrow-left" aria-hidden="true"></i>
                    Voltar à lista
                </a>
            </div>
        </div>
    </section>

    @if($errors->any())
        <div class="formulario-alert formulario-alert--danger mb-4" role="alert">
            <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
            <div>
                <strong>Corrija os erros abaixo:</strong>
                <ul class="mb-0 mt-1">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif

    <form method="POST" action="{{ route('usuarios.store') }}">
        @csrf

        <div class="dashboard-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-user" aria-hidden="true"></i>
                    Identificação
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="formulario-field">
                            <label for="name">Nome <span class="formulario-required">*</span></label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror"
                                   id="name" name="name" value="{{ old('name') }}" required autocomplete="name">
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="formulario-field">
                            <label for="email">Email <span class="formulario-required">*</span></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror"
                                   id="email" name="email" value="{{ old('email') }}" required autocomplete="email">
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="dashboard-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-key" aria-hidden="true"></i>
                    Credenciais
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="formulario-field">
                            <label for="password">Senha <span class="formulario-required">*</span></label>
                            <input type="password" class="form-control @error('password') is-invalid @enderror"
                                   id="password" name="password" required autocomplete="new-password">
                            @error('password')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="formulario-field">
                            <label for="password_confirmation">Confirmar senha <span class="formulario-required">*</span></label>
                            <input type="password" class="form-control"
                                   id="password_confirmation" name="password_confirmation" required autocomplete="new-password">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="dashboard-panel mb-4">
            <div class="dashboard-panel__header">
                <h2 class="dashboard-panel__title">
                    <i class="fas fa-shield-alt" aria-hidden="true"></i>
                    Acesso e permissões
                </h2>
            </div>
            <div class="dashboard-panel__body">
                <div class="formulario-field">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="email_verified"
                               name="email_verified" value="1" {{ old('email_verified') ? 'checked' : '' }}>
                        <label class="form-check-label" for="email_verified">Marcar email como verificado</label>
                    </div>
                </div>

                @if(auth()->user()?->isGestaoSuperAdmin())
                    <div class="formulario-field">
                        <label for="gestao_role">Papel no painel Gestão</label>
                        <select name="gestao_role" id="gestao_role" class="form-control @error('gestao_role') is-invalid @enderror">
                            <option value="{{ \App\Models\User::ROLE_SUPER_ADMIN }}" @selected(old('gestao_role', \App\Models\User::ROLE_SUPER_ADMIN) === \App\Models\User::ROLE_SUPER_ADMIN)>
                                Administrador (alterações permitidas)
                            </option>
                            <option value="{{ \App\Models\User::ROLE_OPS_READONLY }}" @selected(old('gestao_role') === \App\Models\User::ROLE_OPS_READONLY)>
                                Operações — somente leitura
                            </option>
                        </select>
                        <p class="formulario-field__hint">Usuários «somente leitura» não criam instalações nem alteram dados sensíveis.</p>
                        @error('gestao_role')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                @endif
            </div>
        </div>

        <div class="d-flex flex-wrap gap-2">
            <button type="submit" class="btn-listagem btn-listagem--primary">
                <i class="fas fa-save" aria-hidden="true"></i>
                Salvar usuário
            </button>
            <a href="{{ route('usuarios.index') }}" class="btn-listagem btn-listagem--ghost">
                Cancelar
            </a>
        </div>
    </form>
</div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/adminlte-inter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-colors.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-listagem.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-formulario.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-usuarios.css') }}">
@stop