/* Year-wise Past Paper Analysis table, shared by the CAT PYQ page (page="cat") and the UG PYQ page (page="ug").
   Starts from the built-in data (components/year-analysis-data.js) and switches to the copy saved in
   Admin → Tests & Mocks → Year-wise analysis (/api/year-analysis) when there is one. */
function YearAnalysisView({page}){
const {Badge,Tag}=window.ScorebuddyDesignSystem_ee75f2;
const builtIn=(window.SB_YEAR_ANALYSIS||{})[page]||{tabs:[],eras:[]};
const [data,setData]=React.useState(builtIn);
const [tab,setTab]=React.useState(0);
const [open,setOpen]=React.useState(null);
React.useEffect(()=>{
fetch('/api/year-analysis?page='+page,{credentials:'same-origin'}).then(r=>r.ok?r.json():null).then(j=>{if(j&&j.data&&Array.isArray(j.data.tabs))setData(j.data);}).catch(()=>{});
},[page]);
const tabs=(data.tabs||[]).filter(t=>t&&t.rows);
const cur=tabs[Math.min(tab,tabs.length-1)]||{rows:[]};
const switchTab=i=>{setTab(i);setOpen(null);};
const rows=[];
cur.rows.forEach((r,i)=>{
rows.push(React.createElement('tr',{key:i+r.year,style:{borderTop:'1px solid var(--border-default)'}},
React.createElement('td',{style:{padding:'16px 20px',fontWeight:600,color:'var(--text-heading)',fontSize:14,whiteSpace:'nowrap'}},r.year),
React.createElement('td',{style:{padding:'16px 20px'}},r.diff?React.createElement(Badge,{tone:r.tone||'accent'},r.diff):null),
React.createElement('td',{style:{padding:'16px 20px',fontSize:14,color:'var(--text-body)'}},r.q,React.createElement('div',{style:{fontSize:11.5,color:'var(--text-muted)',marginTop:2,whiteSpace:'nowrap'}},r.split)),
React.createElement('td',{style:{padding:'16px 20px',fontSize:14,color:'var(--text-body)',lineHeight:1.5}},r.h),
React.createElement('td',{style:{padding:'16px 20px',whiteSpace:'nowrap'}},r.detail&&r.detail.length?React.createElement('a',{href:'#',onClick:e=>{e.preventDefault();setOpen(open===i?null:i);},style:{color:'var(--red-500)',fontWeight:600,fontSize:13}},open===i?'Hide Analysis ▲':'View Detailed Analysis'):null)));
if(open===i&&r.detail&&r.detail.length)rows.push(React.createElement('tr',{key:i+r.year+'-d'},React.createElement('td',{colSpan:5,style:{padding:'4px 20px 20px',background:'var(--gray-50)'}},
React.createElement('div',{style:{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(240px,1fr))',gap:12,paddingTop:12}},
r.detail.map(([h,p],k)=>React.createElement('div',{key:k,style:{background:'var(--white)',border:'1px solid var(--border-default)',borderRadius:'var(--radius-md)',padding:'12px 15px'}},
React.createElement('div',{style:{fontFamily:'var(--font-display)',fontWeight:700,fontSize:13.5,color:'var(--brand-accent)',marginBottom:4}},h),
React.createElement('div',{style:{fontFamily:'var(--font-body)',fontSize:13,color:'var(--text-body)',lineHeight:1.55}},p)))))));
});
const eras=(data.eras||[]).filter(e=>e&&(e[0]||e[1]));
return React.createElement('section',{style:{padding:'64px 48px',maxWidth:1180,margin:'0 auto'}},
React.createElement('h2',{style:{fontFamily:'var(--font-display)',fontWeight:700,fontSize:28,textAlign:'center',color:'var(--text-heading)',marginBottom:8}},'Year-wise ',React.createElement('span',{style:{color:'var(--brand-accent)'}},'Past Paper Analysis')),
data.intro?React.createElement('p',{style:{textAlign:'center',fontFamily:'var(--font-body)',color:'var(--text-muted)',marginBottom:tabs.length>1?20:28}},data.intro):null,
tabs.length>1?React.createElement('div',{style:{display:'flex',gap:8,justifyContent:'center',flexWrap:'wrap',marginBottom:24}},
tabs.map((t,i)=>React.createElement(Tag,{key:i,active:cur===t,onClick:()=>switchTab(i)},t.name))):null,
React.createElement('div',{style:{borderRadius:'var(--radius-lg)',boxShadow:'var(--shadow-md)',overflow:'hidden',overflowX:'auto'}},
React.createElement('table',{style:{width:'100%',borderCollapse:'collapse',fontFamily:'var(--font-body)'}},
React.createElement('thead',null,React.createElement('tr',{style:{background:'var(--navy-900)'}},
['Year','Difficulty Level','Total Questions','Key Highlights','Analysis'].map(h=>React.createElement('th',{key:h,style:{textAlign:'left',padding:'14px 20px',fontSize:11,letterSpacing:'.04em',textTransform:'uppercase',color:'var(--on-dark)'}},h)))),
React.createElement('tbody',null,rows))),
eras.length?React.createElement('h3',{style:{fontFamily:'var(--font-display)',fontWeight:700,fontSize:19,color:'var(--text-heading)',margin:'40px 0 14px',textAlign:'center'}},'Key Pattern Shifts ',React.createElement('span',{style:{color:'var(--brand-accent)'}},'Across the Years')):null,
eras.length?React.createElement('div',{style:{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(240px,1fr))',gap:12}},
eras.map(([h,p],k)=>React.createElement('div',{key:k,style:{background:'var(--white)',border:'1px solid var(--border-default)',borderRadius:'var(--radius-md)',padding:'14px 17px',boxShadow:'var(--shadow-sm)'}},
React.createElement('div',{style:{fontFamily:'var(--font-display)',fontWeight:700,fontSize:14.5,color:'var(--brand-accent)',marginBottom:5}},h),
React.createElement('div',{style:{fontFamily:'var(--font-body)',fontSize:13.5,color:'var(--text-body)',lineHeight:1.55}},p)))):null);
}
window.YearAnalysisView=YearAnalysisView;