Código não está funcionando, código parece estar sem erros e nenhum erro aparece na tela

Não sei o porquê do código não estar funcionando. Ao clicar no ícone de editar nada ocorre.

        <ul class = "list-group">
             @foreach($series as $serie)
                 <li class = "list-group-item d-flex justify-content-between align-items-center" >

                     <span id="nome-serie-{{$serie->nome}}">{{$serie->nome}}</span>

                     <div class="input-group w-50" hidden  id="input-nome-serie-{{ $serie->id }}">
                         <input type="text" class="form-control" value="{{ $serie->nome }}">
                         <div class="input-group-append">
                             <button class="btn btn-primary" onclick="editarSerie({{ $serie->id }})">
                                 <i class="fas fa-check"></i>
                             </button>
                             <input type="hidden" name="_token" value="{{ csrf_token()}}">
                         </div>
                     </div>

                     <span class="d-flex">
                         <button class="btn btn-info btn-sm mr-1 " onclick="toggleInput({{$serie->id}})">
                             <i class="fas fa-edit"></i>
                         </button>

                         <a href="/series/{{$serie->id}}/temporadas" class="btn btn-info btn-sm mr-1">
                             <i class="fas fa-external-link-alt"></i>
                         </a>

                         <form method = "post" action="/series/remover/{{$serie->id}}" onsubmit ="return confirm('Tem certeza que deseja remover {{addslashes($serie->nome)}}?')">
                             <input type="hidden" name="_token" value="<?php echo csrf_token();?>">
                            <button class ="btn btn-danger btn-sm"><i class="fas fa-trash-alt"></i> </button>
                         </form>
                     </span>
                 </li>

            @endforeach
        </ul>

    <script>
        function toggleInput(serieId) {

            const nomeSerieEl = document.getElementById('nome-serie-${serieId}');
            const inputSerieEl = document.getElementById('input-nome-serie-${serieId}');

            if( nomeSerieEl.hasAttribute('hidden')){
                nomeSerieEl.removeAttribute('hidden');
                inputSerieEl.hidden = true;

            }else{
                inputSerieEl.removeAttribute('hidden');
               nomeSerieEl.hidden=true;
            }


        }
    </script>