import { formatDateTime, formatRange } from './dateTime';
import { BankInstructions } from './BankInstructions';
import * as React from 'react';
import { FinancialSummary, CancellationForm, RefundForm } from './settlement';
import { __, _n, sprintf } from '@wordpress/i18n';
import { methodLabel, paymentLabel } from './credit';
import { BookingApi } from './api';
import { money, PriceSummary, type Price } from './pricing';
import type { Booking, BookingList } from './types';
export function statusLabel(status: string): string {
    const labels: Record<string, string> = { pending: __('Pending', 'abece-booking'), confirmed: __('Confirmed', 'abece-booking'), cancelled: __('Cancelled', 'abece-booking'), completed: __('Completed', 'abece-booking'), no_show: __('No-show', 'abece-booking'), voided: __('Removed', 'abece-booking'), sent: __('Sent', 'abece-booking'), failed: __('Failed', 'abece-booking') };
    return labels[status] ?? status;
}
export function bookingTime(b: Booking): string { return formatRange(b.starts_at_local, b.ends_at_local, b.timezone); }
export function BookingDetails({ booking: b, api, onChanged, onClose, onEdit }: {
    onEdit?: (b: Booking) => void;
    booking: Booking;
    api: BookingApi;
    onChanged: (b: Booking) => void;
    onClose: () => void;
}) {
    const [paymentMethod, setPaymentMethod] = React.useState('cash');
    const [removalScope, setRemovalScope] = React.useState(false);
    const scopedRemoval = false;
    const [reason, setReason] = React.useState('');
    const [busy, setBusy] = React.useState(false);
    const [error, setError] = React.useState('');
    async function action(name: string) {
        setBusy(true);
        setError('');
        try {
            onChanged(await api.request<Booking>(`bookings/${b.id}/${name}`, 'POST', name === 'mark-paid' ? { payment_method: b.payment_method, payment_medium: paymentMethod, reason } : ['cancel', 'void', 'refund'].includes(name) ? { reason } : {}));
        }
        catch (e) {
            setError(e instanceof Error ? e.message : __('The request failed. Please try again.', 'abece-booking'));
        }
        finally {
            setBusy(false);
        }
    }
    let external: {
        phone?: string;
        email?: string;
    } | null = null;
    try {
        external = b.external_contact_snapshot ? JSON.parse(b.external_contact_snapshot) : null;
    }
    catch { /* Legacy. */ }
    let snapshot: Price | null = null;
    try {
        snapshot = b.pricing_snapshot ? JSON.parse(b.pricing_snapshot) : null;
    }
    catch { /* A legacy booking may not have a snapshot. */ }
    return <section className="asb-booking-detail" aria-label={__('Booking details', 'abece-booking')}>
    <h2>{b.series_id && <span aria-label={__('Recurring booking', 'abece-booking')}>↻ </span>}{b.reference}</h2>{b.series_id && <p>{__('This booking belongs to a recurring series.', 'abece-booking')} {b.can_edit && `#${b.series_id}`}</p>}
    {b.cancelled_at && <aside className="asb-cancellation-summary"><h3>{__('Cancelled', 'abece-booking')}</h3><dl><dt>{__('Cancelled at', 'abece-booking')}</dt><dd>{formatDateTime(b.cancelled_at, b.timezone)}</dd><dt>{__('Cancelled by', 'abece-booking')}</dt><dd>{b.cancelled_by_name || __('Not recorded', 'abece-booking')}{b.cancelled_by_role && ` · ${b.cancelled_by_role === 'admin' ? __('Admin', 'abece-booking') : __('Customer', 'abece-booking')}`}</dd><dt>{__('Cancellation reason', 'abece-booking')}</dt><dd>{b.cancellation_reason || '—'}</dd></dl></aside>}
    <dl>
      <dt>{__('Resource', 'abece-booking')}</dt><dd>{b.resource_name}</dd>
      <dt>{__('Date and time', 'abece-booking')}</dt><dd>{bookingTime(b)}</dd>
      <dt>{__('Duration', 'abece-booking')}</dt><dd>{sprintf(__('%d minutes', 'abece-booking'), b.duration_minutes)}</dd>
      <dt>{__('Customer', 'abece-booking')}</dt><dd>{b.booker_name}</dd>
      {b.external_customer_label !== undefined && b.customer_type === 'external' && <><dt>{__('External customer', 'abece-booking')}</dt><dd>{b.external_customer_label || '—'}</dd>{external?.phone && <><dt>{__('Phone', 'abece-booking')}</dt><dd>{external.phone}</dd></>}{external?.email && <><dt>{__('Email', 'abece-booking')}</dt><dd>{external.email}</dd></>}</>}
      <dt>{__('Customer type', 'abece-booking')}</dt><dd>{b.customer_type === 'member' ? __('Club member', 'abece-booking') : b.customer_type === 'external' ? __('External / phone booking', 'abece-booking') : __('Registered non-member', 'abece-booking')}</dd>
      <dt>{__('Booking source', 'abece-booking')}</dt><dd>{b.booking_source === 'phone' ? __('Phone', 'abece-booking') : b.booking_source === 'admin' ? __('Admin', 'abece-booking') : __('Web', 'abece-booking')}</dd>
      <dt>{__('Total players', 'abece-booking')}</dt><dd>{b.participant_count}</dd>
      <dt>{__('Eligible members', 'abece-booking')}</dt><dd>{b.eligible_member_count}</dd>
      <dt>{__('Non-member players', 'abece-booking')}</dt><dd>{b.non_member_count}</dd>
      {b.admin_note !== undefined && <><dt>{__('Internal note', 'abece-booking')}</dt><dd>{b.admin_note || '—'}</dd><dt>{__('Created by', 'abece-booking')}</dt><dd>{b.created_by_name}</dd></>}
      <dt>{__('Status', 'abece-booking')}</dt><dd>{statusLabel(b.status)}</dd>
      <dt>{__('Created at', 'abece-booking')}</dt><dd>{formatDateTime(b.created_at, b.timezone)}</dd>
      <dt>{__('Price', 'abece-booking')}</dt><dd>{money(b.final_amount, b.currency)}</dd>
      <dt>{__('Note', 'abece-booking')}</dt><dd>{b.customer_note || '—'}</dd>
    </dl>
    <PriceSummary price={{ ...b, segments: snapshot?.segments ?? [] }}/>
    <p>{__('Payment method', 'abece-booking')}: {methodLabel(b.payment_method)} · {__('Payment status', 'abece-booking')}: {paymentLabel(b.payment_status)}</p>
    <BankInstructions instructions={b.payment_instructions}/><FinancialSummary booking={b}/><h3>{__('Payment history', 'abece-booking')}</h3><ul>{b.payment_transactions.map(t => <li key={t.id}>{formatDateTime(t.created_at, b.timezone)} · {t.transaction_type === 'refund' ? __('Refund', 'abece-booking') : __('Payment', 'abece-booking')} · {methodLabel(t.provider)}{t.payment_medium && ` · ${mediumLabel(t.payment_medium)}`} · {money(t.amount, t.currency)} · {statusLabel(t.status)}</li>)}</ul>
    {b.admin_note !== undefined && snapshot && <details><summary>{__('Pricing breakdown', 'abece-booking')}</summary><ul>{(snapshot.segments ?? []).map((s, i) => <li key={i}>{formatRange(s.start, s.end, b.timezone)} · {money(s.base_amount, b.currency)} · {__('Member benefit', 'abece-booking')}: {money(s.discount_amount, b.currency)} · {__('Amount due', 'abece-booking')}: {money(s.final_amount, b.currency)}</li>)}</ul></details>}
    <h3>{__('Participants', 'abece-booking')}</h3><ul>{b.participants.map(p => <li key={p.id}>{p.name || __('Guest', 'abece-booking')} ({p.participant_type === 'member' ? __('Member', 'abece-booking') : __('Guest', 'abece-booking')})</li>)}</ul>
    {b.participants.length === 0 && <p>{__('None', 'abece-booking')}</p>}

    {b.customer_restriction_warnings && b.customer_restriction_warnings.length > 0 && <aside role="status" className="asb-restriction-badge">{__('This customer has an active restriction.', 'abece-booking')}</aside>}
    <h3>{__('History', 'abece-booking')}</h3><ul>{b.history.map(h => <li key={h.id}>{formatDateTime(h.created_at, b.timezone)} · {historyLabel(h.event_type)} · {statusLabel(h.new_status)}{(h.performed_by_name || h.performed_by_user_id) && <> · {__('Actor', 'abece-booking')} {h.performed_by_name || h.performed_by_user_id}</>}{h.description && ` · ${h.description}`}{h.metadata && b.admin_note !== undefined && <HistoryChanges event={h.event_type} metadata={h.metadata}/>}</li>)}</ul>
    {b.admin_note !== undefined && <section className="asb-notifications"><h3>{__('Notifications', 'abece-booking')}</h3>{b.notifications.some(n => n.status === 'failed') && <p role="status">{__('The confirmation email could not be sent. The booking remains valid.', 'abece-booking')}</p>}<details><summary>{__('Delivery diagnostics', 'abece-booking')}</summary><ul>{b.notifications.map(n => <li key={n.id}>{statusLabel(n.status)} · {__('Attempts', 'abece-booking')}: {n.attempts}{n.sent_at && ` · ${formatDateTime(n.sent_at, b.timezone)}`}{n.last_error && <p>{n.last_error}</p>}</li>)}</ul></details></section>}
    {error && <p role="alert">{error}</p>}
    <div className="asb-booking-actions">
    {b.can_edit && onEdit && <section className="asb-action-group"><h3>{__('Booking', 'abece-booking')}</h3><div className="asb-action-buttons"><button className="button asb-action-primary" disabled={busy} onClick={() => onEdit(b)}>{__('Edit booking', 'abece-booking')}</button></div></section>}
    {(b.can_mark_paid || b.can_refund) && <section className="asb-action-group"><h3>{__('Payment', 'abece-booking')}</h3>
    {b.can_mark_paid && <form className="asb-action-buttons" onSubmit={e => { e.preventDefault(); void action('mark-paid'); }}><label>{__('Payment medium', 'abece-booking')}<select aria-label={__('Payment medium', 'abece-booking')} value={paymentMethod} onChange={e => setPaymentMethod(e.target.value)}>{['cash', 'card', 'multisport', 'qr', 'bank_transfer', 'other'].map(m => <option key={m} value={m}>{mediumLabel(m)}</option>)}</select></label><button className="button asb-action-success" disabled={busy}>{__('Mark as paid', 'abece-booking')}</button></form>}
    {b.can_refund && <RefundForm key={`${b.id}:${b.financial.refund_due}`} booking={b} api={api} onChanged={onChanged}/>}
    </section>}
    {(b.can_cancel || b.can_mark_no_show || b.can_void) && <section className="asb-action-group"><h3>{__('Status', 'abece-booking')}</h3>
    {b.can_mark_no_show && <div className="asb-action-buttons"><button className="button asb-action-warning" disabled={busy} onClick={() => void action('no-show')}>{__('Mark as no-show', 'abece-booking')}</button></div>}
    {b.can_cancel && <CancellationForm booking={b} api={api} onChanged={onChanged}/>}
    {b.can_void && <details className="asb-destructive-actions"><summary>{__('Remove an erroneous booking', 'abece-booking')}</summary><form onSubmit={e => { e.preventDefault(); if (scopedRemoval)
            setRemovalScope(true);
        else if (window.confirm(__('Remove this erroneous booking? The audit history will be retained.', 'abece-booking')))
            void action('void'); }}><label>{__('Removal reason', 'abece-booking')}<textarea aria-label={__('Removal reason', 'abece-booking')} value={reason} onChange={e => setReason(e.target.value)}/></label><button className="button asb-action-danger" disabled={busy} type="submit">{__('Remove booking', 'abece-booking')}</button></form></details>}
    </section>}
    {false}
    <footer className="asb-action-buttons"><button className="button asb-action-secondary" disabled={busy} onClick={onClose}>{__('Close details', 'abece-booking')}</button></footer>
    </div>
  </section>;
}
export function Bookings({ api, admin = false, refresh = 0, onEdit }: {
    onEdit?: (b: Booking) => void;
    api: BookingApi;
    admin?: boolean;
    refresh?: number;
}) {
    const [filter, setFilter] = React.useState(admin ? 'all' : 'upcoming');
    const [page, setPage] = React.useState(1);
    const [result, setResult] = React.useState<BookingList>({ items: [], total: 0 });
    const [detail, setDetail] = React.useState<Booking | null>(null);
    const [error, setError] = React.useState('');
    const [busy, setBusy] = React.useState(false);
    const [revision, setRevision] = React.useState(0);
    React.useEffect(() => {
        let alive = true;
        setBusy(true);
        setError('');
        api.request<BookingList>('bookings', 'GET', undefined, { filter, page: String(page) }).then(data => { if (alive)
            setResult(data); }).catch(e => { if (alive)
            setError(e.message); }).finally(() => { if (alive)
            setBusy(false); });
        return () => { alive = false; };
    }, [api, admin, filter, page, revision, refresh]);
    React.useEffect(() => { setDetail(null); }, [refresh]);
    async function open(id: number) { setError(''); try {
        setDetail(await api.request<Booking>(`bookings/${id}`));
    }
    catch (e) {
        setError((e as Error).message);
    } }
    return <div className="asb-bookings"><h2>{admin ? __('Reservation list', 'abece-booking') : __('My bookings', 'abece-booking')}</h2>
    {admin && <label>{__('Filter', 'abece-booking')} <select aria-label={__('Filter', 'abece-booking')} value={filter} onChange={e => { setFilter(e.target.value); setPage(1); setDetail(null); }}>
      {admin && <option value="all">{__('All', 'abece-booking')}</option>}<option value="upcoming">{__('Upcoming', 'abece-booking')}</option><option value="past">{__('Past', 'abece-booking')}</option><option value="cancelled">{__('Cancelled', 'abece-booking')}</option>{admin && <><option value="no_show">{__('No-show', 'abece-booking')}</option><option value="voided">{__('Removed', 'abece-booking')}</option></>}
    </select></label>}
    {error && <p role="alert">{error}</p>}{busy && <p role="status">{__('Loading…', 'abece-booking')}</p>}
    <div className="asb-table-scroll"><table className="widefat striped"><thead><tr><th>{__('Reference', 'abece-booking')}</th><th>{__('Resource', 'abece-booking')}</th><th>{__('Date and time', 'abece-booking')}</th>{admin && <th>{__('Booker', 'abece-booking')}</th>}<th>{__('Status', 'abece-booking')}</th>{admin && <th>{__('Created at', 'abece-booking')}</th>}<th>{__('Price', 'abece-booking')}</th><th>{__('Payment method', 'abece-booking')}</th><th>{__('Payment status', 'abece-booking')}</th><th>{__('Actions', 'abece-booking')}</th></tr></thead>
      <tbody>{result.items.map(b => <tr key={b.id}><td>{b.reference}</td><td>{b.resource_name}</td><td>{bookingTime(b)}</td>{admin && <td>{b.booker_name}</td>}<td>{statusLabel(b.status)}</td>{admin && <td>{formatDateTime(b.created_at, b.timezone)}</td>}<td>{money(b.final_amount, b.currency)}</td><td>{methodLabel(b.payment_method)}</td><td>{paymentLabel(b.payment_status)}</td><td><button onClick={() => void open(b.id)}>{__('Details', 'abece-booking')}</button></td></tr>)}</tbody></table></div>
    {!busy && !result.items.length && <p>{__('No bookings found.', 'abece-booking')}</p>}
    <p>{sprintf(_n('%d booking', '%d bookings', result.total, 'abece-booking'), result.total)}</p><button disabled={page === 1 || busy} onClick={() => setPage(p => p - 1)}>{__('Previous', 'abece-booking')}</button> <span>{page}</span> <button disabled={page * 25 >= result.total || busy} onClick={() => setPage(p => p + 1)}>{__('Next', 'abece-booking')}</button>
    {detail && <BookingDetails key={detail.id} booking={detail} api={api} onEdit={onEdit} onChanged={b => { setDetail(b); setRevision(r => r + 1); }} onClose={() => setDetail(null)}/>}
  </div>;
}
export function historyLabel(event: string): string { const labels: Record<string, string> = { single_occurrence_edited: __('Individual exception', 'abece-booking'), series_occurrence_created: __('Recurring booking', 'abece-booking'), series_split: __('Series split', 'abece-booking'), availability_overridden: __('Availability override', 'abece-booking'), usage_limit_override: __('Playing time limit override', 'abece-booking'), customer_restriction_override: __('Customer restriction override', 'abece-booking'), booking_created_with_outstanding_balance_override: __('Outstanding amount override', 'abece-booking'), bank_payment_instructions: __('Payment instructions saved', 'abece-booking'), external_contact_changed: __('External customer changed', 'abece-booking'), partial_refund: __('Partial refund', 'abece-booking'), refund_pending: __('Refund pending', 'abece-booking'), cancellation_fee_overridden: __('Cancellation fee overridden', 'abece-booking'), cancellation_policy_changed: __('Cancellation policy changed', 'abece-booking'), credit_payment: __('Credit payment', 'abece-booking'), payment_completed: __('Payment completed', 'abece-booking'), payment_marked_paid: __('Payment marked as paid', 'abece-booking'), refund: __('Refund', 'abece-booking'), repriced: __('Price recalculated', 'abece-booking'), created: __('Created', 'abece-booking'), rescheduled: __('Rescheduled', 'abece-booking'), participants_changed: __('Participants changed', 'abece-booking'), updated: __('Updated', 'abece-booking'), cancelled: __('Cancelled', 'abece-booking'), no_show: __('No-show', 'abece-booking'), voided: __('Removed', 'abece-booking') }; return labels[event] ?? event; }
function HistoryChanges({ event, metadata }: {
    event: string;
    metadata: string;
}) {
    let m: Record<string, unknown>;
    try {
        m = JSON.parse(metadata);
        if (!m || typeof m !== 'object')
            return null;
    }
    catch {
        return null;
    }
    const rows: [
        string,
        unknown
    ][] = [];
    if (['credit_payment', 'payment_completed', 'payment_marked_paid', 'refund', 'partial_refund'].includes(event))
        rows.push([__('Amount', 'abece-booking'), money(m.amount as number, m.currency as string)], [__('Payment method', 'abece-booking'), methodLabel(m.method as string)], [__('Transaction ID', 'abece-booking'), m.transaction_id]);
    if (['cancelled', 'cancellation_fee_overridden', 'no_show'].includes(event)) {
        rows.push([event === 'no_show' ? __('No-show fee', 'abece-booking') : __('Cancellation fee', 'abece-booking'), money(m.calculated_fee as number, m.currency as string)], [__('Minutes before start', 'abece-booking'), m.minutes_before_start], [__('Policy ID', 'abece-booking'), m.policy_id]);
        if (m.override)
            rows.push([__('Override', 'abece-booking'), (m.override as {
                    mode: string;
                }).mode === 'waive' ? __('Waive cancellation fee', 'abece-booking') : __('Custom cancellation fee', 'abece-booking')]);
    }
    if (event === 'cancellation_policy_changed')
        rows.push([__('Previous policy', 'abece-booking'), (m.old_policy as {
                policy_name?: string;
            } | null)?.policy_name], [__('New policy', 'abece-booking'), (m.new_policy as {
                policy_name?: string;
            } | null)?.policy_name]);
    if (event === 'repriced') {
        const old = m.old_price as Price;
        const next = m.new_price as Price;
        rows.push([__('Previous price', 'abece-booking'), money(old.final_amount, old.currency)], [__('New price', 'abece-booking'), money(next.final_amount, next.currency)], [__('Changed price fields', 'abece-booking'), (m.changed_fields as string[]).map(f => ({ interval: __('Date and time', 'abece-booking'), customer: __('Customer', 'abece-booking'), participant_count: __('Total players', 'abece-booking'), member_ids: __('Additional club members', 'abece-booking') }[f] ?? f)).join(', ')]);
    }
    if (event === 'rescheduled')
        rows.push([__('Previous resource ID', 'abece-booking'), m.old_resource_id], [__('New resource ID', 'abece-booking'), m.new_resource_id], [__('Previous start', 'abece-booking'), formatDateTime(m.old_starts_at as string)], [__('New start', 'abece-booking'), formatDateTime(m.new_starts_at as string)], [__('Previous end', 'abece-booking'), formatDateTime(m.old_ends_at as string)], [__('New end', 'abece-booking'), formatDateTime(m.new_ends_at as string)]);
    if (event === 'participants_changed') {
        const names = (ids: unknown, players: unknown) => (Array.isArray(ids) ? ids : []).map(id => (Array.isArray(players) ? players : []).find(p => p.member_id === id)?.name ?? String(id)).join(', ') || '—';
        rows.push([__('Previous total players', 'abece-booking'), m.old_participant_count], [__('New total players', 'abece-booking'), m.new_participant_count], [__('Members added', 'abece-booking'), names(m.members_added, m.new_members)], [__('Members removed', 'abece-booking'), names(m.members_removed, m.old_members)]);
    }
    if (event === 'external_contact_changed') {
        const old = m.old_external as Record<string, unknown>, next = m.new_external as Record<string, unknown>;
        rows.push([__('Previous external customer', 'abece-booking'), old?.external_customer_label], [__('New external customer', 'abece-booking'), next?.external_customer_label]);
    }
    if (event === 'updated') {
        const previous = m.old_customer as Record<string, unknown> | undefined;
        const current = m.new_customer as Record<string, unknown> | undefined;
        if (JSON.stringify(previous) !== JSON.stringify(current)) {
            const customer = (c?: Record<string, unknown>) => c?.customer_member_id ? `${__('Club member', 'abece-booking')} #${c.customer_member_id}` : c?.customer_user_id ? `${__('Registered non-member', 'abece-booking')} #${c.customer_user_id}` : __('External / phone booking', 'abece-booking');
            rows.push([__('Previous customer', 'abece-booking'), customer(previous)], [__('New customer', 'abece-booking'), customer(current)]);
        }
        const old = m.old_notes as Record<string, unknown> | undefined;
        const next = m.new_notes as Record<string, unknown> | undefined;
        if (old?.customer_note !== next?.customer_note)
            rows.push([__('Previous note', 'abece-booking'), old?.customer_note], [__('New note', 'abece-booking'), next?.customer_note]);
        if (old?.admin_note !== next?.admin_note)
            rows.push([__('Previous admin note', 'abece-booking'), old?.admin_note], [__('New admin note', 'abece-booking'), next?.admin_note]);
    }
    return rows.length ? <details><summary>{__('Change details', 'abece-booking')}</summary><dl>{rows.map(([label, value]) => <React.Fragment key={label}><dt>{label}</dt><dd>{value === null || value === undefined ? '—' : String(value)}</dd></React.Fragment>)}</dl></details> : null;
}
function mediumLabel(value: string): string { const labels: Record<string, string> = { cash: __('Cash', 'abece-booking'), card: __('Card', 'abece-booking'), multisport: __('MultiSport', 'abece-booking'), qr: __('QR', 'abece-booking'), bank_transfer: __('Bank transfer', 'abece-booking'), other: __('Other', 'abece-booking') }; return labels[value] ?? value; }