update: change the type

components/agents/AgentDetailsModal.vue

@@ -3,9 +3,27 @@
     <div class="agentDetailsModal">
       <el-form label-position="top" :model="agent">
         <el-form-item label="نوع نماینده">
-          <el-input v-if="agent.representation_type === 'both'" disabled value="نماینده هر دو نوع لوازم"/>
-          <el-input v-if="agent.representation_type === 'verity'" disabled value="نماینده لوازم جانبی کامپیوتر و موبایل"/>
-          <el-input v-if="agent.representation_type === 'panatech'" disabled value="نماینده لوازم صوتی تصویری خودرو"/>
+          <div v-if="Array.isArray(agent.representation_type) && agent.representation_type.length > 0">
+            <div>
+              <span v-if="agent.representation_type.includes('mobile_accessories')">محصولات جانبی موبایل</span>
+              <span v-if="agent.representation_type.includes('computer_accessories')">، محصولات جانبی کامپیوتر</span>
+              <span v-if="agent.representation_type.includes('memory_products')">، محصولات حافظه</span>
+              <span v-if="agent.representation_type.includes('car_audio_video')">، محصولات صوتی و تصویری خودرو</span>
+              <span v-if="agent.representation_type.includes('home_products')">، محصولات خانگی</span>
+            </div>
+          </div>
+          <!-- Handle legacy data -->
+          <el-input v-else-if="agent.representation_type === 'both'" disabled value="نماینده هر دو نوع لوازم" />
+          <el-input
+            v-else-if="agent.representation_type === 'verity'"
+            disabled
+            value="نماینده لوازم جانبی کامپیوتر و موبایل"
+          />
+          <el-input
+            v-else-if="agent.representation_type === 'panatech'"
+            disabled
+            value="نماینده لوازم صوتی تصویری خودرو"
+          />
         </el-form-item>
 
         <el-form-item label="نام فروشگاه">