/* Plans page (plans.html, menu: Plans): every plan on sale by course, the free trial, what's free, FAQs.
   Course tabs: All · CAT · IPMAT · CUET · VARC & more (?c=cat …). Each course links to its full course page.
   Inside the Android app nothing is sold (no prices / buy buttons). */
const PP_CSS=`
.pp-hero{background:var(--navy-900,#131c66);color:#fff;padding:52px 0 44px}
.pp-hero h1{font:800 44px/1.1 var(--font-display);margin:0 0 12px;color:#fff;letter-spacing:-.02em}.pp-hero h1 em{font-style:normal;color:var(--magenta-500,#e0457b)}
.pp-hero p{font:400 17px/1.6 var(--font-body);color:rgba(255,255,255,.86);margin:0;max-width:640px}
.pp-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.pp-pills span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px;font:700 13px/1 var(--font-body)}
.pp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px}
.pp-tabs button{border:none;background:var(--gray-100);border-radius:999px;padding:10px 16px;font:700 14px/1 var(--font-body);color:var(--text-body);cursor:pointer}
.pp-tabs button.on{background:var(--navy-700,#1d2fa0);color:#fff}
.pp-more{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0}.pp-more a{font:700 14px/1 var(--font-body);text-decoration:none;color:var(--brand-primary,#1d2fa0);border:1.5px solid var(--border-default);border-radius:999px;padding:11px 16px;background:var(--white)}
@media(max-width:640px){.pp-hero{padding:34px 0 30px}.pp-hero h1{font-size:30px}}`;
function PlansPage(){
const data=usePlans();usePendingBuy(data&&data.plans);
const app=!!window.SB_APP;
const [c,setC]=React.useState(()=>{const m=/[?&]c=(cat|ipmat|cuet|varc)\b/.exec(location.search);return m?m[1]:'';});
const pick=v=>{setC(v);try{history.replaceState(null,'',location.pathname+(v?'?c='+v:''));}catch(e){}};
const days=data?Math.max(...['cat','ipmat','cuet','varc'].map(k=>pkTrialDays(k,data.areas))):0;
const C=PK_COURSES.find(x=>x.key===c);
React.useEffect(()=>{document.title='Plans & Pricing — CAT, IPMAT, JIPMAT, IIM B (B.Sc.) & CUET | Scorebuddy';},[]);
return (<div>
<PkStyle/><style>{PP_CSS}</style>
<section className="pp-hero"><div className="pk-wrap">
<h1>One plan. <em>Your whole exam, covered.</em></h1>
<p>Pick the course you’re preparing for and the duration that fits. Every previous-year paper stays free with your login{days?', and every new student gets a free trial':''}.</p>
<div className="pp-pills"><span>📜 PYQs free with login</span>{days?<span>🎁 Free trial, no card</span>:null}<span>🔒 Razorpay secure checkout</span><span>📊 Analysis after every test</span></div>
</div></section>
<section className="pk-sec"><div className="pk-wrap" id="plans">
<div className="pp-tabs" role="tablist" aria-label="Course">{[{key:'',label:'All plans'}].concat(PK_COURSES).map(x=><button key={x.key} type="button" role="tab" aria-selected={c===x.key} className={c===x.key?'on':''} onClick={()=>pick(x.key)}>{x.short||x.label}</button>)}</div>
<PlanCards data={data} course={c||null}/>
<PlanCompare data={data} course={c||null}/>
<div className="pp-more">{PK_COURSES.filter(x=>x.page).map(x=><a key={x.key} href={x.page}>Everything about {x.short||x.label} →</a>)}</div>
</div></section>
{days&&!app?<section className="pk-sec" style={{paddingTop:0}}><div className="pk-wrap"><TrialBand days={C?pkTrialDays(c,data.areas):days} course={C?(C.short||C.label):''}/></div></section>:null}
<section className="pk-sec alt"><div className="pk-wrap">
<span className="pk-kick">Free · no plan needed</span><h2 className="pk-h2">Always free on Scorebuddy</h2>
<FreeGrid items={[['📜','CAT previous-year papers','2017–2025, timed','cat-previous-year-papers.html','Free with login'],['📜','IPMAT, JIPMAT & IIM B (B.Sc.) papers','Since 2019, timed','UG-previous-year-papers.html','Free with login'],
['📜','CUET papers','Since 2022, every subject','cuet-previous-year-papers.html','Free with login'],['🔍','Every question, solved','Answers and step-by-step solutions','pyq','Free · no login'],
['📖','Daily Reads for RC','A 180-day reading plan','daily-reads.html','Free to read'],['🧪','Lexicon Word Lab','1,685 exam words','lexicon.html','Free']]}/>
</div></section>
<section className="pk-sec"><div className="pk-wrap">
<span className="pk-kick">Questions</span><h2 className="pk-h2">Good to know</h2>
<Faq items={PK_FAQ_COMMON.filter(f=>!app||!/pay/i.test(f[0]))}/>
</div></section>
</div>);
}
window.PlansPage=PlansPage;