{{-- New-Unity ERP | app/Modules/Admin/Resources/Views/roles/create.blade.php | v1.2 | 23/07/2026 --}}
{{-- v1.2 — Fix: __() fallback-string inválido → Lang::has() pattern. --}}
{{-- v1.1 — Permisos: etiqueta traducida + nombre técnico en <small>; anidados indentados. --}}
{{-- v1.0 — Vista de creación de rol con asignación de permisos por módulo. --}}

@extends('layouts.vertical', ['pageTitle' => __('admin.new-role')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-shield-alt"></i> {{ __('admin.new-role') }}
        <small>{{ __('admin.create-role-assign') }}</small>
    </h1>
    <div class="subheader-block d-lg-flex align-items-center">
        <a href="{{ route('admin.roles.index') }}" class="btn btn-secondary btn-sm">
            <i class="fal fa-arrow-left me-1"></i> {{ __('admin.back') }}
        </a>
    </div>
</div>
@endsection

@section('content')

@if($errors->any())
<div class="alert alert-danger alert-dismissible fade show">
    <i class="fal fa-exclamation-circle me-2"></i><strong>{{ __('admin.fix-errors') }}</strong>
    <ul class="mb-0 mt-1">
        @foreach($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<form action="{{ route('admin.roles.store') }}" method="POST">
    @csrf
    <div class="row">
        {{-- Role Name --}}
        <div class="col-xl-12 mb-3">
            <div class="panel">
                <div class="panel-hdr">
                    <h2><i class="fal fa-tag me-2"></i> {{ __('admin.role-information') }}</h2>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label fw-bold">{{ __('admin.role-name') }} <span class="text-danger">*</span></label>
                                <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                                       value="{{ old('name') }}" placeholder="{{ __('admin.ph-role-name') }}" required>
                                @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Permissions --}}
        <div class="col-xl-12 mb-3">
            <div class="panel">
                <div class="panel-hdr">
                    <h2><i class="fal fa-key me-2"></i> {{ __('admin.permissions') }}</h2>
                    <div class="panel-toolbar">
                        <button type="button" class="btn btn-sm btn-outline-primary me-1" onclick="selectAll()">
                            <i class="fal fa-check-square me-1"></i> {{ __('admin.select-all') }}
                        </button>
                        <button type="button" class="btn btn-sm btn-outline-secondary" onclick="deselectAll()">
                            <i class="fal fa-square me-1"></i> {{ __('admin.deselect-all') }}
                        </button>
                    </div>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        @forelse($permissions as $module => $modulePermissions)
                        <div class="mb-4">
                            <div class="d-flex align-items-center mb-2">
                                <h6 class="text-uppercase fw-bold text-muted mb-0 me-2">
                                    <i class="fal fa-cube me-1"></i>
                                    {{ Lang::has('permissions.groups.' . strtolower($module)) ? __('permissions.groups.' . strtolower($module)) : ucfirst($module) }}
                                </h6>
                                <button type="button" class="btn btn-xs btn-outline-secondary"
                                        onclick="toggleModule('{{ $module }}')">
                                    {{ __('admin.toggle-all') }}
                                </button>
                            </div>
                            <div class="row g-2">
                                @foreach($modulePermissions as $permission)
                                @php $segments = explode('.', $permission->name); $isNested = count($segments) >= 3; @endphp
                                <div class="col-md-3 col-sm-4 col-6 {{ $isNested ? 'ps-4' : '' }}">
                                    <div class="form-check">
                                        <input class="form-check-input permission-{{ $module }}"
                                               type="checkbox"
                                               name="permissions[]"
                                               value="{{ $permission->name }}"
                                               id="perm_{{ $permission->id }}"
                                               {{ in_array($permission->name, old('permissions', [])) ? 'checked' : '' }}>
                                        <label class="form-check-label small" for="perm_{{ $permission->id }}">
                                            @if($isNested)<span class="text-muted me-1">↳</span>@endif
                                            {{ Lang::has('permissions.' . $permission->name) ? __('permissions.' . $permission->name) : $permission->name }}
                                            <small class="text-muted d-block">{{ $permission->name }}</small>
                                        </label>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        @empty
                        <div class="text-center text-muted py-4">
                            <i class="fal fa-info-circle me-1"></i> {{ __('admin.no-permissions') }}
                        </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>

        {{-- Actions --}}
        <div class="col-xl-12">
            <button type="submit" class="btn btn-primary">
                <i class="fal fa-save me-1"></i> {{ __('admin.create-role') }}
            </button>
            <a href="{{ route('admin.roles.index') }}" class="btn btn-secondary ms-2">
                <i class="fal fa-times me-1"></i> {{ __('admin.cancel') }}
            </a>
        </div>
    </div>
</form>

@endsection

@section('scripts')
<script>
function selectAll() {
    document.querySelectorAll('input[name="permissions[]"]').forEach(cb => cb.checked = true);
}
function deselectAll() {
    document.querySelectorAll('input[name="permissions[]"]').forEach(cb => cb.checked = false);
}
function toggleModule(module) {
    const checkboxes = document.querySelectorAll('.permission-' + module);
    const allChecked = Array.from(checkboxes).every(cb => cb.checked);
    checkboxes.forEach(cb => cb.checked = !allChecked);
}
</script>
@endsection