From 1c978d14cb9433f732548663bc2eb1db633c802d Mon Sep 17 00:00:00 2001
From: Sallu9007 <sallumoghul007@gmail.com>
Date: Sun, 20 Apr 2025 22:42:48 +0530
Subject: [PATCH] Feat: Add target group selection dropdown in activities form

---
 config/dropdowns.php                          |  9 +++++++
 .../activities-organised-form.blade.php       | 24 +++++++++++++++----
 .../pages/activities-organised/edit.blade.php | 17 ++++++++++++-
 3 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/config/dropdowns.php b/config/dropdowns.php
index 9a87499..f9f5279 100644
--- a/config/dropdowns.php
+++ b/config/dropdowns.php
@@ -20,4 +20,13 @@ return [
         'National' => 'National',
         'International' => 'International',
     ],
+    
+    'target_groups' => [
+        'Undergraduate Students' => 'Undergraduate Students',
+        'Postgraduate Students' => 'Postgraduate Students',
+        'PhD Students' => 'PhD Students',
+        'Faculty Members' => 'Faculty Members',
+        'Industry Professionals' => 'Industry Professionals',
+        'Alumni' => 'Alumni',
+    ],
 ];
\ No newline at end of file
diff --git a/resources/views/faculty/activities-organised-form.blade.php b/resources/views/faculty/activities-organised-form.blade.php
index 907e4c3..b4753c4 100644
--- a/resources/views/faculty/activities-organised-form.blade.php
+++ b/resources/views/faculty/activities-organised-form.blade.php
@@ -40,7 +40,14 @@
                         <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                             <div>
                                 <label for="target_audience" class="block text-sm font-medium text-gray-700">Target Audience</label>
-                                <input type="text" name="target_audience" id="target_audience" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
+                                <select name="target_audience" id="target_audience" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
+                                    <option value="">Select</option>
+                                    @if(isset($dropdowns['target_groups']) && is_array($dropdowns['target_groups']))
+                                    @foreach($dropdowns['target_groups'] as $key => $label)
+                                    <option value="{{ $key }}">{{ $label }}</option>
+                                    @endforeach
+                                    @endif
+                                </select>
                             </div>
                             <div>
                                 <label for="number_of_participants" class="block text-sm font-medium text-gray-700">Number of Participants</label>
@@ -174,7 +181,7 @@
         }
     }
 
-    document.addEventListener('DOMContentLoaded', function () {
+    document.addEventListener('DOMContentLoaded', function() {
         // Initialize Select2 for resource_person_name
         $('#resource_person_name').select2({
             tags: true,
@@ -183,21 +190,28 @@
                 url: '{{ route('api.users.index') }}', // Adjust this route to fetch user names
                 dataType: 'json',
                 delay: 250,
-                processResults: function (data) {
+                processResults: function(data) {
                     return {
-                        results: data.map(user => ({ id: user.name, text: user.name }))
+                        results: data.map(user => ({
+                            id: user.name,
+                            text: user.name
+                        }))
                     };
                 },
                 cache: true
             }
         });
 
-        $('#resource_person_name').on('change', function () {
+        $('#resource_person_name').on('change', function() {
             const selectedValues = $(this).val();
             document.getElementById('resource_person_name_hidden').value = selectedValues.join(', ');
         });
 
         // Initialize Select2 for activity_type, category, and level
+        $('#target_audience').select2({
+            placeholder: 'Select Target Audience',
+            allowClear: true
+        });
         $('#activity_type').select2({
             tags: true,
             placeholder: 'Select Activity Type',
diff --git a/resources/views/pages/activities-organised/edit.blade.php b/resources/views/pages/activities-organised/edit.blade.php
index 084c460..a06f8e4 100644
--- a/resources/views/pages/activities-organised/edit.blade.php
+++ b/resources/views/pages/activities-organised/edit.blade.php
@@ -47,8 +47,19 @@
                     <!-- Target Audience -->
                     <div>
                         <label for="target_audience" class="block text-sm font-medium text-gray-700">Target Audience</label>
-                        <input type="text" name="target_audience" id="target_audience" value="{{ old('target_audience', $response->target_audience) }}" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" required>
+                        <select name="target_audience" id="target_audience" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
+                            <option value="">Select</option>
+                            @if(isset($dropdowns['target_groups']) && is_array($dropdowns['target_groups']))
+                            @foreach($dropdowns['target_groups'] as $key => $label)
+                            <option value="{{ $key }}" {{ old('target_audience', $response->target_audience ?? '') == $key ? 'selected' : '' }}>{{ $label }}</option>
+                            @endforeach
+                            @endif
+                        </select>
                     </div>
+                    <!-- <div>
+                        <label for="target_audience" class="block text-sm font-medium text-gray-700">Target Audience</label>
+                        <input type="text" name="target_audience" id="target_audience" value="{{ old('target_audience', $response->target_audience) }}" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" required>
+                    </div> -->
 
                     <!-- Number of Participants -->
                     <div>
@@ -245,6 +256,10 @@
         endDateField.addEventListener('change', calculateDays);
 
         // Initialize Select2 for activity_type, category, and level
+        $('#target_audience').select2({
+            placeholder: 'Select Target Audience',
+            allowClear: true
+        });
         $('#activity_type').select2({
             tags: true,
             placeholder: 'Select Activity Type',