create-sales 1.0.0

package/frontend-project/src/pages/Report.tsx

@@ -0,0 +1,252 @@
+import { useState, useEffect } from 'react';
+import { getBookings } from '../api/bookings';
+import { getSchedules } from '../api/schedules';
+import { Booking, Schedule } from '../types';
+
+interface RouteGroup {
+  ScheduleID: number;
+  RouteName: string;
+  DeparturePoint: string;
+  Destination: string;
+  DepartureTime: string;
+  PlateNumber: string;
+  BusType: string;
+  TicketPrice: number;
+  passengers: Booking[];
+}
+
+const Report = () => {
+  const [bookings, setBookings] = useState<Booking[]>([]);
+  const [schedules, setSchedules] = useState<Schedule[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [selectedRoute, setSelectedRoute] = useState<number | 'all'>('all');
+  const [paymentFilter, setPaymentFilter] = useState('All');
+  const [expandedGroup, setExpandedGroup] = useState<number | null>(null);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      setLoading(true);
+      try {
+        const [b, s] = await Promise.all([getBookings(), getSchedules()]);
+        setBookings(b);
+        setSchedules(s);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchData();
+  }, []);
+
+  const filteredBookings = bookings.filter((b) =>
+    paymentFilter === 'All' || b.PaymentStatus === paymentFilter
+  );
+
+  const groupedBySchedule: RouteGroup[] = schedules.map((s) => {
+    const passengers = filteredBookings.filter((b) => b.ScheduleID === s.ScheduleID);
+    return {
+      ScheduleID: s.ScheduleID,
+      RouteName: s.RouteName,
+      DeparturePoint: s.DeparturePoint,
+      Destination: s.Destination,
+      DepartureTime: s.DepartureTime,
+      PlateNumber: s.PlateNumber || 'N/A',
+      BusType: s.BusType || 'N/A',
+      TicketPrice: s.TicketPrice,
+      passengers,
+    };
+  }).filter((g) => selectedRoute === 'all' || g.ScheduleID === selectedRoute);
+
+  const totalPassengers = groupedBySchedule.reduce((acc, g) => acc + g.passengers.length, 0);
+  const totalRevenue = groupedBySchedule.reduce((acc, g) =>
+    acc + g.passengers.filter(p => p.PaymentStatus === 'Paid').length * g.TicketPrice, 0
+  );
+
+  const handlePrint = () => window.print();
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[60vh]">
+        <div className="w-12 h-12 border-4 border-yellow-400 border-t-transparent rounded-full animate-spin" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-5">
+      {/* Header */}
+      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-800">Passenger Report</h1>
+          <p className="text-gray-500 text-sm mt-1">Booked passengers grouped by travel route schedule</p>
+        </div>
+        <button
+          onClick={handlePrint}
+          className="bg-gray-900 hover:bg-gray-700 text-yellow-400 px-5 py-2.5 rounded-xl text-sm font-semibold flex items-center gap-2 transition-colors print:hidden"
+        >
+          🖨️ Print Report
+        </button>
+      </div>
+
+      {/* Filters */}
+      <div className="flex flex-col sm:flex-row gap-3 print:hidden">
+        <select
+          value={selectedRoute}
+          onChange={(e) => setSelectedRoute(e.target.value === 'all' ? 'all' : parseInt(e.target.value))}
+          className="flex-1 border border-gray-200 rounded-xl px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400"
+        >
+          <option value="all">All Routes</option>
+          {schedules.map((s) => (
+            <option key={s.ScheduleID} value={s.ScheduleID}>
+              {s.RouteName} — {s.DeparturePoint} → {s.Destination}
+            </option>
+          ))}
+        </select>
+        <div className="flex gap-2">
+          {['All', 'Pending', 'Paid', 'Cancelled'].map((s) => (
+            <button
+              key={s}
+              onClick={() => setPaymentFilter(s)}
+              className={`px-3 py-2 rounded-lg text-xs font-medium transition-colors ${
+                paymentFilter === s ? 'bg-gray-900 text-yellow-400' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'
+              }`}
+            >
+              {s}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* Summary Cards */}
+      <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
+        <div className="bg-white rounded-xl border border-gray-100 shadow-sm p-5">
+          <p className="text-gray-500 text-sm">Total Routes Shown</p>
+          <p className="text-3xl font-bold text-gray-800 mt-1">{groupedBySchedule.length}</p>
+        </div>
+        <div className="bg-white rounded-xl border border-gray-100 shadow-sm p-5">
+          <p className="text-gray-500 text-sm">Total Passengers</p>
+          <p className="text-3xl font-bold text-gray-800 mt-1">{totalPassengers}</p>
+        </div>
+        <div className="bg-white rounded-xl border border-gray-100 shadow-sm p-5">
+          <p className="text-gray-500 text-sm">Estimated Revenue (RWF)</p>
+          <p className="text-3xl font-bold text-green-600 mt-1">{totalRevenue.toLocaleString()}</p>
+          <p className="text-xs text-gray-400 mt-1">Paid bookings only</p>
+        </div>
+      </div>
+
+      {/* Report — Print Header (hidden on screen) */}
+      <div className="hidden print:block text-center mb-6">
+        <h1 className="text-2xl font-bold">Y Bus Reservation System</h1>
+        <h2 className="text-lg">Passenger Report — By Route Schedule</h2>
+        <p className="text-sm text-gray-500">Generated: {new Date().toLocaleString()}</p>
+      </div>
+
+      {/* Groups */}
+      <div className="space-y-4">
+        {groupedBySchedule.length === 0 ? (
+          <div className="bg-white rounded-xl border border-gray-100 p-12 text-center">
+            <p className="text-4xl mb-3">📊</p>
+            <p className="text-gray-500">No data available for the selected filters.</p>
+          </div>
+        ) : (
+          groupedBySchedule.map((group) => (
+            <div key={group.ScheduleID} className="bg-white rounded-xl border border-gray-100 shadow-sm overflow-hidden print:break-inside-avoid">
+              {/* Group Header */}
+              <div
+                className="p-5 flex flex-col sm:flex-row sm:items-center justify-between gap-3 bg-gray-50 cursor-pointer hover:bg-gray-100 transition-colors print:cursor-default"
+                onClick={() => setExpandedGroup(expandedGroup === group.ScheduleID ? null : group.ScheduleID)}
+              >
+                <div className="flex items-start gap-4">
+                  <div className="w-10 h-10 bg-yellow-400 rounded-xl flex items-center justify-center text-gray-900 font-bold text-sm flex-shrink-0">
+                    🚌
+                  </div>
+                  <div>
+                    <h3 className="font-semibold text-gray-800">{group.RouteName}</h3>
+                    <p className="text-sm text-gray-500">
+                      {group.DeparturePoint} → {group.Destination}
+                    </p>
+                    <div className="flex flex-wrap gap-2 mt-1">
+                      <span className="text-xs bg-gray-200 text-gray-600 px-2 py-0.5 rounded-full">
+                        🚍 {group.PlateNumber} ({group.BusType})
+                      </span>
+                      <span className="text-xs bg-gray-200 text-gray-600 px-2 py-0.5 rounded-full">
+                        🕐 {group.DepartureTime ? new Date(group.DepartureTime).toLocaleString('en-RW', { dateStyle: 'short', timeStyle: 'short' }) : 'N/A'}
+                      </span>
+                      <span className="text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded-full">
+                        💰 {Number(group.TicketPrice).toLocaleString()} RWF
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                <div className="flex items-center gap-4">
+                  <div className="text-center">
+                    <p className="text-2xl font-bold text-gray-800">{group.passengers.length}</p>
+                    <p className="text-xs text-gray-400">Passengers</p>
+                  </div>
+                  <div className="text-center">
+                    <p className="text-2xl font-bold text-green-600">{group.passengers.filter(p => p.PaymentStatus === 'Paid').length}</p>
+                    <p className="text-xs text-gray-400">Paid</p>
+                  </div>
+                  <span className="text-gray-400 print:hidden">
+                    {expandedGroup === group.ScheduleID ? '▲' : '▼'}
+                  </span>
+                </div>
+              </div>
+
+              {/* Passenger Table */}
+              <div className={`${expandedGroup === group.ScheduleID ? 'block' : 'hidden'} print:block`}>
+                {group.passengers.length === 0 ? (
+                  <p className="text-center text-gray-400 text-sm py-6">No passengers for this route.</p>
+                ) : (
+                  <div className="overflow-x-auto">
+                    <table className="min-w-full divide-y divide-gray-100">
+                      <thead className="bg-gray-900">
+                        <tr>
+                          {['#', 'Passenger Name', 'Gender', 'Phone', 'Seat', 'Booking Date', 'Payment'].map((h) => (
+                            <th key={h} className="px-4 py-2.5 text-left text-xs font-semibold text-yellow-400 uppercase">{h}</th>
+                          ))}
+                        </tr>
+                      </thead>
+                      <tbody className="divide-y divide-gray-50">
+                        {group.passengers.map((p, idx) => (
+                          <tr key={p.BookingID} className="hover:bg-yellow-50">
+                            <td className="px-4 py-3 text-sm text-gray-500">{idx + 1}</td>
+                            <td className="px-4 py-3 text-sm font-medium text-gray-800">{p.PassengerName}</td>
+                            <td className="px-4 py-3 text-sm text-gray-600">{p.PassengerGender}</td>
+                            <td className="px-4 py-3 text-sm text-gray-600">{p.PassengerPhone}</td>
+                            <td className="px-4 py-3 text-sm text-gray-600">{p.SeatNumber}</td>
+                            <td className="px-4 py-3 text-sm text-gray-600">
+                              {p.BookingDate ? new Date(p.BookingDate).toLocaleDateString('en-RW') : 'N/A'}
+                            </td>
+                            <td className="px-4 py-3">
+                              <span className={`text-xs px-2 py-1 rounded-full font-medium ${
+                                p.PaymentStatus === 'Paid' ? 'bg-green-100 text-green-700'
+                                : p.PaymentStatus === 'Cancelled' ? 'bg-red-100 text-red-700'
+                                : 'bg-yellow-100 text-yellow-700'
+                              }`}>{p.PaymentStatus}</span>
+                            </td>
+                          </tr>
+                        ))}
+                      </tbody>
+                      <tfoot className="bg-gray-50">
+                        <tr>
+                          <td colSpan={6} className="px-4 py-2.5 text-sm font-semibold text-gray-700 text-right">
+                            Revenue from Paid ({group.passengers.filter(p => p.PaymentStatus === 'Paid').length} pax):
+                          </td>
+                          <td className="px-4 py-2.5 text-sm font-bold text-green-600">
+                            {(group.passengers.filter(p => p.PaymentStatus === 'Paid').length * group.TicketPrice).toLocaleString()} RWF
+                          </td>
+                        </tr>
+                      </tfoot>
+                    </table>
+                  </div>
+                )}
+              </div>
+            </div>
+          ))
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default Report;

package/frontend-project/src/pages/Schedules.tsx

@@ -0,0 +1,256 @@
+import { useState, useEffect } from 'react';
+import { getSchedules, createSchedule, updateSchedule, deleteSchedule } from '../api/schedules';
+import { getBuses } from '../api/buses';
+import { Schedule, Bus } from '../types';
+import Table from '../components/common/Table';
+import Modal from '../components/common/Modal';
+
+const defaultForm = {
+  BusID: 0,
+  RouteName: '',
+  DeparturePoint: '',
+  Destination: '',
+  DepartureTime: '',
+  EstimatedArrivalTime: '',
+  TicketPrice: 0,
+  ScheduleStatus: 'Active' as 'Active' | 'Inactive' | 'Cancelled',
+};
+
+const Schedules = () => {
+  const [schedules, setSchedules] = useState<Schedule[]>([]);
+  const [buses, setBuses] = useState<Bus[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  const [editSchedule, setEditSchedule] = useState<Schedule | null>(null);
+  const [deleteId, setDeleteId] = useState<number | null>(null);
+  const [form, setForm] = useState(defaultForm);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState('');
+  const [search, setSearch] = useState('');
+  const [statusFilter, setStatusFilter] = useState('All');
+
+  const fetchData = async () => {
+    setLoading(true);
+    try {
+      const [s, b] = await Promise.all([getSchedules(), getBuses()]);
+      setSchedules(s);
+      setBuses(b);
+      if (b.length > 0 && defaultForm.BusID === 0) {
+        setForm((f) => ({ ...f, BusID: b[0].BusID }));
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => { fetchData(); }, []);
+
+  const openAdd = () => {
+    setEditSchedule(null);
+    setForm({ ...defaultForm, BusID: buses[0]?.BusID || 0 });
+    setError('');
+    setModalOpen(true);
+  };
+
+  const openEdit = (s: Schedule) => {
+    setEditSchedule(s);
+    setForm({
+      BusID: s.BusID,
+      RouteName: s.RouteName,
+      DeparturePoint: s.DeparturePoint,
+      Destination: s.Destination,
+      DepartureTime: s.DepartureTime?.slice(0, 16) || '',
+      EstimatedArrivalTime: s.EstimatedArrivalTime?.slice(0, 16) || '',
+      TicketPrice: s.TicketPrice,
+      ScheduleStatus: s.ScheduleStatus,
+    });
+    setError('');
+    setModalOpen(true);
+  };
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setSaving(true);
+    setError('');
+    try {
+      if (editSchedule) {
+        await updateSchedule(editSchedule.ScheduleID, form);
+      } else {
+        await createSchedule(form);
+      }
+      setModalOpen(false);
+      fetchData();
+    } catch (err: unknown) {
+      setError(err instanceof Error ? err.message : 'An error occurred');
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleDelete = async () => {
+    if (!deleteId) return;
+    try {
+      await deleteSchedule(deleteId);
+      setDeleteModalOpen(false);
+      fetchData();
+    } catch (err: unknown) {
+      alert(err instanceof Error ? err.message : 'Delete failed');
+    }
+  };
+
+  const filtered = schedules.filter((s) => {
+    const matchSearch =
+      s.RouteName.toLowerCase().includes(search.toLowerCase()) ||
+      s.DeparturePoint.toLowerCase().includes(search.toLowerCase()) ||
+      s.Destination.toLowerCase().includes(search.toLowerCase());
+    const matchStatus = statusFilter === 'All' || s.ScheduleStatus === statusFilter;
+    return matchSearch && matchStatus;
+  });
+
+  const columns = [
+    { key: 'ScheduleID', label: '#' },
+    { key: 'RouteName', label: 'Route Name' },
+    { key: 'DeparturePoint', label: 'From' },
+    { key: 'Destination', label: 'To' },
+    { key: 'PlateNumber', label: 'Bus' },
+    { key: 'DepartureTime', label: 'Departure', render: (s: Schedule) =>
+      s.DepartureTime ? new Date(s.DepartureTime).toLocaleString('en-RW', { dateStyle: 'short', timeStyle: 'short' }) : 'N/A'
+    },
+    { key: 'TicketPrice', label: 'Price (RWF)', render: (s: Schedule) =>
+      <span className="font-semibold text-gray-800">{Number(s.TicketPrice).toLocaleString()}</span>
+    },
+    { key: 'ScheduleStatus', label: 'Status', render: (s: Schedule) => (
+      <span className={`px-2 py-1 rounded-full text-xs font-medium ${
+        s.ScheduleStatus === 'Active' ? 'bg-green-100 text-green-700'
+        : s.ScheduleStatus === 'Cancelled' ? 'bg-red-100 text-red-700'
+        : 'bg-gray-100 text-gray-600'
+      }`}>{s.ScheduleStatus}</span>
+    )},
+    {
+      key: 'actions', label: 'Actions',
+      render: (s: Schedule) => (
+        <div className="flex gap-2">
+          <button onClick={() => openEdit(s)} className="bg-blue-50 hover:bg-blue-100 text-blue-700 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors">Edit</button>
+          <button onClick={() => { setDeleteId(s.ScheduleID); setDeleteModalOpen(true); }} className="bg-red-50 hover:bg-red-100 text-red-700 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors">Delete</button>
+        </div>
+      ),
+    },
+  ];
+
+  return (
+    <div className="space-y-5">
+      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-800">Route Schedules</h1>
+          <p className="text-gray-500 text-sm mt-1">Manage bus routes and departure schedules</p>
+        </div>
+        <button onClick={openAdd} className="bg-gray-900 hover:bg-gray-700 text-yellow-400 px-5 py-2.5 rounded-xl text-sm font-semibold flex items-center gap-2 transition-colors shadow-sm">
+          + Add New Schedule
+        </button>
+      </div>
+
+      <div className="flex flex-col sm:flex-row gap-3">
+        <input
+          type="text"
+          placeholder="Search by route, departure or destination..."
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+          className="flex-1 border border-gray-200 rounded-xl px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400"
+        />
+        <div className="flex gap-2">
+          {['All', 'Active', 'Inactive', 'Cancelled'].map((s) => (
+            <button
+              key={s}
+              onClick={() => setStatusFilter(s)}
+              className={`px-3 py-2 rounded-lg text-xs font-medium transition-colors ${
+                statusFilter === s ? 'bg-gray-900 text-yellow-400' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'
+              }`}
+            >
+              {s}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      <Table columns={columns} data={filtered} keyExtractor={(s) => s.ScheduleID} loading={loading} emptyMessage="No schedules found." />
+
+      <Modal isOpen={modalOpen} onClose={() => setModalOpen(false)} title={editSchedule ? 'Edit Schedule' : 'Add New Schedule'} size="lg">
+        <form onSubmit={handleSubmit} className="space-y-4">
+          {error && <div className="p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-600">{error}</div>}
+
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Assigned Bus *</label>
+              <select required value={form.BusID} onChange={(e) => setForm({ ...form, BusID: parseInt(e.target.value) })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400">
+                <option value={0}>Select Bus</option>
+                {buses.map((b) => <option key={b.BusID} value={b.BusID}>{b.PlateNumber} ({b.BusType})</option>)}
+              </select>
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Route Name *</label>
+              <input required type="text" value={form.RouteName} onChange={(e) => setForm({ ...form, RouteName: e.target.value })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400"
+                placeholder="e.g. KGL-BTR Route 1" />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Departure Point *</label>
+              <input required type="text" value={form.DeparturePoint} onChange={(e) => setForm({ ...form, DeparturePoint: e.target.value })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400"
+                placeholder="e.g. Nyabugogo" />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Destination *</label>
+              <input required type="text" value={form.Destination} onChange={(e) => setForm({ ...form, Destination: e.target.value })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400"
+                placeholder="e.g. Butare" />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Departure Time *</label>
+              <input required type="datetime-local" value={form.DepartureTime} onChange={(e) => setForm({ ...form, DepartureTime: e.target.value })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400" />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Est. Arrival Time *</label>
+              <input required type="datetime-local" value={form.EstimatedArrivalTime} onChange={(e) => setForm({ ...form, EstimatedArrivalTime: e.target.value })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400" />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Ticket Price (RWF) *</label>
+              <input required type="number" min={0} value={form.TicketPrice} onChange={(e) => setForm({ ...form, TicketPrice: parseFloat(e.target.value) })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400"
+                placeholder="e.g. 5000" />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1.5">Status *</label>
+              <select value={form.ScheduleStatus} onChange={(e) => setForm({ ...form, ScheduleStatus: e.target.value as 'Active' | 'Inactive' | 'Cancelled' })}
+                className="w-full border border-gray-200 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400">
+                <option value="Active">Active</option>
+                <option value="Inactive">Inactive</option>
+                <option value="Cancelled">Cancelled</option>
+              </select>
+            </div>
+          </div>
+
+          <div className="flex gap-3 pt-2">
+            <button type="button" onClick={() => setModalOpen(false)} className="flex-1 border border-gray-200 text-gray-700 py-2.5 rounded-lg text-sm hover:bg-gray-50">Cancel</button>
+            <button type="submit" disabled={saving} className="flex-1 bg-gray-900 text-yellow-400 py-2.5 rounded-lg text-sm font-semibold hover:bg-gray-700 disabled:opacity-50">
+              {saving ? 'Saving...' : editSchedule ? 'Update Schedule' : 'Add Schedule'}
+            </button>
+          </div>
+        </form>
+      </Modal>
+
+      <Modal isOpen={deleteModalOpen} onClose={() => setDeleteModalOpen(false)} title="Confirm Delete" size="sm">
+        <p className="text-gray-600 text-sm mb-4">Are you sure you want to delete this schedule?</p>
+        <div className="flex gap-3">
+          <button onClick={() => setDeleteModalOpen(false)} className="flex-1 border border-gray-200 text-gray-700 py-2.5 rounded-lg text-sm hover:bg-gray-50">Cancel</button>
+          <button onClick={handleDelete} className="flex-1 bg-red-600 text-white py-2.5 rounded-lg text-sm font-semibold hover:bg-red-700">Delete</button>
+        </div>
+      </Modal>
+    </div>
+  );
+};
+
+export default Schedules;