Component 3 record page

Frontend/lib/pages/Comp3/Comp3Page4.dart

+import 'dart:io';
+import 'package:Autism/widgets/AudioInput.dart';
+import 'package:Autism/widgets/ButtonIcon.dart';
+import 'package:Autism/widgets/ImageCard.dart';
+import 'package:Autism/widgets/Instructions.dart';
+import 'package:flutter/material.dart';
+import 'package:Autism/MyStyles.dart' as MyStyles;
+import 'package:Autism/Api.dart' as Api;
+import 'package:dio/dio.dart';
+import 'package:flutter/services.dart';
+
+class Comp3Page4 extends StatefulWidget {
+  const Comp3Page4({super.key});
+
+  @override
+  State<Comp3Page4> createState() => _Comp3Page4State();
+}
+
+class _Comp3Page4State extends State<Comp3Page4> {
+  File? recordedFile;
+
+  String text = '';
+  String image = '';
+  String audio = '';
+  String color = '';
+
+  Future sendRequest() async {
+    try {
+      Response response;
+      var dio = Dio();
+
+      ByteData assetByteData = await rootBundle.load(audio);
+      List<int> assetBytes = assetByteData.buffer.asUint8List();
+
+      FormData formData = FormData();
+
+      formData.files.add(
+        MapEntry(
+          'files01',
+          await MultipartFile.fromBytes(assetBytes, filename: 'audio1.wav'),
+        ),
+      );
+      formData.files.add(
+        MapEntry(
+          'files02',
+          await MultipartFile.fromFile(recordedFile!.path,
+              filename: 'audio2.wav'),
+        ),
+      );
+      // FormData formData = FormData.fromMap({
+      //   'audio': await MultipartFile.fromBytes(assetBytes,
+      //       filename: 'audio1.wav'
+      //   ),
+      //   'audioa': await MultipartFile.fromFile(recordedFile!.path,
+      //       filename: 'audio2.wav'
+      //   ),
+      // });
+
+      response = await dio.post(
+        Api.Comp3Api,
+        data: formData,
+        // onSendProgress: (int sent, int total) {
+        //   //print((100 * sent) / total);
+        //   print(formData.files);
+        // },
+      );
+
+      if (response.statusCode == 200) {
+        if (response.data["answer-evaluation"] == "autism") {
+          setState(() {
+            color = "රතු පාට";
+          });
+          // var color = "Red";
+        } else {
+          // color = "Green";
+          setState(() {
+            color = "කොළ පාට";
+          });
+        }
+        print(response.data);
+        print(response.data["answer-evaluation"]);
+        print(color);
+        nextPage('/Results');
+      }
+    } catch (e) {
+      // print(e);
+    }
+  }
+
+  void nextPage(String route) {
+    Navigator.pushNamed(context, route, arguments: {'color': color});
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final arg = ModalRoute.of(context)!.settings.arguments as Map;
+    text = arg['text'];
+    image = arg['image'];
+    audio = arg['audio'];
+
+    return Column(
+      children: [
+        Container(
+          alignment: Alignment.topLeft,
+          padding: EdgeInsets.all(8.0),
+          child: IconButton(
+            icon: Icon(Icons.arrow_back),
+            onPressed: () {
+              Navigator.pop(context);
+            },
+          ),
+        ),
+        ImageCard(image: image),
+        SizedBox(
+          height: 10,
+        ),
+        Instructions(
+          title: 'ප්‍රශ්නය',
+          body: text,
+        ),
+        SizedBox(
+          height: 10,
+        ),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: [
+            AudioInput(
+                audio: 'audio',
+                rtn: (reco) {
+                  setState(() {
+                    recordedFile = reco;
+                  });
+                  print('recorded');
+                }),
+            recordedFile != null
+                ? ButtonIcon(
+                    click: () => sendRequest(),
+                    icon: Icons.arrow_forward_ios,
+                    bg: MyStyles.cbtnPrimary,
+                  )
+                : SizedBox(),
+          ],
+        )
+      ],
+    );
+  }
+}