Daily commit

lib/bloc/authentication/auth_bloc.dart

@@ -0,0 +1,82 @@
+import 'package:app_gaslieferung/bloc/authentication/auth_event.dart';
+import 'package:app_gaslieferung/bloc/authentication/auth_state.dart';
+import 'package:app_gaslieferung/bloc/message_wrapper/message_bloc.dart';
+import 'package:app_gaslieferung/bloc/message_wrapper/message_event.dart';
+import 'package:app_links/app_links.dart';
+import 'package:bloc/bloc.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+import '../../exceptions/login.dart';
+import '../../util/login.dart';
+
+class AuthBloc extends Bloc<AuthEvent, AuthState> {
+  final _appLinks = AppLinks();
+  final MessageBloc msgBloc;
+  final String url;
+
+  AuthBloc({required this.url, required this.msgBloc}) : super(UnauthenticatedState()) {
+    on<AuthLoginEvent>(_onLoginEvent);
+    on<AuthLogoutEvent>(_onLogoutEvent);
+    on<AuthFailedEvent>(_onFailedEvent);
+    on<AuthLoginSuccessEvent>(_onLoginSuccessEvent);
+
+    _initDeepLinks();
+  }
+
+  void _initDeepLinks() async {
+    // Listen to the stream if any further deeplink is coming in.
+    _appLinks.uriLinkStream.listen((uri) {
+      _handleDeepLink(uri);
+    });
+  }
+
+  /// Handle Deeplink if login request is coming in.
+  void _handleDeepLink(Uri uri) {
+    if (state is UnauthenticatedState) {
+      try {
+        add(AuthLoginSuccessEvent(getSessionIdFromUrl(uri)));
+      } on LoginInvalidUrlException catch (e) {
+        msgBloc.add(MessageShow(message: e.toString()));
+      } on LoginNoSessionIdException catch (e) {
+        msgBloc.add(MessageShow(message: e.toString()));
+      } catch (e, st) {
+        debugPrint("Fehler beim Login. Stacktrace: $st");
+        debugPrint("Fehler beim Login. Message: $e");
+
+        add(
+          AuthFailedEvent(
+            message:
+            "Es ist ein unbekannter Fehler aufgetreten. Versuchen Sie es später erneut oder wenden Sie sich an die Zentrale.",
+          ),
+        );
+      }
+    } else {
+      // TODO: handle message if user is already logged in
+      debugPrint("NOT STATE");
+      debugPrint("$state");
+    }
+  }
+
+  void _onLoginSuccessEvent(
+    AuthLoginSuccessEvent event,
+    Emitter<AuthState> emit,
+  ) {
+    emit(AuthenticatedState(sessionId: event.sessionId));
+  }
+
+  void _onLoginEvent(AuthLoginEvent event, Emitter<AuthState> emit) async {
+    await launchUrl(
+      Uri.parse(url),
+      mode: LaunchMode.externalApplication,
+    );
+  }
+
+  void _onLogoutEvent(AuthLogoutEvent event, Emitter<AuthState> emit) {
+
+  }
+
+  void _onFailedEvent(AuthFailedEvent event, Emitter<AuthState> emit) {
+    emit(UnauthenticatedState());
+  }
+}

lib/bloc/authentication/auth_event.dart

@@ -0,0 +1,17 @@
+abstract class AuthEvent {}
+
+class AuthLoginEvent extends AuthEvent {}
+
+class AuthLoginSuccessEvent extends AuthEvent {
+  String sessionId;
+
+  AuthLoginSuccessEvent(this.sessionId);
+}
+
+class AuthLogoutEvent extends AuthEvent {}
+
+class AuthFailedEvent extends AuthEvent {
+  String message;
+
+  AuthFailedEvent({required this.message});
+}

lib/bloc/authentication/auth_state.dart

@@ -0,0 +1,17 @@
+abstract class AuthState {}
+
+class AuthInitialState extends AuthState {}
+
+class UnauthenticatedState extends AuthState {}
+
+class AuthenticatedState extends AuthState {
+  String sessionId;
+
+  AuthenticatedState({required this.sessionId});
+}
+
+class AuthFailedState extends AuthState {
+  String message;
+
+  AuthFailedState({required this.message});
+}

lib/bloc/message_wrapper/message_bloc.dart

@@ -0,0 +1,21 @@
+import 'package:bloc/bloc.dart';
+
+import 'message_event.dart';
+import 'message_state.dart';
+
+class MessageBloc extends Bloc<MessageEvent, MessageState> {
+  MessageBloc() : super(MessageInitialState()) {
+    on<MessageShow>(_show);
+    on<MessageHide>(_hide);
+  }
+
+  void _show(MessageShow event, Emitter<MessageState> emit) async {
+    emit(MessageShowState(message: event.message));
+    await Future.delayed(event.duration);
+    emit(MessageHideState());
+  }
+
+  void _hide(MessageHide event, Emitter<MessageState> emit) {
+    emit(MessageHideState());
+  }
+}

lib/bloc/message_wrapper/message_event.dart

@@ -0,0 +1,10 @@
+abstract class MessageEvent {}
+
+class MessageShow extends MessageEvent {
+  String message;
+  Duration duration;
+
+  MessageShow({required this.message}) : duration = Duration(seconds: 5);
+}
+
+class MessageHide extends MessageEvent {}

lib/bloc/message_wrapper/message_state.dart

@@ -0,0 +1,7 @@
+abstract class MessageState {}
+class MessageInitialState extends MessageState {}
+class MessageShowState extends MessageState {
+  String message;
+  MessageShowState({required this.message});
+}
+class MessageHideState extends MessageState {}

lib/bloc/tour/tour_bloc.dart

@@ -0,0 +1,25 @@
+import 'package:app_gaslieferung/repository/tour_repository.dart';
+import 'package:bloc/bloc.dart';
+import 'package:flutter/cupertino.dart';
+
+import 'tour_event.dart';
+import 'tour_state.dart';
+
+class TourBloc extends Bloc<TourEvent, TourState> {
+  TourRepository tour;
+
+  TourBloc({required this.tour}) : super(TourInitial()) {
+    on<TourLoadEvent>(_onTourLoadEvent);
+  }
+
+  void _onTourLoadEvent(TourLoadEvent event, Emitter<TourState> emit) async {
+    emit(TourLoading());
+    try {
+      final tour = await this.tour.getTour(event.sessionId, event.carId);
+      emit(TourLoaded(tour: tour));
+    } catch (e, st) {
+      debugPrint(st.toString());
+      emit(TourLoadingFailed(message: e.toString()));
+    }
+  }
+}

lib/bloc/tour/tour_event.dart

@@ -0,0 +1,8 @@
+abstract class TourEvent {}
+
+class TourLoadEvent extends TourEvent {
+  String carId;
+  String sessionId;
+
+  TourLoadEvent({required this.carId, required this.sessionId});
+}

lib/bloc/tour/tour_state.dart

