// Automatic FlutterFlow imports
import '/backend/backend.dart';
import '/flutter_flow/flutter_flow_util.dart';
import 'package:flutter/material.dart';
// Begin custom widget code
// DO NOT REMOVE OR MODIFY THE CODE ABOVE!
import 'package:table_calendar/table_calendar.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:intl/intl.dart';
class CustomDateRangePicker extends StatefulWidget {
const CustomDateRangePicker({
Key? key,
required this.roomRefId,
this.startDate,
this.endDate,
this.locale,
this.selectedColor,
this.todayColor,
this.disabledColor,
this.textColor,
this.width,
this.height,
this.borderRadius,
this.elevation,
this.headerTextColor,
this.headerBackgroundColor,
}) : super(key: key);
final DocumentReference roomRefId;
final DateTime? startDate;
final DateTime? endDate;
final String? locale;
final Color? selectedColor;
final Color? todayColor;
final Color? disabledColor;
final Color? textColor;
final double? width;
final double? height;
final double? borderRadius;
final double? elevation;
final Color? headerTextColor;
final Color? headerBackgroundColor;
@override
_CustomDateRangePickerState createState() => _CustomDateRangePickerState();
}
class _CustomDateRangePickerState extends State<CustomDateRangePicker> {
DateTime? _rangeStart;
DateTime? _rangeEnd;
Map<String, bool> _disabledDates = {};
@override
void initState() {
super.initState();
_rangeStart = widget.startDate;
_rangeEnd = widget.endDate;
FFAppState().update(() {
  FFAppState().selectedStart = _rangeStart;
  FFAppState().selectedEnd = _rangeEnd;
});

_fetchDisabledDates();

}
Future<void> _fetchDisabledDates() async {
final bookings = await FirebaseFirestore.instance
.collection('bookings')
.where('roomRef', isEqualTo: widget.roomRefId)
.where('status', whereIn: ['now', 'pending']) // ← 予約中 or 保留のみ対象
.get();
Map&lt;String, bool&gt; disabled = {};

for (var doc in bookings.docs) {
  final data = doc.data();
  DateTime start = (data[&apos;startDate&apos;] as Timestamp).toDate();
  DateTime end = (data[&apos;endDate&apos;] as Timestamp).toDate();

  for (DateTime date = start;
      !date.isAfter(end);
      date = date.add(const Duration(days: 1))) {
    final key = DateFormat(&apos;yyyy-MM-dd&apos;).format(date);
    disabled[key] = true;
  }
}

setState(() {
  _disabledDates = disabled;
});

}
bool _isDisabled(DateTime day) {
final key = DateFormat('yyyy-MM-dd').format(day);
return _disabledDates[key] == true;
}
bool _isPastDate(DateTime day) {
final now = DateTime.now();
return day.isBefore(DateTime(now.year, now.month, now.day));
}
@override
Widget build(BuildContext context) {
return Material(
elevation: widget.elevation ?? 2.0,
borderRadius: BorderRadius.circular(widget.borderRadius ?? 12.0),
child: Container(
width: widget.width ?? double.infinity,
height: widget.height ?? 400,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(widget.borderRadius ?? 12.0),
),
child: TableCalendar(
locale: widget.locale ?? 'ja_JP',
firstDay: DateTime.utc(2020, 1, 1),
lastDay: DateTime.utc(2030, 12, 31),
focusedDay: DateTime.now(),
calendarStyle: CalendarStyle(
todayDecoration: BoxDecoration(
color: widget.todayColor ?? Colors.orange,
shape: BoxShape.circle,
),
rangeStartDecoration: BoxDecoration(
color: widget.selectedColor ?? Colors.blue,
shape: BoxShape.circle,
),
rangeEndDecoration: BoxDecoration(
color: widget.selectedColor ?? Colors.blue,
shape: BoxShape.circle,
),
withinRangeDecoration: BoxDecoration(
color: (widget.selectedColor ?? Colors.blue).withOpacity(0.3),
shape: BoxShape.circle,
),
defaultTextStyle:
TextStyle(color: widget.textColor ?? Colors.black),
disabledTextStyle:
TextStyle(color: widget.disabledColor ?? Colors.grey),
),
selectedDayPredicate: (day) =>
_rangeStart != null &&
_rangeEnd != null &&
(day.isAtSameMomentAs(_rangeStart!) ||
day.isAtSameMomentAs(_rangeEnd!) ||
(day.isAfter(_rangeStart!) && day.isBefore(_rangeEnd!))),
enabledDayPredicate: (day) =>
!_isDisabled(day) && !_isPastDate(day),
onRangeSelected: (start, end, focusedDay) {
setState(() {
_rangeStart = start;
_rangeEnd = end;
});
        FFAppState().update(() {
          FFAppState().selectedStart = start;
          FFAppState().selectedEnd = end;
        });
      },
      rangeStartDay: _rangeStart,
      rangeEndDay: _rangeEnd,
      calendarFormat: CalendarFormat.month,
      rangeSelectionMode: RangeSelectionMode.enforced,
      availableGestures: AvailableGestures.horizontalSwipe,
      headerStyle: HeaderStyle(
        formatButtonVisible: false,
        titleCentered: true,
        titleTextStyle: TextStyle(
          color: widget.headerTextColor ?? Colors.black,
          fontSize: 16,
          fontWeight: FontWeight.bold,
        ),
        decoration: BoxDecoration(
          color: widget.headerBackgroundColor ?? Colors.transparent,
        ),
      ),
      calendarBuilders: CalendarBuilders(
        disabledBuilder: (context, day, focusedDay) {
          final isReserved = _isDisabled(day);
          final isPast = _isPastDate(day);
          String message = isReserved
              ? &apos;予約済みです&apos;
              : isPast
                  ? &apos;過去の日付は選択できません&apos;
                  : &apos;選択できません&apos;;

          return Tooltip(
            message: message,
            child: Center(
              child: Text(
                &apos;✕&apos;,
                style: TextStyle(
                  color: widget.disabledColor ?? Colors.grey,
                  fontWeight: FontWeight.bold,
                  fontSize: 16,
                ),
              ),
            ),
          );
        },
      ),
    ),
  ),
);

}
}