@extends('layouts.horizontal', ['title' => 'Editar Módulo'])

@section('content')
<div class="container-fluid">

@include('layouts.partials.page-title', [
    'subtitle' => 'Seguridad',
    'title' => 'Editar Módulo'
])

<div class="card">
    <div class="card-body">

        {{-- ERRORES --}}
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('modulos.update', $modulo) }}">
            @csrf
            @method('PUT')

            <div class="row g-3">

                {{-- NOMBRE --}}
                <div class="col-md-4">
                    <label class="form-label">Nombre</label>
                    <input name="nombre"
                           class="form-control"
                           value="{{ old('nombre', $modulo->nombre) }}"
                           required>
                </div>

                {{-- SLUG --}}
                <div class="col-md-4">
                    <label class="form-label">Slug</label>
                    <input name="slug"
                           class="form-control"
                           value="{{ old('slug', $modulo->slug) }}"
                           required>

                    <small class="text-muted">
                        ⚠ Cambiar el slug afectará los permisos existentes.
                    </small>
                </div>

                {{-- TIPO --}}
                <div class="col-md-4">
                    <label class="form-label">Tipo de Módulo</label>
                    <select name="tipo" class="form-select" required>
                        <option value="basico" {{ $modulo->tipo === 'basico' ? 'selected' : '' }}>
                            Básico
                        </option>
                        <option value="crud" {{ $modulo->tipo === 'crud' ? 'selected' : '' }}>
                            CRUD
                        </option>
                        <option value="extra" {{ $modulo->tipo === 'extra' ? 'selected' : '' }}>
                            Extra
                        </option>
                        <option value="flujo" {{ $modulo->tipo === 'flujo' ? 'selected' : '' }}>
                            Flujo
                        </option>
                    </select>
                </div>

                {{-- ORDEN --}}
                <div class="col-md-2">
                    <label class="form-label">Orden</label>
                    <input type="number"
                           name="orden"
                           class="form-control"
                           value="{{ old('orden', $modulo->orden) }}">
                </div>

                {{-- ACTIVO --}}
                <div class="col-md-2 d-flex align-items-end">
                    <div class="form-check">
                        <input class="form-check-input"
                               type="checkbox"
                               name="activo"
                               {{ old('activo', $modulo->activo) ? 'checked' : '' }}>
                        <label class="form-check-label">
                            Activo
                        </label>
                    </div>
                </div>

                {{-- MODULO PADRE --}}
                <div class="col-md-6">
                    <label class="form-label">Módulo Padre</label>
                    <select name="parent_id" class="form-select">
                        <option value="">— Módulo Principal —</option>

                        @foreach($modulosPadre as $padre)
                            @if($padre->id !== $modulo->id)
                                <option value="{{ $padre->id }}"
                                    {{ old('parent_id', $modulo->parent_id) == $padre->id ? 'selected' : '' }}>
                                    {{ $padre->nombre }}
                                </option>
                            @endif
                        @endforeach
                    </select>

                    <small class="text-muted">
                        Si asignas un padre, este módulo será submódulo.
                    </small>
                </div>

            </div>

            <div class="text-end mt-4">
                <button class="btn btn-primary">
                    Actualizar Módulo
                </button>
            </div>

        </form>
    </div>
</div>

</div>
@endsection