@@ -0,0 +1,20 @@
+import 'package:app_gaslieferung/model/delivery.dart';
+import 'package:app_gaslieferung/model/tour.dart';
+
+abstract class TourState {}
+
+class TourInitial extends TourState {}
+
+class TourLoaded extends TourState {
+  Tour tour;
+
+  TourLoaded({required this.tour});
+}
+
+class TourLoading extends TourState {}
+
+class TourLoadingFailed extends TourState {
+  String message;
+
+  TourLoadingFailed({required this.message});
+}

lib/bloc/tour_select/bloc.dart

@@ -1,14 +1,27 @@
-import 'package:app_gaslieferung/repository/tour_select_repository.dart';
+import 'package:app_gaslieferung/model/car.dart';
+import 'package:app_gaslieferung/repository/tour_repository.dart';
 import 'package:bloc/bloc.dart';
+import 'package:flutter/material.dart';
 import 'event.dart';
 import 'state.dart';
 
 class TourSelectBloc extends Bloc<TourSelectEvent, TourSelectState> {
-  TourSelectRepository repository;
+  TourRepository repository;
 
   TourSelectBloc({required this.repository}) : super(TourSelectInitial()) {
-    on<TourSelectEvent>((event, emit) {
-      // TODO: handle event
-    });
+    on<TourSelectLoadMetadataEvent>(_onTourSelectLoadCarsEvent);
   }
-}
+
+  void _onTourSelectLoadCarsEvent(
+    TourSelectLoadMetadataEvent event,
+    Emitter<TourSelectState> emit,
+  ) async {
+    emit(TourSelectLoading());
+    try {
+      emit(TourSelectLoaded(data: await repository.getSupplierTourMetadata(event.sessionId)));
+    } catch (e,st) {
+      debugPrint("Error on loading cars: $e\n$st");
+      emit(TourSelectError(message: "Es ist ein unbekannter Fehler aufgetreten. Versuchen Sie es erneut."));
+    }
+  }
+}

lib/bloc/tour_select/event.dart

@@ -1,5 +1,7 @@
 abstract class TourSelectEvent {}
 
-class TourSelectLoadingEvent extends TourSelectEvent {}
-class TourSelectLoadedEvent extends TourSelectEvent {}
-class TourSelectErrorEvent extends TourSelectEvent {}
+class TourSelectLoadMetadataEvent extends TourSelectEvent {
+  String sessionId;
+
+  TourSelectLoadMetadataEvent({required this.sessionId});
+}

lib/bloc/tour_select/state.dart

@@ -1,3 +1,19 @@
+import 'package:app_gaslieferung/model/supplier.dart';
+
 abstract class TourSelectState {}
 
-class TourSelectInitial extends TourSelectState {}
+class TourSelectInitial extends TourSelectState {}
+
+class TourSelectLoading extends TourSelectState {}
+
+class TourSelectLoaded extends TourSelectState {
+  SupplierTourMetadata data;
+
+  TourSelectLoaded({required this.data});
+}
+
+class TourSelectError extends TourSelectState {
+  String message;
+
+  TourSelectError({required this.message});
+}

lib/dto/car_dto.dart

@@ -0,0 +1,25 @@
+import 'package:json_annotation/json_annotation.dart';
+
+part 'car_dto.g.dart';
+
+@JsonSerializable()
+class CarDTO {
+  @JsonKey(name: 'id')
+  final int id;
+
+  @JsonKey(name: 'driver_name')
+  final String? driverName;
+
+  @JsonKey(name: 'car_name')
+  final String carName;
+
+  CarDTO({
+    required this.id,
+    required this.carName,
+    required this.driverName,
+  });
+
+  factory CarDTO.fromJson(Map<String, dynamic> json) => _$CarDTOFromJson(json);
+
+  Map<String, dynamic> toJson() => _$CarDTOToJson(this);
+}

lib/dto/car_dto.g.dart

@@ -0,0 +1,19 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'car_dto.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+CarDTO _$CarDTOFromJson(Map<String, dynamic> json) => CarDTO(
+  id: (json['id'] as num).toInt(),
+  carName: json['car_name'] as String,
+  driverName: json['driver_name'] as String?,
+);
+
+Map<String, dynamic> _$CarDTOToJson(CarDTO instance) => <String, dynamic>{
+  'id': instance.id,
+  'driver_name': instance.driverName,
+  'car_name': instance.carName,
+};

lib/dto/delivery_dto.dart

@@ -0,0 +1,20 @@
+import 'package:json_annotation/json_annotation.dart';
+import 'car_dto.dart';
+
+part 'delivery_dto.g.dart';
+
+@JsonSerializable(explicitToJson: true)
+class DeliveryDTO {
+  @JsonKey(name: 'amount_deliveries')
+  final int amountDeliveries;
+
+  final CarDTO car;
+
+  DeliveryDTO({
+    required this.amountDeliveries,
+    required this.car,
+  });
+
+  factory DeliveryDTO.fromJson(Map<String, dynamic> json) => _$DeliveryDTOFromJson(json);
+  Map<String, dynamic> toJson() => _$DeliveryDTOToJson(this);
+}

lib/dto/delivery_dto.g.dart

@@ -0,0 +1,18 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'delivery_dto.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+DeliveryDTO _$DeliveryDTOFromJson(Map<String, dynamic> json) => DeliveryDTO(
+  amountDeliveries: (json['amount_deliveries'] as num).toInt(),
+  car: CarDTO.fromJson(json['car'] as Map<String, dynamic>),
+);
+
+Map<String, dynamic> _$DeliveryDTOToJson(DeliveryDTO instance) =>
+    <String, dynamic>{
+      'amount_deliveries': instance.amountDeliveries,
+      'car': instance.car.toJson(),
+    };

lib/dto/fail_response_dto.dart

@@ -0,0 +1,14 @@
+import 'package:json_annotation/json_annotation.dart';
+
+part 'fail_response_dto.g.dart';
+
+@JsonSerializable()
+class FailResponseDTO {
+  int? code;
+  String message;
+
+  FailResponseDTO({required this.message, required this.code});
+
+  factory FailResponseDTO.fromJson(Map<String, dynamic> json) => _$FailResponseDTOFromJson(json);
+  Map<String, dynamic> toJson() => _$FailResponseDTOToJson(this);
+}

lib/dto/fail_response_dto.g.dart

@@ -0,0 +1,16 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'fail_response_dto.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+FailResponseDTO _$FailResponseDTOFromJson(Map<String, dynamic> json) =>
+    FailResponseDTO(
+      message: json['message'] as String,
+      code: (json['code'] as num?)?.toInt(),
+    );
+
+Map<String, dynamic> _$FailResponseDTOToJson(FailResponseDTO instance) =>
+    <String, dynamic>{'code': instance.code, 'message': instance.message};

lib/dto/get_deliveries_dto.dart

