@extends('adminlte::page')

@section('title', 'Editar Usuario')

@section('content_header')
    <div class="container-fluid">
        {{-- Fila 1: Migas de Pan aisladas arriba --}}
        <div class="row">
            <div class="col-12">
                @include('components.breadcrumbs', ['items' => [
                    'Usuarios' => 'users',
                    'Editar' => '#'
                ]])
            </div>
        </div>

        {{-- Fila 2: Título y Botón con Space Between --}}
        <div class="row align-items-center justify-content-between mt-2">
            <div class="col-auto">
                <h1 class="m-0 text-dark">
                    <i class="fas fa-user-edit mr-2"></i>Editar Usuario
                </h1>
            </div>
            <div class="col-auto">
                <a href="{{ route('users.index') }}" class="btn btn-outline-secondary btn-sm shadow-sm">
                    <i class="fas fa-undo mr-1"></i> Cancelar y Volver
                </a>
            </div>
        </div>
    </div>
@stop

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-12 col-sm-10 col-md-8 col-lg-6">
            <div class="card card-outline card-info shadow">
                <div class="card-header">
                    <h3 class="card-title">Datos de: <strong>{{ $user->name }}</strong></h3>
                </div>
                
                <form action="{{ route('users.update', $user) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT') {{-- Crucial para que Laravel reconozca la actualización --}}
                    
                    <div class="card-body">
                        
                        {{-- Avatar Actual y Cambio --}}
                        <div class="form-group text-center">
                            <div class="mb-3">
                                <img id="preview" src="{{ asset('storage/avatars/' . ($user->avatar ?? 'default.png')) }}" 
                                     class="img-circle elevation-2 shadow" 
                                     style="width: 120px; height: 120px; object-fit: cover; cursor: pointer; border: 3px solid #17a2b8;"
                                     onclick="document.getElementById('avatarInput').click()">
                            </div>
                            <input type="file" name="avatar" id="avatarInput" class="d-none" onchange="previewImage(event)">
                            <p class="text-muted small">Haz clic en la imagen para cambiar la foto actual</p>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="small font-weight-bold">Nombre</label>
                                    <input type="text" name="name" class="form-control form-control-sm @error('name') is-invalid @enderror" value="{{ old('name', $user->name) }}" required>
                                    @error('name') <span class="invalid-feedback">{{ $message }}</span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="small font-weight-bold">Correo Electrónico</label>
                                    <input type="email" name="email" class="form-control form-control-sm @error('email') is-invalid @enderror" value="{{ old('email', $user->email) }}" required>
                                    @error('email') <span class="invalid-feedback">{{ $message }}</span> @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Rol asignado</label>
                            <select name="role" class="form-control form-control-sm select2">
                                <option value="editor" {{ old('role', $user->role) == 'editor' ? 'selected' : '' }}>Editor</option>
                                <option value="admin" {{ old('role', $user->role) == 'admin' ? 'selected' : '' }}>Administrador</option>
                                <option value="super-admin" {{ old('role', $user->role) == 'super-admin' ? 'selected' : '' }}>Super-Admin</option>
                            </select>
                        </div>

                        @if(auth()->user() && auth()->user()->isAdmin())
                        <div class="custom-control custom-switch mt-2">
                            <input type="checkbox" name="experiencias_planes" class="custom-control-input" id="experienciasPlanesEdit" {{ old('experiencias_planes', $user->experiencias_planes) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="experienciasPlanesEdit">Permitir crear Experiencias y Planes</label>
                        </div>
                        @endif

                        @if(auth()->user() && auth()->user()->isAdmin())
                        <div class="form-group mt-3">
                            <label class="small font-weight-bold">Owner (tipos que puede gestionar)</label>
                            <select name="owner[]" class="form-control form-control-sm select2" multiple>
                                @php
                                    $ownerOptions = [
                                        'alojamiento' => 'Alojamientos',
                                        'empresa' => 'Empresas',
                                        'productor' => 'Productores',
                                        'restaurante' => 'Restaurantes',
                                        'oficina-de-turismo' => 'Oficinas de turismo',
                                        'ayuntamiento' => 'Ayuntamientos',
                                    ];
                                    $currentOwner = $user->owner ? explode(',', $user->owner) : [];
                                @endphp

                                @foreach($ownerOptions as $key => $label)
                                    <option value="{{ $key }}" {{ in_array($key, old('owner', $currentOwner)) ? 'selected' : '' }}>{{ $label }}</option>
                                @endforeach
                            </select>
                            <small class="form-text text-muted">Selecciona los tipos de contenidos que este usuario puede gestionar/ser propietario.</small>
                        </div>
                        @endif

                        {{-- Sección de Seguridad Opcional --}}
                        <div class="alert alert-light border p-2 mt-4">
                            <h6 class="small font-weight-bold"><i class="fas fa-lock mr-1"></i> Seguridad</h6>
                            <p class="x-small text-muted mb-2">Deja los campos en blanco si no deseas cambiar la contraseña.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="password" name="password" class="form-control form-control-sm" placeholder="Nueva contraseña">
                                </div>
                                <div class="col-md-6">
                                    <input type="password" name="password_confirmation" class="form-control form-control-sm" placeholder="Confirmar nueva contraseña">
                                </div>
                            </div>
                        </div>

                        <div class="custom-control custom-switch mt-3">
                            <input type="checkbox" name="active" class="custom-control-input" id="activeSwitch" {{ $user->active ? 'checked' : '' }}>
                            <label class="custom-control-label" for="activeSwitch">Usuario habilitado (Acceso al panel)</label>
                        </div>

                        <hr>
                        <h6 class="small font-weight-bold mt-3">Asignar contenidos a este usuario</h6>
                        <p class="small text-muted">Selecciona uno o varios elementos de cada tipo para asignarlos como propietario del usuario. Solo se muestran los contenidos sin propietario.</p>

                        <div class="form-group">
                            <label class="small font-weight-bold">Alojamientos</label>
                            <select name="alojamiento_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($alojamientos as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('alojamiento_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Empresas</label>
                            <select name="empresa_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($empresas as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('empresa_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Espacios culturales</label>
                            <select name="espacio_cultural_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($espaciosCulturales as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('espacio_cultural_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Espacios naturales</label>
                            <select name="espacio_natural_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($espaciosNaturales as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('espacio_natural_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Experiencias</label>
                            <select name="experiencia_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($experiencias as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('experiencia_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Oficinas de turismo</label>
                            <select name="oficina_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($oficinas as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('oficina_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Planes</label>
                            <select name="plan_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($planes as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('plan_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Productores</label>
                            <select name="productor_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($productores as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('productor_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">Restaurantes</label>
                            <select name="restaurante_ids[]" class="form-control form-control-sm select2" multiple>
                                @foreach($restaurantes as $item)
                                    <option value="{{ $item->id }}" {{ in_array($item->id, old('restaurante_ids', [])) || ($item->id_usuario ?? null) == $user->id ? 'selected' : '' }}>{{ $item->name ?? $item->title ?? $item->nombre ?? $item->id }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>

                    <div class="card-footer bg-transparent">
                        <button type="submit" class="btn btn-primary btn-block shadow-sm">
                            <i class="fas fa-sync-alt mr-1"></i> Actualizar Datos
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
<script>
    $(document).ready(function() {
        $('.select2').select2({
            theme: 'bootstrap4'
        });
    });

    function previewImage(event) {
        var reader = new FileReader();
        reader.onload = function() {
            var output = document.getElementById('preview');
            output.src = reader.result;
        }
        reader.readAsDataURL(event.target.files[0]);
    }
</script>
@stop