Nie uruchamia się kod JS w szablonie Twig

{% extends 'base.html.twig' %}

{% block title %}
	Dodaj nowy plik
{% endblock %}

{% block body %}
	<div class="my-14">
		<h1 class="text-4xl">Nowy plik</h1>
		<div class="w-full">
			<div class="mb-6">

				{# <form method="POST" action="{{ path('posts.new') }}" class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"> #}
				{{ form_start(form, {'attr': {'class': 'bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4'}}) }}


				<div class="mb-6">
					{# {{ form_label(form.file, 'Wybierz plik do wysłania', {'label_attr': {'class': 'block text-gray-700 font-bold mb-2'}})}} #}

					{{ form_widget(form.file, {'attr': 
                        {
                            'class': 'shadow appearance-none border rounded w-full
							py-2 px-3 text-gray-700 mb-2 leading-tight focus:outline-none focus:shadow-outline'
                        }, 
                        'value':'',
						'id': 'fileInput',
						'onchange': 'updateFileName()'
                        }
                        ) 
                        }}

				</div>


				<div class="mb-6">
					{{ form_label(form.name, 'File name', {'label_attr': {'class': 'block text-gray-700 font-bold mb-2'}}) }}

					{% set name_error = form_errors(form.name) ? 'border-red-500' : '' %}

					{{ form_widget(form.name, {'attr':
                            {
                                'class': 'shadow appearance-none border rounded w-full
                        py-2 px-3 text-gray-700 mb-2 leading-tight focus:outline-none focus:shadow-outline', 
                                
                                'placeholder':'write file name here',
								'id': 'name'
                                }
                                }
                                ) 
                                }}
					{% if form.name.vars['errors']|length > 0 %}
						<p class="text-red-500 text-xs italic">
							{% for error in form.name.vars['errors'] %}
								<span>{{error.message}}</span>
							{% endfor %}
						</p>
					{% endif %}
				</div>

				<div class="mb-6">
					{{ form_label(form.path, 'File path', {'label_attr': {'class': 'block text-gray-700 font-bold mb-2'}}) }}

					{% set path_error = form_errors(form.path) ? 'border-red-500' : '' %}

					{{ form_widget(form.path, {'attr':
                        {
                            'class': (path_error)~'shadow appearance-none border rounded w-full
                    py-2 px-3 text-gray-700 mb-2 leading-tight focus:outline-none focus:shadow-outline', 
                            'value':'',
                            'placeholder':'write path file here',
							'id': 'file_path'
                            }
                            }
                            ) 
                            }}
					{% if form.path.vars['errors']|length > 0 %}

						<p class="text-red-500 text-xs italic">

							{% for error in form.path.vars['errors'] %}
								<span>{{error.message}}</span>
							{% endfor %}

						</p>

					{% endif %}
				</div>

				<div class="mb-6">
					{{ form_label(form.description, 'File description', {'label_attr': {'class': 'block text-gray-700 font-bold mb-2'}})}}
					{% set description_error = form_errors(form.description) ? 'border-red-500' : '' %}
					{{ form_widget(form.description, {'attr': 
                        {
                            'class': 'drop-shadow-lg w-full h-60 p-4 border 
                                    focus:outline-none focus:shadow-outline',
                            'placeholder':'write post content here'
                        }, 
                        'value':''
                        }
                        ) 
                        }}
					{% if form.description.vars['errors']|length > 0 %}
						<p class="text-red-500 text-xs italic">
							{% for error in form.description.vars['errors'] %}
								<span>{{error.message}}</span>
							{% endfor %}
						</p>
					{% endif %}

				</div>
				<div class="mb-6">
					{{ form_label(form.fileToCompany, 'Company name', {'label_attr': {'class': 'block text-gray-700 font-bold mb-2'}}) }}

					{% set name_error = form_errors(form.fileToCompany) ? 'border-red-500' : '' %}

					{{ form_widget(form.fileToCompany, {'attr':
                            {
                                'class': 'shadow appearance-none border rounded w-full
                        py-2 px-3 text-gray-700 mb-2 leading-tight focus:outline-none focus:shadow-outline', 
                                'value':'',
                                'placeholder':'write file name here',
								'id': 'fileToCompany'
                                }
                                }
                                ) 
                                }}
					{% if form.fileToCompany.vars['errors']|length > 0 %}
						<p class="text-red-500 text-xs italic">
							{% for error in form.fileToCompany.vars['errors'] %}
								<span>{{error.message}}</span>
							{% endfor %}
						</p>
					{% endif %}
				</div>

				<div class="flex justify-center">
					{{ form_widget(form.save, {'attr': {'class': 'bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4
                rounded cursor-pointer '}}) }}
				</div>


				

				{{ form_end(form) }}
{# 
				 <script>
				    function updateFileName() {
				        const selectedFile = document.getElementById('fileInput').files[0];
				        if (selectedFile) {
				            // Ustaw pole 'name' na nazwę pliku bez rozszerzenia
				            const fileNameWithoutExtension = selectedFile.name.replace(/\.[^/.]+$/, '');
				            document.getElementById('name').value = fileNameWithoutExtension;
				        }
				    }
				</script> #}

			</div>
		</div>

		 <script>
			function updateFileName() {
    const selectedFile = document.getElementById('fileInput');
    const fileNameField = document.getElementById('name');
    
    if (selectedFile && fileNameField) {
        const selectedFile = selectedFile.files[0];
        if (selectedFile) {
            // Ustaw pole 'name' na nazwę pliku bez rozszerzenia
            const fileNameWithoutExtension = selectedFile.name.replace(/\.[^/.]+$/, '');
            fileNameField.value = fileNameWithoutExtension;
        }
    }
}
    </script>

	{% endblock %}