@@ -0,0 +1,19 @@
+import 'package:json_annotation/json_annotation.dart';
+import 'delivery_dto.dart';
+
+part 'get_deliveries_dto.g.dart';
+
+@JsonSerializable(explicitToJson: true)
+class GetDeliveriesDTO {
+  final List<DeliveryDTO> deliveries;
+  final String date;
+
+  GetDeliveriesDTO({
+    required this.deliveries,
+    required this.date
+  });
+
+  factory GetDeliveriesDTO.fromJson(Map<String, dynamic> json) => _$GetDeliveriesDTOFromJson(json);
+
+  Map<String, dynamic> toJson() => _$GetDeliveriesDTOToJson(this);
+}

lib/dto/get_deliveries_dto.g.dart

@@ -0,0 +1,21 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'get_deliveries_dto.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+GetDeliveriesDTO _$GetDeliveriesDTOFromJson(Map<String, dynamic> json) =>
+    GetDeliveriesDTO(
+      deliveries: (json['deliveries'] as List<dynamic>)
+          .map((e) => DeliveryDTO.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      date: json['date'] as String,
+    );
+
+Map<String, dynamic> _$GetDeliveriesDTOToJson(GetDeliveriesDTO instance) =>
+    <String, dynamic>{
+      'deliveries': instance.deliveries.map((e) => e.toJson()).toList(),
+      'date': instance.date,
+    };

lib/exceptions/login.dart

@@ -0,0 +1,20 @@
+class LoginInvalidUrlException implements Exception {
+  @override
+  String toString() {
+    return "Invalid url";
+  }
+}
+
+class LoginNoSessionIdException implements Exception {
+  @override
+  String toString() {
+    return "No session id found in url";
+  }
+}
+
+class LoginUnauthorizedException implements Exception {
+  @override
+  String toString() {
+    return "Unauthorized";
+  }
+}

lib/exceptions/server.dart

@@ -0,0 +1,8 @@
+class ServerErrorException implements Exception {
+  final String message;
+
+  ServerErrorException({required this.message});
+
+  @override
+  String toString() => message;
+}

lib/main.dart

@@ -1,23 +1,55 @@
+import 'package:app_gaslieferung/bloc/authentication/auth_bloc.dart';
+import 'package:app_gaslieferung/bloc/tour/tour_bloc.dart';
+import 'package:app_gaslieferung/bloc/tour_select/bloc.dart';
+import 'package:app_gaslieferung/repository/tour_repository.dart';
+import 'package:app_gaslieferung/service/tour_service.dart';
 import 'package:app_gaslieferung/ui/page/login.dart';
 import 'package:app_gaslieferung/ui/theme/theme.dart';
+import 'package:app_gaslieferung/ui/widgets/message_wrapper/message_wrapper.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import 'bloc/message_wrapper/message_bloc.dart';
 
 void main() {
-  runApp(const MyApp());
+  runApp(GasDeliveryApp());
 }
 
-class MyApp extends StatelessWidget {
-  const MyApp({super.key});
+class GasDeliveryApp extends StatefulWidget {
+  const GasDeliveryApp({super.key});
 
-  // This widget is the root of your application.
+  @override
+  State<StatefulWidget> createState() => _GasDeliveryAppState();
+}
+
+class _GasDeliveryAppState extends State<GasDeliveryApp> {
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Flutter Demo',
-      theme: AppTheme.light(),
-      darkTheme: AppTheme.dark(),
-      themeMode: ThemeMode.light, // oder ThemeMode.dark / light
-      home: const LoginPage(),
+    return MultiBlocProvider(
+      providers: [
+        BlocProvider(create: (context) => MessageBloc()),
+        BlocProvider(
+          create: (context) => AuthBloc(
+            url: "http://127.0.0.1:3000/login",
+            msgBloc: context.read<MessageBloc>(),
+          ),
+        ),
+        BlocProvider(
+          create: (context) => TourBloc(
+            tour: TourRepository(
+              service: TourService(baseUrl: "http://127.0.0.1:3000"),
+            ),
+          ),
+        ),
+      ],
+      child: MaterialApp(
+        builder: (context, child) => MessageWrapperWidget(child: child!),
+        theme: AppTheme.light(),
+        darkTheme: AppTheme.dark(),
+        themeMode: ThemeMode.light,
+        // oder ThemeMode.dark / light
+        home: LoginPage(),
+      ),
     );
   }
-}
+}

lib/model/car.dart

@@ -1,7 +1,19 @@
-class Car {
-  String id;
-  String carName;
-  String? driverName;
+import 'package:json_annotation/json_annotation.dart';
 
-  Car({required this.id, required this.carName, this.driverName});
-}
+part 'car.g.dart';
+
+@JsonSerializable(fieldRename: FieldRename.snake)
+class Car {
+  final int id;
+  final String carName;
+  final String? driverName;
+
+  Car({
+    required this.id,
+    required this.carName,
+    this.driverName,
+  });
+
+  factory Car.fromJson(Map<String, dynamic> json) => _$CarFromJson(json);
+  Map<String, dynamic> toJson() => _$CarToJson(this);
+}

lib/model/car.g.dart

@@ -0,0 +1,19 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'car.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Car _$CarFromJson(Map<String, dynamic> json) => Car(
+  id: (json['id'] as num).toInt(),
+  carName: json['car_name'] as String,
+  driverName: json['driver_name'] as String?,
+);
+
+Map<String, dynamic> _$CarToJson(Car instance) => <String, dynamic>{
+  'id': instance.id,
+  'car_name': instance.carName,
+  'driver_name': instance.driverName,
+};

lib/model/delivery.dart

@@ -7,13 +7,14 @@ class Delivery {
 
   DateTime? deliveredAt;
   DateTime? desiredDeliveryTime;
-  String? driverInformation;
+
+  String? informationForDriver;
 
   Delivery({
     required this.receipt,
 
     this.desiredDeliveryTime,
-    this.driverInformation,
+    this.informationForDriver,
     this.deliveredAt
   });
 }

lib/model/supplier.dart

@@ -16,3 +16,21 @@ class Supplier {
     required this.address,
   });
 }
+
+/// Contains information about the cars the supplier has and how many
+/// deliveries they have per car.
+class SupplierTourMetadata {
+  String date;
+
+  /// The list of cars the supplier has and how many deliveries they have per car.
+  List<TourMetadata> tours;
+
+  SupplierTourMetadata({required this.date, required this.tours});
+}
+
+class TourMetadata {
+  Car car;
+  int amountDeliveries;
+
+  TourMetadata({required this.car, required this.amountDeliveries});
+}

lib/model/tour.dart

@@ -1,10 +1,129 @@
-import 'supplier.dart';
-import 'delivery.dart';
+import 'package:json_annotation/json_annotation.dart';
 
