/* ===== Личный кабинет участника Лиги: пять модулей ===== */
const LEAGUE_ROUTES = {
  'league-rating':'rating',
  'league-infrastructure':'infrastructure',
  'league-discounts':'discounts',
  'league-pilot-card':'pilot',
  'league-support':'support',
};
const LEAGUE_STATUS = {
  pending:'Ожидает подтверждения',confirmed:'Подтверждено',cancelled:'Отменено',completed:'Завершено',no_show:'Неявка',
  new:'Новое',diagnostics:'Диагностика',approval:'Ожидает согласования',repairing:'В ремонте',ready:'Готово',issued:'Выдано',
  accepted:'Принято',working:'В работе',waiting_user:'Ожидает пользователя',workshop:'Передано в мастерскую',resolved:'Решено',closed:'Закрыто',
};
const LEAGUE_PRIORITY = {normal:'Обычный',high:'Высокий',urgent:'Срочный'};

async function leagueFetch(options={}){
  const method=String(options.method||'GET').toUpperCase();
  const url=method==='GET'?`api/league.php?_=${Date.now()}`:'api/league.php';
  const res=await fetch(url,{credentials:'same-origin',cache:'no-store',...options,headers:{'Content-Type':'application/json',...(options.headers||{})}});
  const data=await res.json().catch(()=>({ok:false,error:'Пустой ответ сервера'}));
  if(!res.ok||data.ok===false) throw new Error(data.error||`HTTP ${res.status}`);
  return data;
}
function leagueDate(value, time=true){
  if(!value)return '—';
  const date=new Date(String(value).replace(' ','T'));
  return Number.isNaN(date.getTime())?String(value):date.toLocaleString('ru-RU',{day:'2-digit',month:'2-digit',year:'numeric',...(time?{hour:'2-digit',minute:'2-digit'}:{})});
}
function leagueLap(ms){
  if(ms===null||ms===undefined||ms==='')return '—';
  const n=Number(ms);return `${Math.floor(n/60000)}:${String(Math.floor((n%60000)/1000)).padStart(2,'0')}.${String(n%1000).padStart(3,'0')}`;
}
function LeagueNotice({message,type=''}){ return message?<div className={`note ${type==='error'?'note--danger':''}`} style={{margin:'14px 0'}}>{message}</div>:null; }
function LeagueEmpty({children='Данных пока нет.',action=null}){ return <div className="league-empty"><Icon name="drone" size={28}/><span>{children}</span>{action&&<div className="league-empty__action">{action}</div>}</div>; }
function LeagueStatus({value}){ return <span className={`badge ${['confirmed','completed','ready','issued','resolved','closed'].includes(value)?'green':['urgent','cancelled','no_show'].includes(value)?'amber':'navy'}`}>{LEAGUE_STATUS[value]||value}</span>; }

function LeagueMemberApp({module,go,user}){
  const [data,setData]=useState(null),[error,setError]=useState(''),[loading,setLoading]=useState(true);
  async function load(){
    setLoading(true);setError('');
    try{setData((await leagueFetch()).data);}catch(e){setError(e.message);}finally{setLoading(false);}
  }
  useEffect(()=>{load();},[]);
  if(loading)return <div className="cab-page"><div className="note">Загружаю сервисы Лиги…</div></div>;
  if(error)return <div className="cab-page"><h1>Сервисы Лиги</h1><LeagueNotice message={error} type="error"/><button className="btn btn-primary" onClick={load}>Повторить</button></div>;
  const props={data,go,user,reload:load};
  if(module==='infrastructure')return <LeagueInfrastructure {...props}/>;
  if(module==='discounts')return <LeagueDiscounts {...props}/>;
  if(module==='pilot')return <LeaguePilotCard {...props}/>;
  if(module==='support')return <LeagueSupport {...props}/>;
  return <LeagueRating {...props}/>;
}

function LeagueHeading({eyebrow='Лига Дронов',title,subtitle,actions,icon='drone',stats=[]}){
  return <section className="league-heading"><div className="league-heading__glow"/><div className="league-heading__main"><div className="league-heading__icon"><Icon name={icon} size={28}/></div><div><span className="league-heading__eyebrow">{eyebrow}</span><h1>{title}</h1><p>{subtitle}</p></div></div>{stats.length>0&&<div className="league-heading__stats">{stats.map((item,index)=><div key={`${item.label}-${index}`}><Icon name={item.icon||'star'} size={17}/><span><b>{item.value}</b><small>{item.label}</small></span></div>)}</div>}{actions&&<div className="league-heading__actions">{actions}</div>}</section>;
}

