@extends('layouts.app')

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

@section('content')
<div class="card">
    <div class="card-body">
        <h4 class="header-title">Editar usuario</h4>

        <form method="POST" action="{{ route('usuarios.update', $usuario->id) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="mb-3">
                <label class="form-label">Nombre y apellidos</label>
                <input type="text" name="name" class="form-control" value="{{ old('name', $usuario->name) }}" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Usuario</label>
                <input type="text" name="usuario" class="form-control" value="{{ old('usuario', $usuario->usuario) }}" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Email (opcional)</label>
                <input type="email" name="email" class="form-control" value="{{ old('email', $usuario->email) }}">
            </div>

            <div class="mb-3">
                <label class="form-label">Nueva contraseña (opcional)</label>
                <input type="password" name="password" class="form-control">
                <small class="text-muted">Deja en blanco si no deseas cambiarla.</small>
            </div>

            <div class="mb-3">
                <label class="form-label">Rol</label>
                <select name="rol_id" class="form-select" required>
                    @foreach($roles as $rol)
                        <option value="{{ $rol->id }}" {{ $usuario->rol_id == $rol->id ? 'selected' : '' }}>
                            {{ $rol->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="mb-3">
                <label class="form-label">Área</label>
                <select name="area_id" class="form-select" required>
                    @foreach($areas as $area)
                        <option value="{{ $area->id }}" {{ $usuario->area_id == $area->id ? 'selected' : '' }}>
                            {{ $area->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="mb-3">
                <label for="firma_digital" class="form-label">Firma Digital (.png)</label>
                <input type="file" name="firma_digital" class="form-control" accept="image/png">
                @if($usuario->firma_digital)
                    <small class="d-block mt-2">Firma actual:</small>
                    <img src="{{ asset('storage/' . $usuario->firma_digital) }}" alt="Firma Digital" height="80">
                @endif
            </div>

            <div class="text-end">
                <button type="submit" class="btn btn-success">Actualizar</button>
                <a href="{{ route('usuarios.index') }}" class="btn btn-secondary">Cancelar</a>
            </div>
        </form>
    </div>
</div>
@endsection