+import 'car.dart';
+
+part 'tour.g.dart';
+
+@JsonSerializable(fieldRename: FieldRename.snake)
+class Article {
+  final int id;
+  final String title;
+  final int quantity;
+  final double pricePerQuantity;
+  final double depositPricePerQuantity;
+  final int quantityDelivered;
+  final int quantityReturned;
+  final int quantityToDeposit;
+  final int? referenceTo;
+
+  Article({
+    required this.id,
+    required this.title,
+    required this.quantity,
+    required this.pricePerQuantity,
+    required this.depositPricePerQuantity,
+    required this.quantityDelivered,
+    required this.quantityReturned,
+    required this.quantityToDeposit,
+    this.referenceTo,
+  });
+
+  factory Article.fromJson(Map<String, dynamic> json) => _$ArticleFromJson(json);
+  Map<String, dynamic> toJson() => _$ArticleToJson(this);
+}
+
+@JsonSerializable(fieldRename: FieldRename.snake)
+class Address {
+  final String street;
+  final String housingNumber;
+  final String postalCode;
+  final String city;
+  final String? country;
+
+  Address({
+    required this.street,
+    required this.housingNumber,
+    required this.postalCode,
+    required this.city,
+    this.country,
+  });
+
+  factory Address.fromJson(Map<String, dynamic> json) => _$AddressFromJson(json);
+  Map<String, dynamic> toJson() => _$AddressToJson(this);
+}
+
+@JsonSerializable(fieldRename: FieldRename.snake)
+class Customer {
+  final String name;
+  final int id;
+  final Address address;
+
+  Customer({
+    required this.name,
+    required this.id,
+    required this.address,
+  });
+
+  String get displayAddress => "${address.street} ${address.housingNumber}, ${address.postalCode} ${address.city}";
+
+  factory Customer.fromJson(Map<String, dynamic> json) => _$CustomerFromJson(json);
+  Map<String, dynamic> toJson() => _$CustomerToJson(this);
+}
+
+@JsonSerializable(fieldRename: FieldRename.snake)
+class Receipt {
+  final List<Article> articles;
+  final Customer customer;
+  final double totalGrossPrice;
+  final double totalNetPrice;
+
+  Receipt({
+    required this.articles,
+    required this.customer,
+    required this.totalGrossPrice,
+    required this.totalNetPrice,
+  });
+
+  factory Receipt.fromJson(Map<String, dynamic> json) => _$ReceiptFromJson(json);
+  Map<String, dynamic> toJson() => _$ReceiptToJson(this);
+}
+
+@JsonSerializable(fieldRename: FieldRename.snake)
+class Delivery {
+  final Receipt receipt;
+  final String informationForDriver;
+  final DateTime desiredDeliveryTime;
+  final DateTime? timeDelivered;
+
+  Delivery({
+    required this.receipt,
+    required this.informationForDriver,
+    required this.desiredDeliveryTime,
+    required this.timeDelivered,
+  });
+
+  factory Delivery.fromJson(Map<String, dynamic> json) => _$DeliveryFromJson(json);
+  Map<String, dynamic> toJson() => _$DeliveryToJson(this);
+}
+
+@JsonSerializable(fieldRename: FieldRename.snake)
 class Tour {
-  DateTime date;
-  Supplier supplier;
-  List<Delivery> deliveries;
+  final Car car;
+  final String date;
+  final List<Delivery> deliveries;
 
-  Tour({required this.date, required this.deliveries, required this.supplier});
+  Tour({
+    required this.car,
+    required this.date,
+    required this.deliveries,
+  });
+
+  int get amountDeliveries => deliveries.length;
+  int get amountFinishedDeliveries => deliveries.where((delivery) => delivery.timeDelivered != null).length;
+  int get amountDeliveriesLeft => amountDeliveries - amountFinishedDeliveries;
+  double get progress => amountFinishedDeliveries / amountDeliveries;
+  int get progressPercentage => (progress * 100).toInt();
+
+  factory Tour.fromJson(Map<String, dynamic> json) => _$TourFromJson(json);
+  Map<String, dynamic> toJson() => _$TourToJson(this);
 }

lib/model/tour.g.dart

@@ -0,0 +1,106 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'tour.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Article _$ArticleFromJson(Map<String, dynamic> json) => Article(
+  id: (json['id'] as num).toInt(),
+  title: json['title'] as String,
+  quantity: (json['quantity'] as num).toInt(),
+  pricePerQuantity: (json['price_per_quantity'] as num).toDouble(),
+  depositPricePerQuantity: (json['deposit_price_per_quantity'] as num)
+      .toDouble(),
+  quantityDelivered: (json['quantity_delivered'] as num).toInt(),
+  quantityReturned: (json['quantity_returned'] as num).toInt(),
+  quantityToDeposit: (json['quantity_to_deposit'] as num).toInt(),
+  referenceTo: (json['reference_to'] as num?)?.toInt(),
+);
+
+Map<String, dynamic> _$ArticleToJson(Article instance) => <String, dynamic>{
+  'id': instance.id,
+  'title': instance.title,
+  'quantity': instance.quantity,
+  'price_per_quantity': instance.pricePerQuantity,
+  'deposit_price_per_quantity': instance.depositPricePerQuantity,
+  'quantity_delivered': instance.quantityDelivered,
+  'quantity_returned': instance.quantityReturned,
+  'quantity_to_deposit': instance.quantityToDeposit,
+  'reference_to': instance.referenceTo,
+};
+
+Address _$AddressFromJson(Map<String, dynamic> json) => Address(
+  street: json['street'] as String,
+  housingNumber: json['housing_number'] as String,
+  postalCode: json['postal_code'] as String,
+  city: json['city'] as String,
+  country: json['country'] as String?,
+);
+
+Map<String, dynamic> _$AddressToJson(Address instance) => <String, dynamic>{
+  'street': instance.street,
+  'housing_number': instance.housingNumber,
+  'postal_code': instance.postalCode,
+  'city': instance.city,
+  'country': instance.country,
+};
+
+Customer _$CustomerFromJson(Map<String, dynamic> json) => Customer(
+  name: json['name'] as String,
+  id: (json['id'] as num).toInt(),
+  address: Address.fromJson(json['address'] as Map<String, dynamic>),
+);
+
+Map<String, dynamic> _$CustomerToJson(Customer instance) => <String, dynamic>{
+  'name': instance.name,
+  'id': instance.id,
+  'address': instance.address,
+};
+
+Receipt _$ReceiptFromJson(Map<String, dynamic> json) => Receipt(
+  articles: (json['articles'] as List<dynamic>)
+      .map((e) => Article.fromJson(e as Map<String, dynamic>))
+      .toList(),
+  customer: Customer.fromJson(json['customer'] as Map<String, dynamic>),
+  totalGrossPrice: (json['total_gross_price'] as num).toDouble(),
+  totalNetPrice: (json['total_net_price'] as num).toDouble(),
+);
+
+Map<String, dynamic> _$ReceiptToJson(Receipt instance) => <String, dynamic>{
+  'articles': instance.articles,
+  'customer': instance.customer,
+  'total_gross_price': instance.totalGrossPrice,
+  'total_net_price': instance.totalNetPrice,
+};
+
+Delivery _$DeliveryFromJson(Map<String, dynamic> json) => Delivery(
+  receipt: Receipt.fromJson(json['receipt'] as Map<String, dynamic>),
+  informationForDriver: json['information_for_driver'] as String,
+  desiredDeliveryTime: DateTime.parse(json['desired_delivery_time'] as String),
+  timeDelivered: json['time_delivered'] == null
+      ? null
+      : DateTime.parse(json['time_delivered'] as String),
+);
+
+Map<String, dynamic> _$DeliveryToJson(Delivery instance) => <String, dynamic>{
+  'receipt': instance.receipt,
+  'information_for_driver': instance.informationForDriver,
+  'desired_delivery_time': instance.desiredDeliveryTime.toIso8601String(),
+  'time_delivered': instance.timeDelivered?.toIso8601String(),
+};
+
+Tour _$TourFromJson(Map<String, dynamic> json) => Tour(
+  car: Car.fromJson(json['car'] as Map<String, dynamic>),
+  date: json['date'] as String,
+  deliveries: (json['deliveries'] as List<dynamic>)
+      .map((e) => Delivery.fromJson(e as Map<String, dynamic>))
+      .toList(),
+);
+
+Map<String, dynamic> _$TourToJson(Tour instance) => <String, dynamic>{
+  'car': instance.car,
+  'date': instance.date,
+  'deliveries': instance.deliveries,
+};

