@extends('v2-cms::layouts.app', ['title' => 'Nova Permissão'])

@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">Nova Permissão</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.store') }}" 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-exclamation-triangle-fill"></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">
                        <!-- Dados Cadastrais Básicos -->
                        <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" placeholder="Ex: João da Silva" value="{{ old('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" placeholder="Ex: joao@dominio.com" value="{{ old('email') }}" required>
                            </div>
                        </div>
                    </div>

                    <div class="row g-3">
                        <div class="col-md-3 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 --</option>
                                    @foreach($rolesV2 as $roleV2)
                                        <option value="{{ $roleV2->id }}" {{ old('v2_role_id') == $roleV2->id ? 'selected' : '' }}>
                                            {{ $roleV2->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3 col-12">
                            <div class="mb-3">
                                <label for="password" class="form-label fw-bold">Senha <span class="text-danger">*</span></label>
                                <input type="password" id="password" name="password" class="form-control" placeholder="Mínimo 6 caracteres" required>
                            </div>
                        </div>

                        <div class="col-md-3 col-12">
                            <div class="mb-3">
                                <label for="password_confirmation" class="form-label fw-bold">Confirmar Senha <span class="text-danger">*</span></label>
                                <input type="password" id="password_confirmation" name="password_confirmation" class="form-control" placeholder="Repita a senha" required>
                            </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-person-plus-fill"></i> Salvar Usuário
                    </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 cadastrar novos usuários.</p>
                </div>
            @endv2can
        </div>
    </div>
</div>
@endsection