|
|
|
import 'package:diplomaticquarterapp/core/model/contactus/get_hmg_locations.dart';
|
|
|
|
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
|
|
|
|
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:map_launcher/map_launcher.dart';
|
|
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
|
|
|
|
import 'avatar/large_avatar.dart';
|
|
|
|
import 'my_rich_text.dart';
|
|
|
|
|
|
|
|
class HospitalLocation extends StatelessWidget {
|
|
|
|
final GetHMGLocationsModel location;
|
|
|
|
final bool showCity;
|
|
|
|
final String waitingTime;
|
|
|
|
|
|
|
|
HospitalLocation(this.location, {Key key, this.showCity = false, this.waitingTime}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
ProjectViewModel projectViewModel = Provider.of(context);
|
|
|
|
return Container(
|
|
|
|
padding: const EdgeInsets.only(left: 12, right: 12, top: 12, bottom: 12),
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
borderRadius: BorderRadius.all(
|
|
|
|
Radius.circular(10.0),
|
|
|
|
),
|
|
|
|
boxShadow: [
|
|
|
|
BoxShadow(
|
|
|
|
color: Color(0xff000000).withOpacity(.05),
|
|
|
|
//spreadRadius: 5,
|
|
|
|
blurRadius: 27,
|
|
|
|
offset: Offset(0, -3),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
color: Colors.white),
|
|
|
|
child: Row(
|
|
|
|
children: [
|
|
|
|
Expanded(
|
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
location.locationName.trim(),
|
|
|
|
style: TextStyle(fontSize: 16, letterSpacing: -0.64, fontWeight: FontWeight.w600, color: Color(0xff2E303A)),
|
|
|
|
),
|
|
|
|
SizedBox(height: 10),
|
|
|
|
Row(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
LargeAvatar(
|
|
|
|
name: "",
|
|
|
|
url: location?.projectImageURL?.toString() ?? 'https://hmgwebservices.com/Images/Hospitals/15.jpg',
|
|
|
|
width: 48,
|
|
|
|
height: 48,
|
|
|
|
radius: 30,
|
|
|
|
),
|
|
|
|
SizedBox(width: 10),
|
|
|
|
Expanded(
|
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
if (showCity) MyRichText(TranslationBase.of(context).city + ":", location.cityName?.trim().toString(), projectViewModel.isArabic),
|
|
|
|
MyRichText(TranslationBase.of(context).distance + ":", location.distanceInKilometers.toString() + " " + TranslationBase.of(context).km_ ?? "", projectViewModel.isArabic),
|
|
|
|
if (waitingTime != null) MyRichText(TranslationBase.of(context).waitingTime, waitingTime, projectViewModel.isArabic),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
Column(
|
|
|
|
children: [
|
|
|
|
contactButton(
|
|
|
|
Icons.location_on,
|
|
|
|
TranslationBase.of(context).locationa,
|
|
|
|
() async {
|
|
|
|
await MapLauncher.showMarker(
|
|
|
|
mapType: MapType.google,
|
|
|
|
coords: Coords(double.parse(location.latitude), double.parse(location.longitude)),
|
|
|
|
title: location.locationName,
|
|
|
|
);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
SizedBox(height: 10),
|
|
|
|
contactButton(Icons.call, TranslationBase.of(context).callNow, () {
|
|
|
|
launch("tel://" + location.phoneNumber);
|
|
|
|
}),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget contactButton(IconData _iconData, String title, VoidCallback callback) {
|
|
|
|
return SizedBox(
|
|
|
|
height: 32,
|
|
|
|
width: 100.0,
|
|
|
|
child: FlatButton.icon(
|
|
|
|
color: Color(0xffF5F5F5),
|
|
|
|
shape: StadiumBorder(side: BorderSide(color: Color(0xffF0F0F0), width: 1)),
|
|
|
|
onPressed: callback,
|
|
|
|
icon: Icon(
|
|
|
|
_iconData,
|
|
|
|
size: 12,
|
|
|
|
color: Color(0xff2E303A),
|
|
|
|
),
|
|
|
|
label: Text(
|
|
|
|
title,
|
|
|
|
style: TextStyle(fontSize: 12, letterSpacing: -0.48, fontWeight: FontWeight.w600, color: Color(0xff2E303A)),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|