lib/repository/tour_repository.dart

@@ -0,0 +1,39 @@
+import 'package:app_gaslieferung/model/supplier.dart';
+import 'package:app_gaslieferung/model/tour.dart';
+import 'package:app_gaslieferung/service/tour_service.dart';
+
+import '../model/car.dart';
+
+class TourRepository {
+  TourService service;
+
+  TourRepository({required this.service});
+
+  /// Lists the possible tours of cars existing for a supplier.
+  Future<SupplierTourMetadata> getSupplierTourMetadata(String sessionId) async {
+    final dto = await service.getCars(sessionId);
+
+    await Future.delayed(Duration(seconds: 1));
+
+    return SupplierTourMetadata(
+      date: dto.date,
+      tours: dto.deliveries
+          .map(
+            (delivery) => TourMetadata(
+              car: Car(id: delivery.car.id, carName: delivery.car.carName, driverName: delivery.car.driverName),
+              amountDeliveries: delivery.amountDeliveries,
+            ),
+          )
+          .toList(),
+    );
+  }
+
+  /// Lists the possible tours of cars existing for a supplier.
+  Future<Tour> getTour(String sessionId, String carId) async {
+    final tour = await service.getTour(sessionId, carId);
+
+    await Future.delayed(Duration(seconds: 1));
+
+    return tour;
+  }
+}

lib/repository/tour_select_repository.dart

@@ -1 +0,0 @@
-class TourSelectRepository {}

lib/service/tour_service.dart

@@ -0,0 +1,49 @@
+import 'dart:convert';
+import 'dart:io';
+
+import 'package:app_gaslieferung/dto/fail_response_dto.dart';
+import 'package:app_gaslieferung/dto/get_deliveries_dto.dart';
+import 'package:app_gaslieferung/exceptions/login.dart';
+import 'package:app_gaslieferung/exceptions/server.dart';
+import 'package:app_gaslieferung/model/tour.dart';
+import 'package:http/http.dart' as http;
+
+class TourService {
+  final String baseUrl;
+
+  TourService({required this.baseUrl});
+
+  Future<GetDeliveriesDTO> getCars(String sessionId) async {
+    final response = await http.get(
+      Uri.parse('$baseUrl/cars'),
+      headers: {'Cookie': 'session_id=$sessionId'},
+    );
+
+    int statusCode = response.statusCode;
+    if (statusCode == HttpStatus.unauthorized) {
+      throw LoginUnauthorizedException();
+    } else if (statusCode != HttpStatus.ok) {
+      final dto = FailResponseDTO.fromJson(jsonDecode(response.body));
+      throw ServerErrorException(message: dto.message);
+    }
+
+    return GetDeliveriesDTO.fromJson(jsonDecode(response.body));
+  }
+
+  Future<Tour> getTour(String sessionId, String carId) async {
+    final response = await http.get(
+      Uri.parse('$baseUrl/tour/$carId'),
+      headers: {'Cookie': 'session_id=$sessionId'},
+    );
+
+    int statusCode = response.statusCode;
+    if (statusCode == HttpStatus.unauthorized) {
+      throw LoginUnauthorizedException();
+    } else if (statusCode != HttpStatus.ok) {
+      final dto = FailResponseDTO.fromJson(jsonDecode(response.body));
+      throw ServerErrorException(message: dto.message);
+    }
+
+    return Tour.fromJson(jsonDecode(response.body));
+  }
+}

lib/ui/page/login.dart

