// src/features/admin/ui/admin-instructors-modals-3.jsx
//
// Third slice of the AdminInstructors modals: the book-a-lesson
// modal (admin manually creates a booking) and the confirm-delete
// modal. Split off from admin-instructors-modals-2.jsx so both
// halves stay under the 400 LOC budget.
//
// Public on window: AIBookLessonModal, AIConfirmDelete,
// plus the AdminBookLessonModal legacy alias.
// ── Book Lesson Modal (admin manually books a class for a student) ──────────
// Picks a student already assigned to this instructor + date/time/duration.
// The booking is created with status='confirmed' and the rate is snapshotted
// from the assignment (handled by data.addBooking).
const AIBookLessonModal = ({ instructor, onClose }) => {
const data = window.useAdminData();
const [studentId, setStudentId] = React.useState('');
const [date, setDate] = React.useState(() => new Date().toISOString().slice(0,10));
const [time, setTime] = React.useState('17:00');
const [duration, setDuration] = React.useState(60);
const [message, setMessage] = React.useState('');
const [recurring, setRecurring] = React.useState(false);
const [infinite, setInfinite] = React.useState(false);
const [weeks, setWeeks] = React.useState(4);
const [busy, setBusy] = React.useState(false);
const [error, setError] = React.useState('');
// Which zone the admin is THINKING in when typing the date+time. Defaults
// to the browser's detected zone; the badge below lets the admin switch
// to (e.g.) the teacher's zone so "5 PM Beirut" books at the correct
// absolute moment instead of 5 PM whatever-the-admin's-laptop-says.
const [tz, setTz] = React.useState(() => window.Calendar.time.detect());
// Availability context for this instructor (weekly hours + blocked time +
// the tz their hours are anchored to). Loaded once on open and used to
// HARD-BLOCK booking a time the teacher hasn't opened up — the same
// constraint the student booking page enforces. A teacher who has set no
// weekly hours at all is treated as unconstrained (so newly-onboarded
// teachers without a schedule can still be booked). Fails open on error.
const [availCtx, setAvailCtx] = React.useState(null);
React.useEffect(() => {
let cancelled = false;
window.Calendar.db.loadAvailabilityContext(instructor.id)
.then(ctx => { if (!cancelled) setAvailCtx(ctx); })
.catch(() => { if (!cancelled) setAvailCtx({ slots: [], exceptions: [], instructorTz: null }); });
return () => { cancelled = true; };
}, [instructor.id]);
// Only show students that already have an assignment with this instructor —
// otherwise the rate snapshot in addBooking would come back null.
const myStudents = (data.assignments || [])
.filter(a => a.instructorId === instructor.id && a.active && a.student)
.map(a => ({ id: a.studentId, name: a.student.name, assignmentId: a.id, rates: a.rates }));
const fld = { width:'100%', padding:'12px 14px', borderRadius:8, border:'1.5px solid oklch(88% 0.015 265)', fontSize:16, minHeight:44, fontFamily:"'Plus Jakarta Sans', sans-serif", color:'oklch(22% 0.06 265)', background:'#fff', outline:'none', boxSizing:'border-box' };
const lbl = { display:'block', fontSize:10, fontWeight:700, textTransform:'uppercase', letterSpacing:'0.06em', color:'oklch(52% 0.04 265)', marginBottom:5 };
const submit = async (e) => {
e.preventDefault();
if (!studentId) { setError('Pick a student.'); return; }
setBusy(true); setError('');
try {
// Construct the absolute UTC moment for "date+time" interpreted in the
// selected zone (not browser-local). tzMakeDate iterates against
// Intl.DateTimeFormat so DST spring-forward gaps converge correctly.
const [yy, mm, dd] = date.split('-').map(Number);
const [hh, mi] = time.split(':').map(Number);
const scheduledAt = window.Calendar.time.makeDate(yy, mm, dd, hh, mi, tz).toISOString();
// Back-dating guard: a lesson whose time is already in the past is treated
// as one that happened — it gets auto-marked completed and counts toward
// the teacher's payout. Confirm first so a mistyped date can't silently
// bill the teacher; an intentional back-fill just clicks OK.
if (new Date(scheduledAt).getTime() < Date.now()) {
const whenStr = new Date(scheduledAt).toLocaleString(undefined, { weekday:'short', month:'short', day:'numeric', hour:'numeric', minute:'2-digit' });
if (!window.confirm(`This lesson is in the past (${whenStr}). It'll be marked completed and count toward ${instructor.name}'s payout. Add it anyway?`)) {
setBusy(false);
return;
}
}
if (recurring) {
await window.MASTERY.withTimeout(
data.createRecurringSeries({
studentId, firstAt: scheduledAt, durationMinutes: Number(duration),
weeks: Number(weeks) || 4, message: message || null,
infinite: !!infinite,
}),
60000, 'Create recurring series',
);
} else {
await window.MASTERY.withTimeout(
data.addBooking({
studentId, instructorId: instructor.id,
scheduledAt, durationMinutes: Number(duration),
message: message || null,
status: 'confirmed',
}),
20000, 'Create booking',
);
}
onClose();
} catch (e2) { setError(e2.message || 'Could not book.'); }
finally { setBusy(false); }
};
// Show a hint about the student-side rate that'll be snapshotted.
const picked = myStudents.find(s => s.id === studentId);
const rateForDur = picked?.rates?.student?.[duration];
// Resolve the current date+time+tz selection to an absolute moment so we can
// surface (but never block) times outside the teacher's availability.
const pickedStart = (() => {
const [yy, mm, dd] = (date || '').split('-').map(Number);
const [hh, mi] = (time || '').split(':').map(Number);
if (!yy || !mm || !dd || hh == null || isNaN(hh)) return null;
const d = window.Calendar.time.makeDate(yy, mm, dd, hh, mi || 0, tz);
return isNaN(d.getTime()) ? null : d;
})();
// Summary in the admin's SELECTED zone (the badge tz) so the hours line up
// with the date/time picker instead of showing the teacher's raw local numbers.
const availSummary = availCtx ? window.Calendar.shape.weeklyAvailabilitySummary(availCtx.slots, availCtx.instructorTz, tz, pickedStart) : '';
// Soft signals — distinguish "outside weekly hours" from "overlaps an existing
// lesson / blocked time". Either one warns; neither one blocks (Book anyway).
const durMin = Number(duration);
const outsideHours = !!(availCtx && pickedStart) && availCtx.slots.length > 0 &&
!window.Calendar.shape.isWithinWeeklyAvailability(availCtx.slots, pickedStart, durMin, availCtx.instructorTz);
const conflict = !!(availCtx && pickedStart) &&
!!window.Calendar.shape.isSlotBlocked(availCtx.exceptions, pickedStart, durMin);
const outsideAvailability = outsideHours || conflict;
return (
e.stopPropagation()}>
Book a lesson with {instructor.name}
Manually create a confirmed lesson on this teacher's calendar. Both sides get a confirmation email.
{myStudents.length === 0 ? (
<>
No students are assigned to this instructor yet. Use + Assign Student first, then come back here to book a lesson.
) : (
)}
);
};
// ── Confirm Delete Instructor ────────────────────────────────────────────────
// Typed-name confirmation (mirrors ASConfirmDelete in admin-students-modals.jsx).
// Admin must retype the instructor's full name before the Delete button enables.
// The same check is enforced server-side by admin_hard_delete_instructor
// (v78-delete-safety.sql). onConfirm receives the typed name.
const AIConfirmDelete = ({ instructor, onConfirm, onClose }) => {
const [busy, setBusy] = React.useState(false);
const [err, setErr] = React.useState('');
const [typed, setTyped] = React.useState('');
const expected = String((instructor && instructor.name) || '').trim();
const matches = typed.trim().toLowerCase() === expected.toLowerCase() && expected.length > 0;
return (
e.stopPropagation()}>
Delete instructor {instructor.name}?
This permanently removes their account, all of their bookings,
availability, and assignments. The email is freed up so it can be
used again. The account is moved to Trash, where it
can be restored within a short window.
);
};
Object.assign(window, {
AIBookLessonModal,
AIConfirmDelete,
// Legacy alias used by admin-view-as.jsx.
AdminBookLessonModal: AIBookLessonModal,
});