function LeagueRating({data}){
  const r=data.rating, current=r.level.current, next=r.level.next;
  const [city,setCity]=useState(''),[discipline,setDiscipline]=useState('');
  const cities=[...new Set(r.ranking.map(x=>x.city).filter(Boolean))];
  const disciplines=[...new Set(r.ranking.map(x=>x.discipline).filter(Boolean))];
  const rows=r.ranking.filter(x=>(!city||x.city===city)&&(!discipline||x.discipline===discipline));
  const progress=next?Math.max(0,Math.min(100,Math.round((r.balance-current.minPoints)/(next.minPoints-current.minPoints)*100))):100;
  return <div className="cab-page league-page">
    <LeagueHeading icon="trophy" title="Рейтинг и баллы" subtitle="Прозрачная история спортивного прогресса и общий рейтинг пилотов."/>
    <div className="grid g3 league-kpis">
      <div className="card kpi"><div className="ic-badge"><Icon name="star"/></div><div><b>{r.balance}</b><span>баллов</span></div></div>
      <div className="card kpi"><div className="ic-badge"><Icon name="trophy"/></div><div><b>#{r.place||'—'}</b><span>место</span></div></div>
      <div className="card kpi"><div className="ic-badge" style={{color:current.color}}><Icon name="award"/></div><div><b>{current.name}</b><span>уровень</span></div></div>
    </div>
    <div className="card league-progress"><div className="spread"><b>{next?`До уровня ${next.name}`:'Максимальный уровень'}</b><span>{next?`${Math.max(0,next.minPoints-r.balance)} баллов`:'Master'}</span></div><div className="bar"><i style={{width:`${progress}%`}}/></div></div>
    <div className="league-section-head"><div><h2>Общий рейтинг</h2><p className="muted">Фильтры по городу и дисциплине.</p></div><div className="row gap10 wrapf"><select className="select" value={discipline} onChange={e=>setDiscipline(e.target.value)}><option value="">Все дисциплины</option>{disciplines.map(x=><option key={x}>{x}</option>)}</select><select className="select" value={city} onChange={e=>setCity(e.target.value)}><option value="">Все города</option>{cities.map(x=><option key={x}>{x}</option>)}</select></div></div>
    <div className="card table league-table">{rows.map(row=><div className={`table__row ${row.userId===data.member.userId?'is-me':''}`} key={row.userId} style={{gridTemplateColumns:'70px 2fr 1.2fr 1fr 100px'}}><b>#{row.place}</b><div><b>{row.nickname||row.name}</b><div className="muted">{row.name}</div></div><span>{row.discipline}</span><span>{row.city||'—'}</span><b>{row.points}</b></div>)}{!rows.length&&<LeagueEmpty/>}</div>
    <div className="league-section-head"><div><h2>История операций</h2><p className="muted">Записи не удаляются и содержат автора изменения.</p></div></div>
    <div className="card table league-table">{r.transactions.map(x=><div className="table__row" key={x.id} style={{gridTemplateColumns:'150px 100px 2fr 130px'}}><span>{leagueDate(x.createdAt)}</span><b style={{color:Number(x.points)>=0?'var(--green-700)':'#b42318'}}>{Number(x.points)>0?'+':''}{x.points}</b><div><b>{x.reason}</b><div className="muted">{x.activityType}{x.actorName?` · ${x.actorName}`:''}</div></div><b>{x.balanceAfter}</b></div>)}{!r.transactions.length&&<LeagueEmpty>Операций пока нет.</LeagueEmpty>}</div>
  </div>;
}

function LeagueInfrastructure({data,reload}){
  const d=data.infrastructure,[trackId,setTrackId]=useState(''),[message,setMessage]=useState(''),[busy,setBusy]=useState(false),[reslot,setReslot]=useState({});
  const [repair,setRepair]=useState({serviceId:'',droneModel:'',problem:'',attachments:[]});
  async function act(payload){setBusy(true);setMessage('');try{await leagueFetch({method:'POST',body:JSON.stringify(payload)});setMessage('Готово. Данные обновлены.');await reload();}catch(e){setMessage(e.message);}finally{setBusy(false);}}
  const visibleSlots=d.slots.filter(s=>!trackId||String(s.trackId)===String(trackId));
  const selectedTrack=d.tracks.find(t=>String(t.id)===String(trackId));
  return <div className="cab-page league-page league-page--infrastructure">
    <LeagueHeading icon="pin" title="Инфраструктура" subtitle="Трассы, свободные слоты и ремонтная мастерская." stats={[{icon:'flag',value:d.tracks.length,label:'трасс'},{icon:'calendar',value:visibleSlots.length,label:'свободных слотов'},{icon:'wrench',value:d.repairs.filter(x=>!['issued','cancelled'].includes(x.status)).length,label:'заявок в работе'}]} actions={<button className="btn btn-ghost" onClick={reload}><Icon name="history" size={15}/> Обновить</button>}/>
    <LeagueNotice message={message}/>
    <div className="league-section-head"><div><h2>Трассы</h2><p className="muted">Адреса, расписание и правила площадок.</p></div></div>
    <div className="grid g3 league-card-grid">{d.tracks.map(t=><article className="card league-track" key={t.id}>{t.photos?.[0]?<img src={t.photos[0]} alt=""/>:<div className="league-track__ph"><Icon name="flag" size={34}/></div>}<div><h3>{t.name}</h3><p className="muted"><Icon name="pin" size={14}/> {t.address}</p><p>{t.description}</p><div className="chip"><Icon name="clock" size={13}/>{t.hours||'По расписанию'}</div>{t.rules&&<details><summary>Правила</summary><p>{t.rules}</p></details>}</div></article>)}{!d.tracks.length&&<LeagueEmpty>Трассы появятся после публикации администратором.</LeagueEmpty>}</div>
    <div className="league-section-head"><div><h2>Свободные слоты</h2><p className="muted">Бронирование создаётся со статусом ожидания.</p></div><select className="select" value={trackId} onChange={e=>setTrackId(e.target.value)}><option value="">Все трассы</option>{d.tracks.map(t=><option key={t.id} value={t.id}>{t.name}</option>)}</select></div>
    <div className="card table league-table">{visibleSlots.map(s=>{const t=d.tracks.find(x=>Number(x.id)===Number(s.trackId));return <div className="table__row" key={s.id} style={{gridTemplateColumns:'2fr 1.5fr 100px 130px'}}><div><b>{t?.name||'Трасса'}</b><div className="muted">{t?.address}</div></div><b>{leagueDate(s.startsAt)}</b><span>{s.durationMinutes} мин.</span><button className="btn btn-green btn-sm" disabled={busy} onClick={()=>act({action:'book',slotId:s.id})}>Забронировать</button></div>})}{!visibleSlots.length&&<LeagueEmpty action={<button className="btn btn-ghost btn-sm" onClick={reload}><Icon name="history" size={14}/> Обновить расписание</button>}>{selectedTrack?`Для трассы «${selectedTrack.name}» свободное время пока не опубликовано.`:'Свободных слотов пока нет. Выберите трассу или обновите расписание.'}</LeagueEmpty>}</div>
    <div className="league-section-head"><div><h2>Мои бронирования</h2></div></div>
    <div className="grid g2">{d.bookings.map(b=><div className="card league-list-card" key={b.id}><div className="spread"><b>{b.trackName}</b><LeagueStatus value={b.status}/></div><p>{leagueDate(b.startsAt)} · {b.durationMinutes} мин.</p><p className="muted">{b.address}</p>{['pending','confirmed'].includes(b.status)&&<div className="stack">{b.status==='pending'&&<div className="row gap8"><select className="select" value={reslot[b.id]||''} onChange={e=>setReslot({...reslot,[b.id]:e.target.value})}><option value="">Перенести на…</option>{d.slots.map(s=><option key={s.id} value={s.id}>{leagueDate(s.startsAt)} · {d.tracks.find(t=>Number(t.id)===Number(s.trackId))?.name}</option>)}</select><button className="btn btn-green btn-sm" disabled={busy||!reslot[b.id]} onClick={()=>act({action:'reschedule_booking',id:b.id,slotId:reslot[b.id]})}>Перенести</button></div>}<button className="btn btn-ghost btn-sm" disabled={busy} onClick={()=>act({action:'cancel_booking',id:b.id})}>Отменить бронирование</button></div>}</div>)}{!d.bookings.length&&<LeagueEmpty>У вас ещё нет бронирований.</LeagueEmpty>}</div>
    <div className="league-section-head"><div><h2>Ремонтная мастерская</h2><p className="muted">Создайте заявку и отслеживайте диагностику и ремонт.</p></div></div>
    <div className="grid g2 league-form-grid"><div className="card league-form"><div className="field"><label>Услуга</label><select className="select" value={repair.serviceId} onChange={e=>setRepair({...repair,serviceId:e.target.value})}><option value="">Диагностика</option>{d.services.map(s=><option key={s.id} value={s.id}>{s.name} · от {s.priceFrom} сом</option>)}</select></div><div className="field"><label>Модель дрона</label><input className="input" value={repair.droneModel} onChange={e=>setRepair({...repair,droneModel:e.target.value})}/></div><div className="field"><label>Описание проблемы</label><textarea className="textarea" value={repair.problem} onChange={e=>setRepair({...repair,problem:e.target.value})}/></div><LeagueFileUpload files={repair.attachments} onChange={files=>setRepair({...repair,attachments:files})}/><button className="btn btn-primary" disabled={busy} onClick={()=>act({action:'repair',...repair})}>Отправить заявку</button></div>
      <div className="stack">{d.repairs.map(r=><div className="card league-list-card" key={r.id}><div className="spread"><b>Заявка #{r.id} · {r.drone_model}</b><LeagueStatus value={r.status}/></div><p>{r.problem}</p><div className="row gap10 wrapf"><span className="chip">{r.serviceName||'Диагностика'}</span>{r.specialist&&<span className="chip">Мастер: {r.specialist}</span>}{r.cost!==null&&<span className="chip">{r.cost} сом</span>}</div></div>)}{!d.repairs.length&&<LeagueEmpty>Заявок на ремонт пока нет.</LeagueEmpty>}</div></div>
  </div>;
}

function LeagueFileUpload({files,onChange}){
  const [busy,setBusy]=useState(false),[error,setError]=useState('');
  async function upload(file){setBusy(true);setError('');try{const form=new FormData();form.append('file',file);form.append('purpose','league-attachment');const res=await fetch('api/upload.php',{method:'POST',credentials:'same-origin',body:form});const d=await res.json();if(!res.ok||!d.ok)throw new Error(d.error||'Ошибка загрузки');onChange([...files,d.path]);}catch(e){setError(e.message);}finally{setBusy(false);}}
  return <div className="field"><label>Фото, видео, DVR или конфигурация</label><input className="input" type="file" disabled={busy} onChange={e=>e.target.files?.[0]&&upload(e.target.files[0])}/>{files?.length>0&&<div className="row gap8 wrapf">{files.map((x,i)=><span className="chip" key={x}>{x.split('/').pop()} <button onClick={()=>onChange(files.filter((_,n)=>n!==i))}>×</button></span>)}</div>}{error&&<small style={{color:'#b42318'}}>{error}</small>}</div>;
}

function LeagueDiscounts({data,reload}){
  const [category,setCategory]=useState(''),[region,setRegion]=useState(''),[copied,setCopied]=useState('');
  const offers=data.discounts.offers,categories=[...new Set(offers.map(x=>x.category))],regions=[...new Set(offers.map(x=>x.region).filter(Boolean))];
  const shown=offers.filter(x=>(!category||x.category===category)&&(!region||x.region===region));
  async function copy(o){await navigator.clipboard.writeText(o.promo_code||'');setCopied(String(o.id));await leagueFetch({method:'POST',body:JSON.stringify({action:'use_offer',offerId:o.id})});setTimeout(()=>setCopied(''),1500);}
  return <div className="cab-page league-page league-page--discounts"><LeagueHeading icon="star" title="Скидки и привилегии" subtitle="Закрытые предложения партнёров и специальные цены для участников Лиги." stats={[{icon:'star',value:offers.length,label:'активных предложений'},{icon:'layers',value:categories.length,label:'категорий'},{icon:'pin',value:regions.length||'Все',label:'регионов'}]} actions={<button className="btn btn-ghost" onClick={reload}><Icon name="history" size={15}/> Обновить</button>}/>
    <div className="row gap10 wrapf league-filters"><select className="select" value={category} onChange={e=>setCategory(e.target.value)}><option value="">Все категории</option>{categories.map(x=><option key={x}>{x}</option>)}</select><select className="select" value={region} onChange={e=>setRegion(e.target.value)}><option value="">Все регионы</option>{regions.map(x=><option key={x}>{x}</option>)}</select></div>
    <div className="grid g3 league-card-grid">{shown.map(o=><article className={`card league-offer ${Number(o.is_league_shop)?'is-shop':''}`} key={o.id}><div className="spread">{o.partnerLogo?<img className="league-offer__logo" src={o.partnerLogo}/>:<div className="ic-badge"><Icon name={Number(o.is_league_shop)?'drone':'star'}/></div>}<span className="league-offer__value">{o.discount_type==='percent'?`−${o.discount_value}%`:o.discount_value}</span></div><div><span className="league-offer__partner">{Number(o.is_league_shop)?'Магазин Лиги':o.partnerName||'Партнёр'}</span><h3>{o.title}</h3><p>{o.description}</p></div><div className="stack"><span className="chip">{o.category}{o.region?` · ${o.region}`:''}</span>{o.ends_at&&<small>Действует до {leagueDate(o.ends_at,false)}</small>}{o.conditions&&<details><summary>Условия</summary><p>{o.conditions}</p></details>}</div><div className="row gap8">{o.promo_code&&<button className="btn btn-ghost btn-sm" onClick={()=>copy(o)}><Icon name="copy" size={14}/>{copied===String(o.id)?'Скопировано':o.promo_code}</button>}{o.shop_url&&<a className="btn btn-primary btn-sm" href={o.shop_url} target="_blank" rel="noreferrer">Перейти <Icon name="arrowUpRight" size={14}/></a>}</div></article>)}{!shown.length&&<LeagueEmpty>Новых привилегий по выбранным фильтрам пока нет.</LeagueEmpty>}</div>
  </div>;
}

function LeaguePilotCard({data,reload}){
  const p=data.pilot,[editing,setEditing]=useState(false),[draft,setDraft]=useState({...p.profile}),[message,setMessage]=useState(''),[photoBusy,setPhotoBusy]=useState(false),[photoError,setPhotoError]=useState('');
  async function save(){try{await leagueFetch({method:'POST',body:JSON.stringify({action:'profile',profile:draft})});setMessage('Профиль сохранён.');setEditing(false);await reload();}catch(e){setMessage(e.message);}}
  async function uploadPhoto(file){
    if(!file)return;
    setPhotoError('');
    if(!['image/jpeg','image/png','image/webp'].includes(file.type)){setPhotoError('Выберите фотографию JPG, PNG или WebP.');return;}
    if(file.size>5*1024*1024){setPhotoError('Фотография должна быть не больше 5 МБ.');return;}
    setPhotoBusy(true);
    try{
      const form=new FormData();form.append('file',file);form.append('purpose','pilot-photo');
      const res=await fetch('api/upload.php',{method:'POST',credentials:'same-origin',body:form});
      const result=await res.json().catch(()=>({ok:false,error:'Пустой ответ сервера'}));
      if(!res.ok||!result.ok)throw new Error(result.error||'Не удалось загрузить фотографию');
      setDraft(current=>({...current,photo:result.path}));
    }catch(e){setPhotoError(e.message);}finally{setPhotoBusy(false);}
  }
  const m=p.metrics;
  const recentFlights=[...p.flights].slice(0,10).reverse(),ratingTrend=[...data.rating.transactions].slice(0,10).reverse();
  const timedFlights=recentFlights.filter(x=>Number(x.best_lap_ms)>0),maxMinutes=Math.max(1,...recentFlights.map(x=>Number(x.duration_minutes)||0)),maxBalance=Math.max(1,...ratingTrend.map(x=>Number(x.balanceAfter)||0)),maxLap=Math.max(1,...timedFlights.map(x=>Number(x.best_lap_ms)||0));
  return <div className="cab-page league-page league-page--pilot"><LeagueHeading icon="award" title="Спортивная карточка" subtitle="Цифровой паспорт пилота: профиль, статистика и подтверждённые достижения." stats={[{icon:'drone',value:m.flights,label:'полётов'},{icon:'trophy',value:m.competitions,label:'соревнований'},{icon:'star',value:m.wins,label:'побед'}]} actions={<button className="btn btn-ghost" onClick={()=>setEditing(v=>!v)}><Icon name="edit" size={15}/> {editing?'Закрыть редактор':'Редактировать профиль'}</button>}/>
    <LeagueNotice message={message}/>
    <div className="card league-profile"><div>{p.profile.photo?<img className="league-profile__photo" src={p.profile.photo}/>:<Avatar name={data.member.name} size={96}/>}</div><div><h2>{p.profile.nickname||data.member.name}</h2><p className="muted">{data.member.name} · {p.profile.city||'Город не указан'}</p><div className="row gap8 wrapf"><span className="badge navy">{p.profile.discipline}</span>{p.profile.team&&<span className="chip">{p.profile.team}</span>}<span className="chip">{data.rating.level.current.name}</span><span className="chip">#{data.rating.place||'—'}</span></div>{p.profile.bio&&<p>{p.profile.bio}</p>}</div></div>
    {editing&&<div className="card league-form"><div className="grid g2"><div className="field"><label>Никнейм</label><input className="input" value={draft.nickname||''} onChange={e=>setDraft({...draft,nickname:e.target.value})}/></div><div className="field"><label>Фотография пилота</label><div className="league-photo-upload">{draft.photo?<img src={draft.photo} alt="Предпросмотр фотографии"/>:<Avatar name={data.member.name} size={72}/>}<div className="stack"><label className={`btn btn-ghost btn-sm ${photoBusy?'is-disabled':''}`}><Icon name="camera" size={14}/>{photoBusy?'Загружаю…':'Выбрать фото'}<input type="file" accept="image/jpeg,image/png,image/webp" disabled={photoBusy} onChange={e=>{const file=e.target.files?.[0];if(file)uploadPhoto(file);e.target.value='';}}/></label><small className="muted">JPG, PNG или WebP, до 5 МБ</small>{draft.photo&&<button type="button" className="league-photo-remove" onClick={()=>setDraft({...draft,photo:''})}>Удалить фото</button>}</div></div>{photoError&&<small className="league-photo-error">{photoError}</small>}</div><div className="field"><label>Город</label><input className="input" value={draft.city||''} onChange={e=>setDraft({...draft,city:e.target.value})}/></div><div className="field"><label>Команда</label><input className="input" value={draft.team||''} onChange={e=>setDraft({...draft,team:e.target.value})}/></div><div className="field"><label>Дисциплина</label><input className="input" value={draft.discipline||''} onChange={e=>setDraft({...draft,discipline:e.target.value})}/></div><div className="field"><label>Публичный адрес</label><input className="input" value={draft.public_slug||''} onChange={e=>setDraft({...draft,public_slug:e.target.value.replace(/[^a-z0-9-]/gi,'').toLowerCase()})}/></div></div><div className="field"><label>О пилоте</label><textarea className="textarea" value={draft.bio||''} onChange={e=>setDraft({...draft,bio:e.target.value})}/></div><label className="agree"><input type="checkbox" checked={!!Number(draft.public_enabled)} onChange={e=>setDraft({...draft,public_enabled:e.target.checked?1:0})}/><span>Разрешить публичную карточку без приватных данных</span></label><button className="btn btn-green" disabled={photoBusy} onClick={save}>Сохранить</button></div>}
    <div className="grid g3 league-metrics">{[['drone',m.flights,'полётов'],['clock',Math.round(m.minutes/60*10)/10,'часов'],['flag',m.trainings,'тренировок'],['trophy',m.competitions,'соревнований'],['star',m.wins,'побед'],['award',m.podiums,'призовых мест']].map(([i,v,t])=><div className="card kpi" key={t}><div className="ic-badge"><Icon name={i}/></div><div><b>{v}</b><span>{t}</span></div></div>)}</div>
    <div className="grid g3 league-charts"><div className="card"><h3>Динамика рейтинга</h3><div className="league-bars">{ratingTrend.map(x=><div className="league-bar" key={x.id} title={`${x.balanceAfter} баллов · ${leagueDate(x.createdAt,false)}`}><i style={{height:`${Math.max(6,Number(x.balanceAfter)/maxBalance*100)}%`}}/><span>{x.balanceAfter}</span></div>)}{!ratingTrend.length&&<LeagueEmpty/>}</div></div><div className="card"><h3>Активность полётов</h3><div className="league-bars league-bars--activity">{recentFlights.map(x=><div className="league-bar" key={x.id} title={`${x.duration_minutes} минут · ${leagueDate(x.flown_at,false)}`}><i style={{height:`${Math.max(6,Number(x.duration_minutes)/maxMinutes*100)}%`}}/><span>{x.duration_minutes}</span></div>)}{!recentFlights.length&&<LeagueEmpty/>}</div></div><div className="card"><h3>Лучшие круги</h3><div className="league-bars league-bars--best">{timedFlights.map(x=><div className="league-bar" key={x.id} title={`${leagueLap(x.best_lap_ms)} · ${leagueDate(x.flown_at,false)}`}><i style={{height:`${Math.max(8,(maxLap/Number(x.best_lap_ms))*55)}%`}}/><span>{Math.round(Number(x.best_lap_ms)/100)/10}с</span></div>)}{!timedFlights.length&&<LeagueEmpty/>}</div></div></div>
    <div className="league-section-head"><div><h2>История полётов</h2></div></div><div className="card table league-table">{p.flights.map(f=><div className="table__row" key={f.id} style={{gridTemplateColumns:'140px 1.4fr 1.2fr 80px 100px 100px'}}><span>{leagueDate(f.flown_at,false)}</span><b>{f.track_name||'Тренировка'}</b><span>{f.drone||'—'}</span><span>{f.laps} круг.</span><span>{leagueLap(f.best_lap_ms)}</span><span>{f.result_place?`${f.result_place} место`:'—'}</span></div>)}{!p.flights.length&&<LeagueEmpty>Подтверждённых полётов пока нет.</LeagueEmpty>}</div>
    <div className="grid g2"><section><div className="league-section-head"><h2>Оборудование</h2></div><div className="stack">{p.equipment.map(x=><div className="card league-list-card" key={x.id}><span className="badge navy">{x.type}</span><h3>{x.name}</h3><p className="muted">{x.details}</p></div>)}{!p.equipment.length&&<LeagueEmpty/>}</div></section><section><div className="league-section-head"><h2>Достижения</h2></div><div className="stack">{p.achievements.map(x=><div className="card league-list-card" key={x.id}><div className="row gap10"><div className="ic-badge"><Icon name="award"/></div><div><h3>{x.title}</h3><p className="muted">{leagueDate(x.awarded_at,false)} · {x.reason}</p></div></div></div>)}{!p.achievements.length&&<LeagueEmpty/>}</div></section></div>
  </div>;
}

function LeagueSupport({data,reload}){
  const s=data.support,[draft,setDraft]=useState({category:'Другое',subject:'',description:'',priority:'normal',attachments:[]}),[message,setMessage]=useState(''),[open,setOpen]=useState(null),[reply,setReply]=useState('');
  async function act(payload){setMessage('');try{await leagueFetch({method:'POST',body:JSON.stringify(payload)});setMessage('Сообщение отправлено.');setDraft({...draft,subject:'',description:'',attachments:[]});setReply('');await reload();}catch(e){setMessage(e.message);}}
  return <div className="cab-page league-page league-page--support"><LeagueHeading icon="wrench" title="Техническая поддержка" subtitle="Персональная помощь пилотам, база решений и история обращений." stats={[{icon:'doc',value:s.articles.length,label:'готовых решений'},{icon:'mail',value:s.tickets.filter(x=>!['resolved','closed'].includes(x.status)).length,label:'открытых обращений'},{icon:'clock',value:s.settings.hours||'По графику',label:'режим работы'}]} actions={<button className="btn btn-ghost" onClick={reload}><Icon name="history" size={15}/> Обновить</button>}/>
    <div className="grid g2">{s.settings.telegramChannel&&<a className="card league-telegram" href={s.settings.telegramChannel} target="_blank" rel="noreferrer"><Icon name="tg" size={34}/><div><b>Закрытый Telegram-канал</b><span>Новости и объявления для участников</span></div><Icon name="arrowUpRight"/></a>}{s.settings.telegramChat&&<a className="card league-telegram" href={s.settings.telegramChat} target="_blank" rel="noreferrer"><Icon name="tg" size={34}/><div><b>Технический чат</b><span>Быстрая помощь сообщества</span></div><Icon name="arrowUpRight"/></a>}</div>
    <div className="card league-support-rules"><div><b>График поддержки</b><p>{s.settings.hours}</p></div><div><b>Правила обращения</b><p>{s.settings.rules}</p></div></div>
    <div className="league-section-head"><div><h2>Быстрые решения</h2><p className="muted">Ответы по типовым неисправностям.</p></div></div><div className="grid g2">{s.articles.map(a=><details className="card league-article" key={a.id}><summary><span className="badge navy">{a.category}</span><b>{a.title}</b><Icon name="chevDown"/></summary><div dangerouslySetInnerHTML={{__html:a.content}}/></details>)}{!s.articles.length&&<LeagueEmpty/>}</div>
    <div className="league-section-head"><div><h2>Новое обращение</h2></div></div><LeagueNotice message={message}/><div className="card league-form"><div className="grid g3"><div className="field"><label>Категория</label><select className="select" value={draft.category} onChange={e=>setDraft({...draft,category:e.target.value})}>{['Видео','Управление','Betaflight','Ремонт','Оборудование','Другое'].map(x=><option key={x}>{x}</option>)}</select></div><div className="field"><label>Приоритет</label><select className="select" value={draft.priority} onChange={e=>setDraft({...draft,priority:e.target.value})}>{Object.entries(LEAGUE_PRIORITY).map(([k,v])=><option value={k} key={k}>{v}</option>)}</select></div><div className="field"><label>Тема</label><input className="input" value={draft.subject} onChange={e=>setDraft({...draft,subject:e.target.value})}/></div></div><div className="field"><label>Подробное описание</label><textarea className="textarea" value={draft.description} onChange={e=>setDraft({...draft,description:e.target.value})}/></div><LeagueFileUpload files={draft.attachments} onChange={files=>setDraft({...draft,attachments:files})}/><button className="btn btn-primary" onClick={()=>act({action:'ticket',...draft})}>Создать обращение</button></div>
    <div className="league-section-head"><div><h2>Мои обращения</h2></div></div><div className="stack">{s.tickets.map(t=><div className="card league-ticket" key={t.id}><button className="league-ticket__head" onClick={()=>setOpen(open===t.id?null:t.id)}><div><div className="row gap8 wrapf"><b>#{t.id} · {t.subject}</b><LeagueStatus value={t.status}/><span className={`badge ${t.priority==='urgent'?'amber':'gray'}`}>{LEAGUE_PRIORITY[t.priority]}</span></div><p className="muted">{t.category} · {leagueDate(t.updated_at)}</p></div><Icon name="chevDown"/></button>{open===t.id&&<div className="league-ticket__body"><p>{t.description}</p>{t.messages.map(m=><div className="league-message" key={m.id}><b>{m.authorName}</b><span className="muted">{leagueDate(m.createdAt)}</span><p>{m.message}</p></div>)}{!['resolved','closed'].includes(t.status)&&<div className="row gap8"><input className="input" value={reply} onChange={e=>setReply(e.target.value)} placeholder="Написать специалисту…"/><button className="btn btn-green" onClick={()=>act({action:'message',ticketId:t.id,message:reply})}>Отправить</button></div>}{t.solution&&<div className="note"><b>Решение:</b> {t.solution}</div>}</div>}</div>)}{!s.tickets.length&&<LeagueEmpty>Обращений пока нет.</LeagueEmpty>}</div>
  </div>;
}

function LeaguePublicPilot({slug,go}){
  const [data,setData]=useState(null),[error,setError]=useState('');
  useEffect(()=>{fetch(`api/league-public.php?slug=${encodeURIComponent(slug||'')}`).then(r=>r.json().then(d=>{if(!r.ok||!d.ok)throw new Error(d.error);setData(d)})).catch(e=>setError(e.message));},[slug]);
  if(error)return <main className="section"><div className="wrap"><div className="note note--danger">{error}</div></div></main>;
  if(!data)return <main className="section"><div className="wrap"><div className="note">Загружаю карточку пилота…</div></div></main>;
  const p=data.pilot,m=data.metrics;
  return <main><section className="subhero"><div className="wrap"><button className="back" onClick={()=>go('pilot-rating')}><Icon name="chevLeft" size={15}/> К рейтингу</button><div className="league-profile league-profile--public">{p.photo?<img className="league-profile__photo" src={p.photo}/>:<Avatar name={p.name} size={96}/>}<div><span className="badge green">Публичная спортивная карточка</span><h1>{p.nickname||p.name}</h1><p>{p.name} · {p.city||'Кыргызстан'} · {p.discipline}</p><div className="row gap8 wrapf"><span className="chip">#{data.place||'—'} в рейтинге</span><span className="chip">{p.points} баллов</span>{p.team&&<span className="chip">{p.team}</span>}</div></div></div></div></section><section className="section"><div className="wrap"><div className="grid g3 league-metrics">{[['drone',m.flights,'полётов'],['clock',Math.round(m.minutes/60*10)/10,'часов'],['trophy',m.competitions,'соревнований'],['star',m.wins,'побед'],['award',m.podiums,'подиумов']].map(([i,v,t])=><div className="card kpi" key={t}><div className="ic-badge"><Icon name={i}/></div><div><b>{v}</b><span>{t}</span></div></div>)}</div>{p.bio&&<div className="card" style={{padding:24,marginTop:20}}><h2>О пилоте</h2><p style={{marginTop:10}}>{p.bio}</p></div>}<div className="league-section-head"><h2>Результаты</h2></div><div className="card table league-table">{data.flights.map((f,i)=><div className="table__row" key={i} style={{gridTemplateColumns:'140px 1.5fr 1fr 100px 100px'}}><span>{leagueDate(f.flown_at,false)}</span><b>{f.track_name}</b><span>{f.drone}</span><span>{f.laps} круг.</span><span>{f.result_place?`#${f.result_place}`:leagueLap(f.best_lap_ms)}</span></div>)}{!data.flights.length&&<LeagueEmpty/>}</div><div className="league-section-head"><h2>Достижения</h2></div><div className="grid g3">{data.achievements.map((x,i)=><div className="card league-list-card" key={i}><div className="ic-badge"><Icon name="award"/></div><h3>{x.title}</h3><p>{leagueDate(x.awarded_at,false)} · {x.reason}</p></div>)}{!data.achievements.length&&<LeagueEmpty/>}</div></div></section></main>;
}

Object.assign(window,{LeagueMemberApp,LeaguePublicPilot,LEAGUE_ROUTES});