@extends('v2-cms::layouts.app', ['title' => 'Editar Usuário'])

@section('page-breadcrumbs')
    <nav aria-label="Breadcrumb">
        <ol class="breadcrumb bg-transparent p-0 mb-0 small">
            <li class="breadcrumb-item"><a href="{{ route('v2.cms.dashboard') }}" class="text-decoration-none">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('v2.gestaopermissoes.permissions.index') }}" class="text-decoration-none">Infraestrutura</a></li>
            <li class="breadcrumb-item"><a href="{{ route('v2.gestaopermissoes.permissions.index') }}" class="text-decoration-none">Gestão de Permissões</a></li>
            <li class="breadcrumb-item"><a href="{{ route('v2.gestaopermissoes.permissions.index') }}" class="text-decoration-none">Permissões</a></li>
            <li class="breadcrumb-item active" aria-current="page">Editar: {{ $user->name }}</li>
        </ol>
    </nav>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card shadow-sm border-0">
            @v2can('GestaoPermissoes', 'write')
            <form action="{{ route('v2.gestaopermissoes.permissions.update', $user->id) }}" method="POST">
                {{ csrf_field() }}
                 <div class="card-body p-4">
                    <!-- Feedback de Erros de Validação -->
                    @if ($errors->any())
                        <div class="alert alert-danger alert-dismissible fade show role-alert p-3 mb-4">
                            <h4 class="alert-heading h6 fw-bold d-flex align-items-center gap-2 mb-2">
                                <i class="bi bi-ban"></i> Atenção!
                            </h4>
                            <ul class="mb-0 ps-3">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar"></button>
                        </div>
                    @endif

                    <div class="row g-3">
                        <div class="col-md-6 col-12">
                            <div class="mb-3">
                                <label for="name" class="form-label fw-bold">Nome Completo <span class="text-danger">*</span></label>
                                <input type="text" id="name" name="name" class="form-control" value="{{ old('name', $user->name) }}" required>
                            </div>
                        </div>

                        <div class="col-md-6 col-12">
                            <div class="mb-3">
                                <label for="email" class="form-label fw-bold">E-mail de Acesso <span class="text-danger">*</span></label>
                                <input type="email" id="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
                            </div>
                        </div>

                        <div class="col-md-6 col-12">
                            <div class="mb-3">
                                <label for="password" class="form-label fw-bold">Nova Senha</label>
                                <input type="password" id="password" name="password" class="form-control" placeholder="Deixe em branco para manter a atual">
                                <div class="form-text mt-1">Mínimo 6 caracteres. Preencha apenas se quiser alterar.</div>
                            </div>
                        </div>

                        <div class="col-md-6 col-12">
                            <div class="mb-3">
                                <label for="password_confirmation" class="form-label fw-bold">Confirmar Nova Senha</label>
                                <input type="password" id="password_confirmation" name="password_confirmation" class="form-control" placeholder="Repita a nova senha">
                            </div>
                        </div>

                        <div class="col-md-6 col-12">
                            <div class="mb-3">
                                <label for="v2_role_id" class="form-label fw-bold">Perfil de Acesso</label>
                                <select id="v2_role_id" name="v2_role_id" class="form-select">
                                    <option value="">-- Sem Perfil (Sem Acesso) --</option>
                                    @foreach($rolesV2 as $roleV2)
                                        <option value="{{ $roleV2->id }}" {{ old('v2_role_id', $user->v2_role_id) == $roleV2->id ? 'selected' : '' }}>
                                            {{ $roleV2->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <div class="form-text mt-2">O usuário herdará todos os privilégios de leitura e escrita correspondentes ao perfil selecionado.</div>
                            </div>
                        </div>

                        <div class="col-md-6 col-12 d-flex align-items-end">
                            <div class="mb-3">
                                <div class="form-check form-switch">
                                    <input type="hidden" name="is_active" value="0">
                                    <input type="checkbox" id="is_active" name="is_active" class="form-check-input" value="1" role="switch" {{ old('is_active', $user->is_active ?? true) ? 'checked' : '' }}>
                                    <label for="is_active" class="form-check-label fw-bold">Usuário Ativo</label>
                                </div>
                                <div class="form-text mt-1">Desative para impedir o login deste usuário no CMS.</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card-footer bg-light py-3 d-flex gap-2">
                    <button type="submit" class="btn btn-primary text-white fw-bold d-inline-flex align-items-center gap-1">
                        <i class="bi bi-save"></i> Salvar
                    </button>
                    <a href="{{ route('v2.gestaopermissoes.permissions.index') }}" class="btn btn-outline-secondary fw-bold">
                        Cancelar
                    </a>
                </div>
            </form>
            @else
                <div class="card-body p-4 text-center py-5">
                    <i class="bi bi-lock-fill text-muted" style="font-size: 2.5rem;" aria-hidden="true"></i>
                    <p class="text-muted mt-3 mb-0 fw-bold">Você não tem permissão de escrita neste módulo.</p>
                    <p class="text-muted small">Apenas super-administradores podem gerenciar usuários.</p>
                </div>
            @endv2can
        </div>
    </div>
</div>
@endsection