@extends('layouts.app')

@section('titulo', $usuario->exists ? 'Editar Usuário' : 'Novo Usuário')
@section('subtitulo', 'Usuários')

@section('conteudo')
<div class="row">
    <div class="col-lg-6">
        <form method="POST" action="{{ $usuario->exists ? route('usuarios.update', $usuario) : route('usuarios.store') }}">
            @csrf
            @if ($usuario->exists) @method('PUT') @endif

            <div class="card mb-3">
                <div class="card-header">Dados do Usuário</div>
                <div class="card-body row g-3">
                    <div class="col-12">
                        <label class="form-label small fw-semibold">Nome Completo *</label>
                        <input type="text" name="name" class="form-control" value="{{ old('name', $usuario->name) }}" required>
                    </div>
                    <div class="col-12">
                        <label class="form-label small fw-semibold">E-mail (login) *</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email', $usuario->email) }}" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label small fw-semibold">{{ $usuario->exists ? 'Nova Senha' : 'Senha *' }}</label>
                        <input type="password" name="password" class="form-control" {{ $usuario->exists ? '' : 'required' }} minlength="8">
                        @if ($usuario->exists)
                            <div class="text-muted-sm">Deixe em branco para manter a senha atual.</div>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <label class="form-label small fw-semibold">Confirmar Senha</label>
                        <input type="password" name="password_confirmation" class="form-control" minlength="8">
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header">Perfil e Permissões</div>
                <div class="card-body row g-3">
                    <div class="col-12">
                        <label class="form-label small fw-semibold">Perfil de Acesso *</label>
                        <select name="role" class="form-select" required>
                            <option value="">Selecione...</option>
                            @foreach ($roles as $role)
                                <option value="{{ $role->name }}"
                                    {{ old('role', $usuario->roles->first()?->name) === $role->name ? 'selected' : '' }}>
                                    {{ $role->name }}
                                </option>
                            @endforeach
                        </select>
                        <div class="text-muted-sm mt-1">
                            <strong>Administrador</strong>: acesso total |
                            <strong>Vendedor</strong>: pedidos e comissões |
                            <strong>Financeiro</strong>: financeiro e recibos |
                            <strong>Produção</strong>: ordens de produção |
                            <strong>Compras</strong>: pedidos de compra
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label small fw-semibold">Percentual de Comissão (%)</label>
                        <input type="number" step="0.01" min="0" max="100" name="commission_percent"
                               class="form-control" value="{{ old('commission_percent', $usuario->commission_percent ?? 0) }}">
                        <div class="text-muted-sm">Usado para calcular comissões automáticas sobre pedidos.</div>
                    </div>
                    <div class="col-12">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1"
                                {{ old('is_active', $usuario->is_active ?? true) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">Usuário ativo</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-fill">
                    {{ $usuario->exists ? 'Salvar Alterações' : 'Cadastrar Usuário' }}
                </button>
                <a href="{{ route('usuarios.index') }}" class="btn btn-outline-secondary">Cancelar</a>
            </div>
        </form>
    </div>
</div>
@endsection