88 lines
3.6 KiB
TypeScript
88 lines
3.6 KiB
TypeScript
|
/**
|
||
|
|
* SecondaryAdmissionsSection — secondary pages.
|
||
|
|
*
|
||
|
|
* Not shared with the primary AdmissionsSection: the two were only 14%
|
||
|
|
* similar. This one has no year/trend toggle, so it ships no client
|
||
|
|
* JavaScript at all. Server component.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import type { School, SchoolAdmissions } from '@/lib/types';
|
||
|
|
import { formatPercentage } from '@/lib/utils';
|
||
|
|
import { Section, sectionStyles as styles } from './sectionShared';
|
||
|
|
|
||
|
|
export function SecondaryAdmissionsSection({
|
||
|
|
admissions, schoolInfo, hasSixthForm,
|
||
|
|
}: {
|
||
|
|
admissions: SchoolAdmissions;
|
||
|
|
schoolInfo: School;
|
||
|
|
hasSixthForm: boolean;
|
||
|
|
}) {
|
||
|
|
// Moved with this section from SecondarySchoolDetailView, its only consumer.
|
||
|
|
const admissionsTag = (() => {
|
||
|
|
const policy = schoolInfo.admissions_policy?.toLowerCase() ?? '';
|
||
|
|
if (policy.includes('selective')) return 'Selective';
|
||
|
|
const denom = schoolInfo.religious_denomination ?? '';
|
||
|
|
if (denom && denom !== 'Does not apply') return 'Faith priority';
|
||
|
|
return null;
|
||
|
|
})();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<section id="admissions" className={styles.card}>
|
||
|
|
<h2 className={styles.sectionTitle}>Admissions</h2>
|
||
|
|
|
||
|
|
{admissionsTag && (
|
||
|
|
<div className={`${styles.admissionsTypeBadge} ${admissionsTag === 'Selective' ? styles.admissionsSelective : styles.admissionsFaith}`}>
|
||
|
|
<strong>{admissionsTag}</strong>{' '}
|
||
|
|
{admissionsTag === 'Selective'
|
||
|
|
? '— Entry to this school is by selective examination (e.g. 11+).'
|
||
|
|
: `— This school has a faith-based admissions priority (${schoolInfo.religious_denomination}).`}
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
|
||
|
|
<div className={styles.metricsGrid}>
|
||
|
|
{admissions.places_offered != null && (
|
||
|
|
<div className={styles.metricCard}>
|
||
|
|
<div className={styles.metricLabel}>Year 7 places offered</div>
|
||
|
|
<div className={styles.metricValue}>{admissions.places_offered}</div>
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
{admissions.total_applications != null && (
|
||
|
|
<div className={styles.metricCard}>
|
||
|
|
<div className={styles.metricLabel}>Total applications</div>
|
||
|
|
<div className={styles.metricValue}>{admissions.total_applications.toLocaleString()}</div>
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
{admissions.first_preference_applications != null && (
|
||
|
|
<div className={styles.metricCard}>
|
||
|
|
<div className={styles.metricLabel}>1st preference applications</div>
|
||
|
|
<div className={styles.metricValue}>{admissions.first_preference_applications.toLocaleString()}</div>
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
{admissions.first_preference_offer_pct != null && (
|
||
|
|
<div className={styles.metricCard}>
|
||
|
|
<div className={styles.metricLabel}>Families who got their first choice</div>
|
||
|
|
<div className={styles.metricValue}>{formatPercentage(admissions.first_preference_offer_pct)}</div>
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
{admissions.oversubscribed != null && (
|
||
|
|
<div className={`${styles.admissionsBadge} ${admissions.oversubscribed ? styles.statusWarn : styles.statusGood}`}>
|
||
|
|
{admissions.oversubscribed
|
||
|
|
? '⚠ Applications exceeded places last year'
|
||
|
|
: '✓ Places were available last year'}
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
|
||
|
|
<p className={styles.sectionSubtitle} style={{ marginTop: '1rem' }}>
|
||
|
|
Historical distance cut-off data is not available for this school. Contact the admissions authority for oversubscription criteria details.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
{hasSixthForm && (
|
||
|
|
<div className={styles.sixthFormNote}>
|
||
|
|
This school has a sixth form (Post-16 provision). Post-16 destination data coming soon.
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
}
|