change filter year on dashboard to dropdown

resources/views/dashboards/bigdata.blade.php

@@ -57,8 +57,14 @@
     </h2>
 
     <div class="d-flex justify-content-end">
-        <input type="number" class="me-3" id="yearPicker" name="year">
-        <button class="btn btn-sm btn-primary" id="btnFilterYear">filter</button>
+        <div class="d-flex">
+            <select class="me-2 form-select" id="yearPicker" name="year">
+            @for ($i = date('Y'); $i > date('Y') - 5; $i--)
+                <option value="{{ $i }}" {{ $i == date('Y') ? 'selected' : '' }}>{{ $i }}</option>
+            @endfor
+            </select>
+            <button class="btn btn-sm btn-primary" id="btnFilterYear">Filter</button>
+        </div>
     </div>
     <div id="dashboard-fixed-container" style="width:1110px;height:770px;position:relative;margin:auto;">
         @component('components.circle', [