@@ -1,4 +1,17 @@
+import 'package:app_gaslieferung/bloc/authentication/auth_bloc.dart';
+import 'package:app_gaslieferung/bloc/authentication/auth_event.dart';
+import 'package:app_gaslieferung/bloc/authentication/auth_state.dart';
+import 'package:app_gaslieferung/bloc/message_wrapper/message_bloc.dart';
+import 'package:app_gaslieferung/bloc/message_wrapper/message_event.dart';
+import 'package:app_gaslieferung/exceptions/login.dart';
+import 'package:app_links/app_links.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:url_launcher/url_launcher.dart';
+import '../../bloc/tour_select/bloc.dart';
+import '../../repository/tour_repository.dart';
+import '../../service/tour_service.dart';
+import '../../util/login.dart';
 import 'tour_select.dart';
 
 class LoginPage extends StatefulWidget {
@@ -9,46 +22,67 @@ class LoginPage extends StatefulWidget {
 }
 
 class _LoginPageState extends State<LoginPage> {
-  void _onLogin() {
-    Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => const TourSelectPage()));
-  }
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: Center(
-        child: Padding(
-          padding: EdgeInsets.only(
-            top: MediaQuery.of(context).size.height * 0.1,
-          ),
-          child: Column(
-            children: [
-              Image.asset(
-                "assets/graphics/bg-supplier-clouds.png",
-                fit: BoxFit.contain,
-              ),
-              Text(
-                "Willkommen bei\nGaslieferung!",
-                style: Theme.of(context).textTheme.headlineMedium,
-                textAlign: TextAlign.center,
+      body: BlocConsumer<AuthBloc, AuthState>(
+        builder: (context, state) {
+          return Center(
+            child: Padding(
+              padding: EdgeInsets.only(
+                top: MediaQuery.of(context).size.height * 0.1,
               ),
+              child: Column(
+                children: [
+                  Image.asset(
+                    "assets/graphics/bg-supplier-clouds.png",
+                    fit: BoxFit.contain,
+                  ),
+                  Text(
+                    "Willkommen bei\nGaslieferung!",
+                    style: Theme.of(context).textTheme.headlineMedium,
+                    textAlign: TextAlign.center,
+                  ),
 
-              Text(
-                "\nMelden Sie sich an, um Ihre Tour zu starten.",
-                style: Theme.of(context).textTheme.bodySmall,
-                textAlign: TextAlign.center,
-              ),
+                  Text(
+                    "\nMelden Sie sich an, um Ihre Tour zu starten.",
+                    style: Theme.of(context).textTheme.bodySmall,
+                    textAlign: TextAlign.center,
+                  ),
 
-              Padding(
-                padding: const EdgeInsets.all(50),
-                child: FilledButton(
-                  onPressed: _onLogin,
-                  child: Text("Einloggen"),
+                  Padding(
+                    padding: const EdgeInsets.all(50),
+                    child: FilledButton(
+                      onPressed: () {
+                        context.read<AuthBloc>().add(AuthLoginEvent());
+                      },
+                      child: Text("Einloggen"),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          );
+        },
+        listener: (context, state) {
+          if (state is AuthenticatedState) {
+            Navigator.pushReplacement(
+              context,
+              MaterialPageRoute(
+                builder: (context) => BlocProvider(
+                  create: (context) => TourSelectBloc(
+                    repository: TourRepository(
+                      service: TourService(
+                        baseUrl: "http://127.0.0.1:3000",
+                      ),
+                    ),
+                  ),
+                  child: TourSelectPage(),
                 ),
               ),
-            ],
-          ),
-        ),
+            );
+          }
+        },
       ),
     );
   }

lib/ui/page/tour.dart

@@ -1,18 +1,425 @@
+import 'package:app_gaslieferung/bloc/authentication/auth_bloc.dart';
+import 'package:app_gaslieferung/bloc/authentication/auth_state.dart';
+import 'package:app_gaslieferung/bloc/tour/tour_bloc.dart';
+import 'package:app_gaslieferung/bloc/tour/tour_event.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import '../../bloc/tour/tour_state.dart';
+import '../../model/tour.dart';
 
 class TourPage extends StatefulWidget {
-  const TourPage({super.key});
+  final String carId;
+
+  const TourPage({super.key, required this.carId});
 
   @override
   State<StatefulWidget> createState() => _TourPageState();
 }
 
 class _TourPageState extends State<TourPage> {
+  @override
+  void initState() {
+    super.initState();
+
+    var authState = context.read<AuthBloc>().state as AuthenticatedState;
+    context.read<TourBloc>().add(
+      TourLoadEvent(carId: "1234", sessionId: authState.sessionId),
+    );
+  }
+
+  Widget _upperInfo(Tour tour) {
+    return Row(
+      children: [
+        SizedBox(
+          width: 128,
+          height: 128,
+          child: Image.asset(
+            "assets/graphics/bg-supplier-clouds.png",
+            fit: BoxFit.contain,
+          ),
+        ),
+
+        Padding(
+          padding: const EdgeInsets.only(left: 15),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                "Heutige Lieferungen",
+                style: Theme.of(context).textTheme.titleLarge,
+              ),
+              Padding(
+                padding: const EdgeInsets.only(top: 10),
+                child: Text(
+                  "Sie haben ${tour.deliveries.length.toString()} Lieferungen für heute",
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _progressCard(Tour tour) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 12, right: 12, bottom: 10),
+      child: Card(
+        color: Theme.of(context).colorScheme.surfaceContainerLowest,
+        child: Padding(
+          padding: const EdgeInsets.all(15),
+          child: Column(
+            children: [
+              Row(
+                children: [
+                  SizedBox(
+                    width: 48,
+                    height: 48,
+                    child: Image.asset(
+                      "assets/graphics/truck.png",
+                      fit: BoxFit.contain,
+                    ),
+                  ),
+
+                  Padding(
+                    padding: const EdgeInsets.only(left: 10),
+                    child: Text(
+                      "Tour-Fortschritt",
+                      style: Theme.of(context).textTheme.titleMedium,
+                    ),
+                  ),
+                ],
+              ),
+
+              Padding(
+                padding: const EdgeInsets.only(top: 0),
+                child: Column(
+                  children: [
+                    Text(
+                      "${tour.progressPercentage.toStringAsFixed(0)}% erledigt",
+                      style: TextStyle(fontWeight: FontWeight.bold),
+                    ),
+                    Padding(
+                      padding: const EdgeInsets.only(top: 8, bottom: 16),
+                      child: LinearProgressIndicator(
+                        value: tour.progress,
+                        color: Theme.of(context).colorScheme.secondary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+
+              Padding(padding: const EdgeInsets.only(bottom: 15)),
+
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Expanded(
+                    child: Column(
+                      children: [
+                        Row(
+                          children: [
+                            Icon(
+                              Icons.check_circle,
+                              color: Theme.of(context).colorScheme.tertiary,
+                            ),
+                            Padding(
+                              padding: const EdgeInsets.only(left: 10),
+                              child: Text(
+                                "Erledigte Lieferungen",
+                                style: Theme.of(context).textTheme.labelSmall,
+                              ),
+                            ),
+                          ],
+                        ),
+
+                        Text(
+                          "${tour.amountFinishedDeliveries} von ${tour.amountDeliveries}",
+                          style: TextStyle(
+                            color: Theme.of(context).colorScheme.secondary,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+
+                  const VerticalDivider(
+                    width: 20,
+                    thickness: 1,
+                    indent: 20,
+                    endIndent: 1,
+                    color: Colors.black,
+                  ),
+
+                  Expanded(
+                    child: Column(
+                      children: [
+                        Row(
+                          children: [
+                            Icon(
+                              Icons.event_note_outlined,
+                              color: Theme.of(context).colorScheme.primary,
+                            ),
+                            Padding(
+                              padding: const EdgeInsets.only(left: 10),
+                              child: Text(
+                                "Offene Lieferungen",
+                                style: Theme.of(context).textTheme.labelSmall,
+                              ),
+                            ),
+                          ],
+                        ),
+
+                        Text(
+                          "${tour.amountDeliveriesLeft} übrig",
+                          style: TextStyle(
+                            color: Theme.of(context).colorScheme.primary,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _nextDeliveryCard(Tour tour) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 10, right: 10, bottom: 10),
+      child: Card(
+        color: Theme.of(context).colorScheme.surfaceContainer,
+        child: Padding(
+          padding: const EdgeInsets.all(15),
+          child: Padding(
+            padding: const EdgeInsets.all(0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Text(
+                      "Nächste Lieferung",
+                      style: Theme.of(context).textTheme.titleMedium,
+                    ),
+
+                    SizedBox(
+                      width: 48,
+                      height: 48,
+                      child: Image.asset(
+                        "assets/graphics/location-pin-cloud.png",
+                      ),
+                    ),
+                  ],
+                ),
+
+                Padding(
+                  padding: const EdgeInsets.only(top: 0),
+                  child: SizedBox(
+                    width: double.infinity,
+                    child: Card(
+                      color: Theme.of(
+                        context,
+                      ).colorScheme.surfaceContainerLowest,
+                      child: Padding(
+                        padding: const EdgeInsets.all(15),
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Row(
+                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                              children: [
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.start,
+                                  children: [
+                                    Text(
+                                      tour.deliveries[0].receipt.customer.name,
+                                      style: Theme.of(
+                                        context,
+                                      ).textTheme.titleSmall,
+                                    ),
+                                    Text(
+                                      tour
+                                          .deliveries[0]
+                                          .receipt
+                                          .customer
+                                          .displayAddress,
+                                    ),
+                                  ],
+                                ),
+
+                                IconButton(
+                                  onPressed: () {},
+                                  icon: Icon(Icons.map, size: 32),
+                                  color: Theme.of(
+                                    context,
+                                  ).colorScheme.secondary,
+                                ),
+                              ],
+                            ),
+
+                            Padding(
+                              padding: const EdgeInsets.only(
+                                top: 10,
+                                bottom: 10,
+                              ),
+                              child: const Divider(),
+                            ),
+
+                            Row(
+                              children: [
+                                Row(
+                                  children: [
+                                    Icon(
+                                      Icons.location_pin,
+                                      color: Theme.of(
+                                        context,
+                                      ).colorScheme.secondary,
+                                    ),
+                                    Padding(
+                                      padding: const EdgeInsets.only(left: 2),
+                                      child: Text("10km"),
+                                    ),
+                                  ],
+                                ),
+
+                                Padding(
+                                  padding: const EdgeInsets.only(left: 15),
+                                  child: Row(
+                                    children: [
+                                      Icon(
+                                        Icons.access_time_filled,
+                                        color: Theme.of(
+                                          context,
+                                        ).colorScheme.primary,
+                                      ),
+                                      Padding(
+                                        padding: const EdgeInsets.only(left: 2),
+                                        child: Text("Ankunft in 10min"),
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _openDeliveries(Tour tour) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 10, right: 10),
+      child: Card(
+        color: Theme.of(context).colorScheme.surfaceContainer,
+        child: Padding(
+          padding: const EdgeInsets.all(15),
+          child: Column(
+            children: [
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Text(
+                    "Lieferungen",
+                    style: Theme.of(context).textTheme.titleMedium,
+                  ),
+                ],
+              ),
+
+              Padding(
+                padding: const EdgeInsets.only(top: 10),
+                child: SizedBox(
+                  width: double.infinity,
+                  child: ListView.separated(
+                    shrinkWrap: true,
+                    physics: NeverScrollableScrollPhysics(),
+                    itemBuilder: (context, index) {
+                      final delivery = tour.deliveries[index];
+                      return ListTile(
+                        leading: SizedBox(
+                          width: 32,
+                          height: 32,
+                          child: Image.asset("assets/graphics/gas-tank.png"),
+                        ),
+                        tileColor: Theme.of(
+                          context,
+                        ).colorScheme.surfaceContainerLowest,
+                        title: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              delivery.receipt.customer.name,
+                              style: TextStyle(fontWeight: FontWeight.bold),
+                            ),
+                            Text(delivery.receipt.customer.displayAddress, style: TextStyle(fontSize: 13)),
+                          ],
+                        ),
+                        trailing: Icon(Icons.arrow_forward_ios),
+                      );
+                    },
+                    separatorBuilder: (context, index) =>
+                        Padding(padding: const EdgeInsets.only(top: 10)),
+                    itemCount: tour.amountDeliveries,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _listTour(Tour tour) {
+    return ListView(
+      children: [
+        _upperInfo(tour),
+        _progressCard(tour),
+        _nextDeliveryCard(tour),
+        _openDeliveries(tour),
+      ],
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(title: Text("Lieferungen")),
-      body: Center(child: const Text("HI")),
+      body: BlocBuilder<TourBloc, TourState>(
+        builder: (context, state) {
+          if (state is TourLoading) {
+            return Center(child: CircularProgressIndicator());
+          }
+
+          if (state is TourLoaded) {
+            return _listTour(state.tour);
+          }
+
+          if (state is TourLoadingFailed) {
+            return Center(child: Text(state.message));
+          }
+
+          return Container();
+        },
+      ),
     );
   }
 }

lib/ui/page/tour_detail.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class TourDetailPage extends StatefulWidget {
+  /// The id of the car that has been chosen a step before.
+  final String supplierCarId;
+
+  const TourDetailPage({super.key, required this.supplierCarId});
+
+  @override
+  State<StatefulWidget> createState() => _TourDetailPageState();
+}
+
+class _TourDetailPageState extends State<TourDetailPage> {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    throw UnimplementedError();
+  }
+}

lib/ui/page/tour_select.dart

@@ -1,4 +1,13 @@
+import 'package:app_gaslieferung/bloc/authentication/auth_bloc.dart';
+import 'package:app_gaslieferung/bloc/authentication/auth_state.dart';
+import 'package:app_gaslieferung/bloc/tour_select/bloc.dart';
+import 'package:app_gaslieferung/model/supplier.dart';
+import 'package:app_gaslieferung/ui/page/tour.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import '../../bloc/tour_select/event.dart';
+import '../../bloc/tour_select/state.dart';
 
 class TourSelectPage extends StatefulWidget {
   const TourSelectPage({super.key});
@@ -8,95 +17,156 @@ class TourSelectPage extends StatefulWidget {
 }
 
 class _TourSelectPageState extends State<TourSelectPage> {
-  Widget _listTour() {
+  @override
+  void initState() {
+    super.initState();
+
+    context.read<TourSelectBloc>().add(
+      TourSelectLoadMetadataEvent(
+        sessionId:
+            (context.read<AuthBloc>().state as AuthenticatedState).sessionId,
+      ),
+    );
+  }
+
+  Widget _listTour(SupplierTourMetadata data) {
     return ListView.separated(
       shrinkWrap: true,
       physics: const NeverScrollableScrollPhysics(),
       itemBuilder: (context, index) {
+        TourMetadata tourData = data.tours[index];
+
         return ListTile(
           leading: Icon(Icons.local_shipping_outlined),
-          title: const Text("Dennis Nemec"),
-          subtitle: const Text("15 Lieferungen"),
+          onTap: () => Navigator.push(
+            context,
+            MaterialPageRoute(
+              builder: (context) => TourPage(carId: tourData.car.id.toString()),
+            ),
+          ),
+          title: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [Text(tourData.car.driverName ?? tourData.car.carName)],
+          ),
+          subtitle: Row(
+            children: [
+              tourData.car.driverName != null
+                  ? Text("${tourData.car.carName} | ")
+                  : Container(),
+
+              Text("${tourData.amountDeliveries} Lieferungen"),
+            ],
+          ),
           tileColor: Theme.of(context).colorScheme.surface,
           trailing: Icon(Icons.arrow_forward_ios),
         );
       },
       separatorBuilder: (BuildContext context, int index) =>
           SizedBox(height: 10),
-      itemCount: 6,
+      itemCount: data.tours.length,
     );
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: Center(
-        child: ListView(
-          children: [
-            Image.asset(
-              "assets/graphics/bg-carrier-cylinder-duo.png",
-              fit: BoxFit.contain,
-            ),
+      body: BlocBuilder<TourSelectBloc, TourSelectState>(
+        builder: (context, state) {
+          if (state is TourSelectLoading) {
+            return const Center(child: CircularProgressIndicator());
+          }
 
-            Padding(padding: const EdgeInsets.only(top: 25), child: Text(
-              "Wählen Sie Ihre Tour aus:",
-              style: Theme.of(context).textTheme.titleLarge,
-              textAlign: TextAlign.center,
-            ),),
+          if (state is TourSelectError) {
+            return Center(child: Text(state.message));
+          }
 
-            Padding(
-              padding: const EdgeInsets.all(15),
-              child: SizedBox(
-                width: double.infinity,
-                child: Card(
-                  color: Theme.of(context).colorScheme.surfaceContainerHighest,
-                  child: Padding(
-                    padding: const EdgeInsets.all(20),
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        Row(
-                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                          children: [
-                            Row(
-                              children: [
-                                Padding(
-                                  padding: const EdgeInsets.only(right: 10),
-                                  child: Icon(Icons.tour),
-                                ),
-                                Text(
-                                  "Touren",
-                                  style: Theme.of(context).textTheme.titleMedium,
-                                ),
-                              ],
-                            ),
-                            Row(
-                              children: [
-                                Padding(
-                                  padding: const EdgeInsets.only(right: 10),
-                                  child: Icon(Icons.calendar_month),
-                                ),
-                                Text(
-                                  "01.02.2026",
-                                  style: Theme.of(context).textTheme.labelLarge,
-                                ),
-                              ],
-                            ),
-                          ],
-                        ),
+          if (state is TourSelectLoaded) {
+            return Center(
+              child: ListView(
+                children: [
+                  Image.asset(
+                    "assets/graphics/bg-carrier-cylinder-duo.png",
+                    fit: BoxFit.contain,
+                  ),
 
-                        Padding(
-                          padding: const EdgeInsets.only(top: 15),
-                          child: _listTour(),
-                        ),
-                      ],
+                  Padding(
+                    padding: const EdgeInsets.only(top: 25),
+                    child: Text(
+                      "Wählen Sie Ihre Tour aus:",
+                      style: Theme.of(context).textTheme.titleLarge,
+                      textAlign: TextAlign.center,
                     ),
                   ),
-                ),
+
+                  Padding(
+                    padding: const EdgeInsets.all(15),
+                    child: SizedBox(
+                      width: double.infinity,
+                      child: Card(
+                        color: Theme.of(
+                          context,
+                        ).colorScheme.surfaceContainerHighest,
+                        child: Padding(
+                          padding: const EdgeInsets.all(20),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Row(
+                                mainAxisAlignment:
+                                    MainAxisAlignment.spaceBetween,
+                                children: [
+                                  Row(
+                                    children: [
+                                      Padding(
+                                        padding: const EdgeInsets.only(
+                                          right: 10,
+                                        ),
+                                        child: Icon(Icons.tour),
+                                      ),
+                                      Text(
+                                        "Touren",
+                                        style: Theme.of(
+                                          context,
+                                        ).textTheme.titleMedium,
+                                      ),
+                                    ],
+                                  ),
+                                  Row(
+                                    children: [
+                                      Padding(
+                                        padding: const EdgeInsets.only(
+                                          right: 10,
+                                        ),
+                                        child: Icon(Icons.calendar_month),
+                                      ),
+                                      Text(
+                                        state.data.date,
+                                        style: Theme.of(
+                                          context,
+                                        ).textTheme.labelLarge,
+                                      ),
+                                    ],
+                                  ),
+                                ],
+                              ),
+
+                              Padding(
+                                padding: const EdgeInsets.only(top: 15),
+                                child: _listTour(state.data),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
               ),
-            ),
-          ],
-        ),
+            );
+          }
+
+          return Container();
+        },
       ),
     );
   }

lib/ui/theme/theme.dart

@@ -29,9 +29,14 @@ class AppTheme {
     onErrorContainer: Color(0xFF410E0B),
 
     surface: Color(0xFFFFF8F2),
+    surfaceContainerLowest: Color(0xFFFFFFFF),
+    surfaceContainerLow: Color(0xFFFFF4EB),
+    surfaceContainer: Color(0xFFFAEFE5),
+    surfaceContainerHigh: Color(0xFFF5E9DE),
+    surfaceContainerHighest: Color(0xFFEFE3D8),
     onSurface: Color(0xFF1F1F1F),
 
-    surfaceContainerHighest: Color(0xFFF2E6DA),
+    //surfaceContainerHighest: Color(0xFFF2E6DA),
     onSurfaceVariant: Color(0xFF4A4A4A),
 
     outline: Color(0xFFC8BEB4),

lib/ui/widgets/message_wrapper/message_wrapper.dart

@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import '../../../bloc/message_wrapper/message_bloc.dart';
+import '../../../bloc/message_wrapper/message_state.dart';
+
+class MessageWrapperWidget extends StatefulWidget {
+  final Widget child;
+
+  const MessageWrapperWidget({super.key, required this.child});
+
+  @override
+  State<StatefulWidget> createState() => MessageWrapperWidgetState();
+
+  static MessageWrapperWidgetState of(BuildContext context) {
+    return context.findAncestorStateOfType<MessageWrapperWidgetState>()!;
+  }
+}
+
+class MessageWrapperWidgetState extends State<MessageWrapperWidget> {
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<MessageBloc, MessageState>(
+      builder: (context, state) {
+        if (state is MessageShowState) {
+          return Stack(
+            children: [
+              widget.child,
+              Positioned(
+                top: 50,
+                left: 0,
+                right: 0,
+                child: Padding(
+                  padding: const EdgeInsets.all(10),
+                  child: Material(
+                    color: Colors.transparent,
+                    child: Container(
+                      margin: EdgeInsets.all(8),
+                      padding: EdgeInsets.all(16),
+                      decoration: BoxDecoration(
+                        color: Theme.of(
+                          context,
+                        ).colorScheme.primaryContainer,
+                        borderRadius: BorderRadius.circular(8),
+                      ),
+                      child: Padding(
+                        padding: const EdgeInsets.all(10),
+                        child: Row(
+                          children: [
+                            Padding(
+                              padding: const EdgeInsets.only(right: 15),
+                              child: Icon(Icons.info, size: 32),
+                            ),
+                            Expanded(child: Text(state.message)),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          );
+        }
+
+        return widget.child;
+      },
+    );
+  }
+}

lib/util/login.dart

@@ -0,0 +1,15 @@
+import 'package:app_gaslieferung/exceptions/login.dart';
+import 'package:app_links/app_links.dart';
+
+String getSessionIdFromUrl(Uri uri) {
+  if (uri.scheme == 'myapp' && uri.host == 'callback') {
+    final code = uri.queryParameters['session_id'];
+    if (code != null) {
+      return code;
+    } else {
+      throw LoginNoSessionIdException();
+    }
+  }
+
+  throw LoginInvalidUrlException();
+}