fix: sets all media preferences to 'n/a' by default

templates/user/preferences.html.twig

@@ -7,9 +7,13 @@
     <twig:Card title="Choose your preferences">
         <p class="text-gray-50 mb-2">Define a set of filters to apply to your media download option results.</p>
         <form id="media_preferences" class="flex flex-col max-w-64" name="media_preferences" method="post" action="{{ path('app_media_preferences') }}">
-
             <label class="text-gray-50" for="resolution">Resolution</label>
             <select class="p-1.5 rounded-md mb-2" name="resolution" id="resolution" value="{{ userPreferences['resolution'].getPreferenceValue() }}">
+                <option class="text-gray-800"
+                        value=""
+                        {{ userPreferences['resolution'].getPreferenceValue() is null ? "selected" }}
+                >n/a</option>
+
                 {% for pref in userPreferences['resolution'].getPreference().getPreferenceOptions() %}
                     <option class="text-gray-800"
                             value="{{ pref.id }}"
@@ -20,6 +24,10 @@
 
             <label class="text-gray-50" for="codec">Codec</label>
             <select class="p-1.5 rounded-md mb-2" name="codec" id="codec" value="{{ userPreferences['codec'].getPreferenceValue() }}">
+                <option class="text-gray-800"
+                        value=""
+                        {{ userPreferences['codec'].getPreferenceValue() is null ? "selected" }}
+                >n/a</option>
                 {% for pref in userPreferences['codec'].getPreference().getPreferenceOptions() %}
                     <option class="text-gray-800"
                             value="{{ pref.id }}"
@@ -30,7 +38,8 @@
 
             <label class="text-gray-50" for="provider">Provider</label>
             <select class="p-1.5 rounded-md mb-2" name="provider" id="provider" value="{{ userPreferences['provider'].getPreferenceValue() }}">
-                <option class="text-gray-800" value=""
+                <option class="text-gray-800"
+                        value=""
                         {{ "" == userPreferences['provider'].getPreferenceValue() ? "selected" }}
                 >n/a</option>
                 {% for provider in providers %}
@@ -43,6 +52,10 @@
 
             <label class="text-gray-50" for="language">Language</label>
             <select class="p-1.5 rounded-md mb-2" name="language" id="language" value="{{ userPreferences['language'].getPreferenceValue() }}">
+                <option class="text-gray-800"
+                        value=""
+                        {{ userPreferences['language'].getPreferenceValue() is null ? "selected" }}
+                >n/a</option>
                 {% for language in languages %}
                     <option class="text-gray-800"
                             value="{{ language }}"