/* ===== Администрирование пяти модулей Лиги ===== */
const LA_MODULES={
  'league-rating':{title:'Рейтинг и баллы',subtitle:'Баланс, уровни и неизменяемый журнал операций.',icon:'trophy'},
  'league-infrastructure':{title:'Инфраструктура',subtitle:'Трассы, слоты, бронирования и ремонтная мастерская.',icon:'pin'},
  'league-discounts':{title:'Скидки и привилегии',subtitle:'Партнёры, промокоды и предложения магазина Лиги.',icon:'star'},
  'league-pilots':{title:'Карточки пилотов',subtitle:'Профили, полёты, оборудование и достижения.',icon:'award'},
  'league-support':{title:'Техническая поддержка',subtitle:'Telegram, быстрые решения и обращения участников.',icon:'wrench'},
};
const LA_LABELS={pending:'Ожидает',confirmed:'Подтверждено',cancelled:'Отменено',completed:'Завершено',no_show:'Неявка',new:'Новое',diagnostics:'Диагностика',approval:'Согласование',repairing:'В ремонте',ready:'Готово',issued:'Выдано',accepted:'Принято',working:'В работе',waiting_user:'Ожидает пользователя',workshop:'В мастерской',resolved:'Решено',closed:'Закрыто'};

async function laFetch(payload){
  const url=payload?'api/league.php':`api/league.php?mode=admin&_=${Date.now()}`;
  const res=await fetch(url,{credentials:'same-origin',cache:'no-store',...(payload?{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)}:{})});
  const d=await res.json().catch(()=>({ok:false,error:'Пустой ответ'}));if(!res.ok||d.ok===false)throw new Error(d.error||`HTTP ${res.status}`);return d;
}
function laHeadStats(module,data){
  if(!data)return [];
  if(module==='league-rating')return [
    {icon:'users',value:data.users?.length||0,label:'участников'},
    {icon:'history',value:data.transactions?.length||0,label:'операций'},
    {icon:'award',value:data.levels?.length||0,label:'уровней'},
  ];
  if(module==='league-infrastructure')return [
    {icon:'flag',value:(data.tracks||[]).filter(x=>Number(x.active)).length,label:'активных трасс'},
    {icon:'calendar',value:(data.bookings||[]).filter(x=>['pending','confirmed'].includes(x.status)).length,label:'активных броней'},
    {icon:'wrench',value:(data.repairs||[]).filter(x=>!['issued','cancelled'].includes(x.status)).length,label:'заявок в работе'},
  ];
  if(module==='league-discounts')return [
    {icon:'users',value:(data.partners||[]).filter(x=>Number(x.active)).length,label:'партнёров'},
    {icon:'star',value:(data.offers||[]).filter(x=>Number(x.active)).length,label:'предложений'},
    {icon:'checkCircle',value:(data.offers||[]).reduce((sum,x)=>sum+Number(x.usageCount||0),0),label:'использований'},
  ];
  if(module==='league-pilots')return [
    {icon:'award',value:data.profiles?.length||0,label:'карточек'},
    {icon:'drone',value:data.flights?.length||0,label:'полётов'},
    {icon:'trophy',value:data.achievements?.length||0,label:'достижений'},
  ];
  return [
    {icon:'mail',value:(data.tickets||[]).filter(x=>!['resolved','closed'].includes(x.status)).length,label:'открытых обращений'},
    {icon:'zap',value:(data.tickets||[]).filter(x=>x.priority==='urgent'&&!['resolved','closed'].includes(x.status)).length,label:'срочных'},
    {icon:'doc',value:(data.articles||[]).filter(x=>Number(x.active)).length,label:'решений'},
  ];
}
function LAHead({module,onReload,busy,data}){
  const m=LA_MODULES[module],stats=laHeadStats(module,data);
  return <section className="la-hero"><div className="la-hero__orb"/><div className="la-hero__main"><div className="la-hero__icon"><Icon name={m.icon} size={27}/></div><div><span className="la-hero__eyebrow">Лига Дронов · Control Center</span><h1>{m.title}</h1><p>{m.subtitle}</p></div></div>{stats.length>0&&<div className="la-hero__stats">{stats.map((item,index)=><div key={`${item.label}-${index}`}><Icon name={item.icon} size={16}/><span><b>{item.value}</b><small>{item.label}</small></span></div>)}</div>}<button className="btn btn-ghost la-hero__refresh" disabled={busy} onClick={onReload}><Icon name="history" size={15}/> {busy?'Обновляю…':'Обновить данные'}</button></section>;
}
function LASection({title,subtitle='',actions,children}){return <section className="card la-section"><div className="spread wrapf la-section__head"><div><h2>{title}</h2>{subtitle&&<p className="muted">{subtitle}</p>}</div>{actions}</div>{children}</section>;}
function LAStatusSelect({value,options,onChange,busy}){return <select className="select select--sm" value={value} disabled={busy} onChange={e=>onChange(e.target.value)}>{options.map(x=><option key={x} value={x}>{LA_LABELS[x]||x}</option>)}</select>;}
function LAEmpty(){return <div className="empty">Записей пока нет.</div>;}
function LAFormModal({title,fields,draft,setDraft,onSave,onClose,busy}){
  async function file(field,file){if(!file)return;try{const path=await uploadAdminFile(file);setDraft({...draft,[field.key]:field.array?[path]:path});}catch(e){alert(e.message);}}
  return <div className="modal" onClick={onClose}><div className="modal__box card la-modal" onClick={e=>e.stopPropagation()}><div className="spread"><h2>{title}</h2><button className="ibtn" onClick={onClose}><Icon name="close"/></button></div><div className="grid g2 la-form">{fields.map(f=><div className={`field ${f.wide?'la-wide':''}`} key={f.key}><label>{f.label}</label>{f.type==='textarea'?<textarea className="textarea" value={draft[f.key]??''} onChange={e=>setDraft({...draft,[f.key]:e.target.value})}/>:f.type==='select'?<select className="select" value={draft[f.key]??''} onChange={e=>setDraft({...draft,[f.key]:e.target.value})}>{f.options.map(o=><option value={o.value??o.id??o} key={o.value??o.id??o}>{o.label??o.name??o}</option>)}</select>:f.type==='check'?<label className="agree"><input type="checkbox" checked={!!Number(draft[f.key])} onChange={e=>setDraft({...draft,[f.key]:e.target.checked?1:0})}/><span>Включено</span></label>:f.type==='file'?<div className="stack"><input className="input" type="file" accept={f.accept||''} onChange={e=>file(f,e.target.files?.[0])}/>{draft[f.key]&&<span className="chip">{Array.isArray(draft[f.key])?draft[f.key].join(', '):draft[f.key]}</span>}</div>:<input className="input" type={f.type||'text'} value={draft[f.key]??''} onChange={e=>setDraft({...draft,[f.key]:e.target.value})}/>}</div>)}</div><div className="row gap10" style={{justifyContent:'flex-end',marginTop:20}}><button className="btn btn-ghost" onClick={onClose}>Отмена</button><button className="btn btn-green" disabled={busy} onClick={onSave}>{busy?'Сохраняю…':'Сохранить'}</button></div></div></div>;
}

function AdminLeague({module}){
  const [data,setData]=useState(null),[loading,setLoading]=useState(true),[message,setMessage]=useState(''),[busy,setBusy]=useState(false),[modal,setModal]=useState(null);
  async function load(clearMessage=true){setLoading(true);if(clearMessage)setMessage('');try{setData((await laFetch()).data);return true;}catch(e){setMessage(e.message);return false;}finally{setLoading(false);}}
  useEffect(()=>{load();},[module]);
  async function action(payload,ok='Изменения сохранены.'){setBusy(true);setMessage('');try{await laFetch(payload);setModal(null);const reloaded=await load(false);if(reloaded)setMessage(ok);return reloaded;}catch(e){setMessage(e.message);return false;}finally{setBusy(false);}}
  if(loading&&!data)return <div className="cab-page"><AdminFormSkeleton blocks={3}/></div>;
  if(!data)return <div className="cab-page la-page"><LAHead module={module} onReload={load} busy={loading}/><div className="note note--danger">{message}</div></div>;
  const props={data,action,busy,modal,setModal};
  return <div className="cab-page la-page"><LAHead module={module} onReload={load} busy={loading} data={data}/>{message&&<div className="note la-feedback">{message}</div>}
    {module==='league-rating'&&<LARating {...props}/>}
    {module==='league-infrastructure'&&<LAInfrastructure {...props}/>}
    {module==='league-discounts'&&<LADiscounts {...props}/>}
    {module==='league-pilots'&&<LAPilots {...props}/>}
    {module==='league-support'&&<LASupport {...props}/>}
  </div>;
}

function LARating({data,action,busy,modal,setModal}){
  const [points,setPoints]=useState({userId:'',points:'',reason:'',activityType:'manual'}),[filter,setFilter]=useState(''),[formError,setFormError]=useState('');
  const members=data.users.filter(u=>u.role==='user');
  const rows=data.transactions.filter(x=>!filter||String(x.userName||'').toLowerCase().includes(filter.toLowerCase()));
  async function savePoints(){
    if(!points.userId){setFormError('Выберите пилота из списка участников Лиги.');return;}
    if(!Number(points.points)){setFormError('Укажите количество баллов — положительное для начисления или отрицательное для списания.');return;}
    if(!String(points.reason||'').trim()){setFormError('Заполните поле «Обязательное основание». Без комментария баллы не начисляются.');return;}
    setFormError('');
    const saved=await action({action:'points',...points},'Баллы начислены, журнал и баланс обновлены.');
    if(saved)setPoints({userId:points.userId,points:'',reason:'',activityType:'manual'});
  }
  function csv(){const body=[['Дата','Пилот','Баллы','Баланс','Основание','Администратор'],...rows.map(x=>[x.created_at,x.userName,x.points,x.balance_after,x.reason,x.actor_name])].map(r=>r.map(v=>`"${String(v??'').replaceAll('"','""')}"`).join(';')).join('\n');const a=document.createElement('a');a.href=URL.createObjectURL(new Blob(['\ufeff'+body],{type:'text/csv'}));a.download='league-rating.csv';a.click();URL.revokeObjectURL(a.href);}
  return <><div className="grid g2 la-top"><LASection title="Начислить или списать баллы" subtitle="Комментарий обязателен; операция физически не удаляется."><div className="stack la-form"><div className="field"><label>Пилот</label><select className="select" value={points.userId} onChange={e=>{setPoints({...points,userId:e.target.value});setFormError('');}}><option value="">Выберите участника</option>{members.map(u=><option value={u.id} key={u.id}>{u.name} · {u.email}</option>)}</select></div><div className="grid g2"><div className="field"><label>Баллы (+ / −)</label><input className="input" type="number" value={points.points} onChange={e=>{setPoints({...points,points:e.target.value});setFormError('');}}/></div><div className="field"><label>Тип активности</label><select className="select" value={points.activityType} onChange={e=>setPoints({...points,activityType:e.target.value})}><option value="manual">Ручная операция</option><option value="track">Посещение трассы</option><option value="competition">Соревнование</option><option value="confirmed">Подтверждённое действие</option></select></div></div><div className="field"><label>Обязательное основание</label><textarea className="textarea" placeholder="Например: участие в соревновании 24.07.2026" value={points.reason} onChange={e=>{setPoints({...points,reason:e.target.value});setFormError('');}}/></div>{formError&&<div className="note note--danger" style={{margin:0}}>{formError}</div>}<button className="btn btn-primary" disabled={busy} onClick={savePoints}>{busy?'Обновляю баланс…':'Зафиксировать операцию'}</button></div></LASection>
    <div className="stack"><LASection title="Уровни" subtitle="Пороги спортивного прогресса." actions={<button className="btn btn-green btn-sm" onClick={()=>setModal({entity:'level',draft:{name:'',min_points:0,color:'#0A3C50',sort_order:100}})}><Icon name="plus" size={14}/> Уровень</button>}><div className="stack">{data.levels.map(x=><button className="la-row" key={x.id} onClick={()=>setModal({entity:'level',draft:{...x}})}><span className="la-color" style={{background:x.color}}/><div><b>{x.name}</b><span className="muted">от {x.min_points} баллов</span></div><Icon name="edit" size={15}/></button>)}</div></LASection><LASection title="Автоматические правила" subtitle="Начисления за подтверждённые действия." actions={<button className="btn btn-primary btn-sm" onClick={()=>setModal({entity:'rule',draft:{name:'',activity_type:'visit',points:10,active:1}})}><Icon name="plus" size={14}/> Правило</button>}><div className="stack">{data.rules.map(x=><button className="la-row" key={x.id} onClick={()=>setModal({entity:'rule',draft:{...x}})}><Icon name="zap"/><div><b>{x.name}</b><span className="muted">{x.activity_type} · {x.points>0?'+':''}{x.points} баллов</span></div><span className={`badge ${Number(x.active)?'green':'gray'}`}>{Number(x.active)?'Включено':'Выкл.'}</span></button>)}{!data.rules.length&&<LAEmpty/>}</div></LASection></div></div>
    <LASection title="Журнал операций" subtitle={`${rows.length} записей`} actions={<div className="row gap8"><input className="input input--sm" placeholder="Поиск пилота" value={filter} onChange={e=>setFilter(e.target.value)}/><button className="btn btn-ghost btn-sm" onClick={csv}><Icon name="download" size={14}/> CSV</button></div>}><div className="table la-table">{rows.map(x=><div className="table__row" key={x.id} style={{gridTemplateColumns:'140px 1.3fr 80px 90px 2fr 1fr'}}><span>{leagueDate(x.created_at)}</span><b>{x.userName}</b><b className={Number(x.points)>=0?'la-plus':'la-minus'}>{Number(x.points)>0?'+':''}{x.points}</b><b>{x.balance_after}</b><span>{x.reason}</span><span className="muted">{x.actor_name}</span></div>)}{!rows.length&&<LAEmpty/>}</div></LASection>
    {modal?.entity==='level'&&<LAFormModal title="Уровень" draft={modal.draft} setDraft={draft=>setModal({...modal,draft})} busy={busy} onClose={()=>setModal(null)} onSave={()=>action({action:'save',entity:'level',data:modal.draft})} fields={[{key:'name',label:'Название'},{key:'min_points',label:'Минимум баллов',type:'number'},{key:'color',label:'Цвет',type:'color'},{key:'sort_order',label:'Порядок',type:'number'}]}/>}
    {modal?.entity==='rule'&&<LAFormModal title="Правило начисления" draft={modal.draft} setDraft={draft=>setModal({...modal,draft})} busy={busy} onClose={()=>setModal(null)} onSave={()=>action({action:'save',entity:'rule',data:modal.draft})} fields={[{key:'name',label:'Название'},{key:'activity_type',label:'Событие',type:'select',options:[{value:'visit',label:'Посещение трассы'},{value:'competition',label:'Спортивный результат'},{value:'confirmed',label:'Подтверждённое действие'}]},{key:'points',label:'Баллы (+ / −)',type:'number'},{key:'active',label:'Статус',type:'check'}]}/>}</>;
}

function LAInfrastructure({data,action,busy,modal,setModal}){
  const bookingStatuses=['pending','confirmed','cancelled','completed','no_show'],repairStatuses=['new','diagnostics','approval','repairing','ready','issued','cancelled'];
  const forms={
    track:{name:'Трасса',draft:{name:'',address:'',city:'Бишкек',description:'',photos:[],hours:'',rules:'',visit_limit:0,active:1},fields:[{key:'name',label:'Название'},{key:'city',label:'Город'},{key:'address',label:'Адрес',wide:true},{key:'photos',label:'Фотография',type:'file',accept:'image/*',array:true,wide:true},{key:'hours',label:'Режим работы'},{key:'visit_limit',label:'Лимит посещений',type:'number'},{key:'description',label:'Описание',type:'textarea',wide:true},{key:'rules',label:'Правила',type:'textarea',wide:true},{key:'active',label:'Статус',type:'check'}]},
    slot:{name:'Временной слот',draft:{track_id:data.tracks[0]?.id||'',starts_at:'',duration_minutes:60,capacity:1,active:1},fields:[{key:'track_id',label:'Трасса',type:'select',options:data.tracks.map(x=>({value:x.id,label:x.name}))},{key:'starts_at',label:'Дата и время',type:'datetime-local'},{key:'duration_minutes',label:'Длительность, минут',type:'number'},{key:'capacity',label:'Вместимость',type:'number'},{key:'active',label:'Статус',type:'check'}]},
    service:{name:'Услуга мастерской',draft:{name:'',description:'',price_from:0,active:1},fields:[{key:'name',label:'Название'},{key:'price_from',label:'Цена от, сом',type:'number'},{key:'description',label:'Описание',type:'textarea',wide:true},{key:'active',label:'Статус',type:'check'}]},
    repair_admin:{name:'Ремонтная заявка',draft:{},fields:[{key:'service_id',label:'Услуга',type:'select',options:[{value:'',label:'Диагностика'},...data.services.map(x=>({value:x.id,label:x.name}))]},{key:'specialist',label:'Мастер'},{key:'cost',label:'Стоимость, сом',type:'number'},{key:'status',label:'Статус',type:'select',options:repairStatuses.map(x=>({value:x,label:LA_LABELS[x]}))},{key:'parts',label:'Детали и выполненные работы',type:'textarea',wide:true}]},
  };
  function open(entity,row=null){const f=forms[entity];setModal({entity,draft:row?{...row}:{...f.draft}});}
  function exportLoad(){const rows=[['Тип','ID','Пользователь','Объект','Дата','Статус'],...data.bookings.map(x=>['Бронирование',x.id,x.userName,x.trackName,x.starts_at,x.status]),...data.repairs.map(x=>['Ремонт',x.id,x.userName,x.drone_model,x.created_at,x.status])];const a=document.createElement('a');a.href=URL.createObjectURL(new Blob(['\ufeff'+rows.map(r=>r.join(';')).join('\n')],{type:'text/csv'}));a.download='infrastructure-load.csv';a.click();}
  return <><div className="grid g4 la-actions"><div className="card kpi"><div className="ic-badge"><Icon name="pin"/></div><div><b>{data.tracks.filter(x=>Number(x.active)).length}</b><span>активных трасс</span></div></div><div className="card kpi"><div className="ic-badge"><Icon name="calendar"/></div><div><b>{data.bookings.filter(x=>['pending','confirmed'].includes(x.status)).length}</b><span>активных броней</span></div></div><div className="card kpi"><div className="ic-badge"><Icon name="wrench"/></div><div><b>{data.repairs.filter(x=>!['issued','cancelled'].includes(x.status)).length}</b><span>в мастерской</span></div></div><button className="card kpi" onClick={exportLoad}><div className="ic-badge"><Icon name="download"/></div><div><b>CSV</b><span>отчёт загрузки</span></div></button></div><div className="grid g3 la-top"><LASection title="Трассы" actions={<button className="btn btn-green btn-sm" onClick={()=>open('track')}><Icon name="plus" size={14}/> Трасса</button>}><div className="stack">{data.tracks.map(x=><button className="la-row" key={x.id} onClick={()=>open('track',x)}><Icon name="pin" size={16}/><div><b>{x.name}</b><span className="muted">{x.address}</span></div><Icon name="edit" size={15}/></button>)}{!data.tracks.length&&<LAEmpty/>}</div></LASection>
    <LASection title="Слоты" actions={<button className="btn btn-green btn-sm" onClick={()=>open('slot')}><Icon name="plus" size={14}/> Слот</button>}><div className="stack la-scroll">{data.slots.slice(0,30).map(x=><button className="la-row" key={x.id} onClick={()=>open('slot',x)}><Icon name="calendar" size={16}/><div><b>{x.trackName}</b><span className="muted">{leagueDate(x.starts_at)}</span></div><Icon name="edit" size={15}/></button>)}{!data.slots.length&&<LAEmpty/>}</div></LASection>
    <LASection title="Услуги мастерской" actions={<button className="btn btn-green btn-sm" onClick={()=>open('service')}><Icon name="plus" size={14}/> Услуга</button>}><div className="stack">{data.services.map(x=><button className="la-row" key={x.id} onClick={()=>open('service',x)}><Icon name="wrench" size={16}/><div><b>{x.name}</b><span className="muted">от {x.price_from} сом</span></div><Icon name="edit" size={15}/></button>)}{!data.services.length&&<LAEmpty/>}</div></LASection></div>
    <LASection title="Бронирования" subtitle="Подтверждение, отмена, посещение и неявка."><div className="table la-table">{data.bookings.map(x=><div className="table__row" key={x.id} style={{gridTemplateColumns:'1.4fr 1.3fr 160px 190px'}}><div><b>{x.userName}</b><span className="muted">{x.trackName}</span></div><span>{leagueDate(x.starts_at)}</span><span>#{x.id}</span><LAStatusSelect busy={busy} value={x.status} options={bookingStatuses} onChange={status=>action({action:'status',entity:'booking',id:x.id,status})}/></div>)}{!data.bookings.length&&<LAEmpty/>}</div></LASection>
    <LASection title="Заявки мастерской" subtitle="Диагностика, стоимость, детали и статус."><div className="table la-table">{data.repairs.map(x=><div className="table__row" key={x.id} style={{gridTemplateColumns:'1.2fr 1fr 2fr 190px 42px'}}><div><b>#{x.id} · {x.userName}</b><span className="muted">{x.drone_model}</span></div><span>{x.serviceName||'Диагностика'}</span><span>{x.problem}</span><LAStatusSelect busy={busy} value={x.status} options={repairStatuses} onChange={status=>action({action:'status',entity:'repair',id:x.id,status})}/><button className="ibtn" onClick={()=>open('repair_admin',x)}><Icon name="edit" size={15}/></button></div>)}{!data.repairs.length&&<LAEmpty/>}</div></LASection>
    {modal&&forms[modal.entity]&&<LAFormModal title={forms[modal.entity].name} fields={forms[modal.entity].fields} draft={modal.draft} setDraft={draft=>setModal({...modal,draft})} busy={busy} onClose={()=>setModal(null)} onSave={()=>action({action:'save',entity:modal.entity,data:modal.draft})}/>}</>;
}

function LADiscounts({data,action,busy,modal,setModal}){
  const defs={
    partner:{name:'Партнёр',draft:{name:'',logo:'',contacts:'',website:'',active:1},fields:[{key:'name',label:'Название'},{key:'website',label:'Сайт'},{key:'logo',label:'Логотип',type:'file',accept:'image/*'},{key:'contacts',label:'Контакты'},{key:'active',label:'Статус',type:'check'}]},
    offer:{name:'Предложение',draft:{partner_id:'',title:'',description:'',category:'Другое',discount_type:'percent',discount_value:'',promo_code:'',starts_at:'',ends_at:'',region:'',usage_limit:0,min_amount:0,conditions:'',shop_url:'',is_league_shop:0,active:1},fields:[]},
  };
  defs.offer.fields=[{key:'partner_id',label:'Партнёр',type:'select',options:[{value:'',label:'Магазин Лиги'},...data.partners.map(x=>({value:x.id,label:x.name}))]},{key:'title',label:'Заголовок'},{key:'category',label:'Категория'},{key:'region',label:'Регион'},{key:'discount_type',label:'Тип скидки',type:'select',options:[{value:'percent',label:'Процент'},{value:'fixed',label:'Фиксированная сумма'},{value:'special',label:'Спеццена'}]},{key:'discount_value',label:'Размер / цена'},{key:'promo_code',label:'Промокод'},{key:'usage_limit',label:'Лимит использований',type:'number'},{key:'starts_at',label:'Дата начала',type:'date'},{key:'ends_at',label:'Дата окончания',type:'date'},{key:'shop_url',label:'Ссылка в магазин',wide:true},{key:'description',label:'Описание',type:'textarea',wide:true},{key:'conditions',label:'Условия и ограничения',type:'textarea',wide:true},{key:'is_league_shop',label:'Предложение магазина Лиги',type:'check'},{key:'active',label:'Опубликовано',type:'check'}];
  function open(entity,row=null){setModal({entity,draft:row?{...row}:{...defs[entity].draft}});}
  return <><div className="grid g2 la-top"><LASection title="Партнёры" actions={<button className="btn btn-green btn-sm" onClick={()=>open('partner')}><Icon name="plus" size={14}/> Партнёр</button>}><div className="stack">{data.partners.map(x=><button className="la-row" key={x.id} onClick={()=>open('partner',x)}><Icon name="users"/><div><b>{x.name}</b><span className="muted">{x.website||x.contacts}</span></div><span className={`badge ${Number(x.active)?'green':'gray'}`}>{Number(x.active)?'Активен':'Скрыт'}</span></button>)}{!data.partners.length&&<LAEmpty/>}</div></LASection>
    <LASection title="Предложения" subtitle="Истёкшие скрываются автоматически." actions={<button className="btn btn-primary btn-sm" onClick={()=>open('offer')}><Icon name="plus" size={14}/> Скидка</button>}><div className="stack la-scroll">{data.offers.map(x=><button className="la-row" key={x.id} onClick={()=>open('offer',x)}><Icon name="star"/><div><b>{x.title}</b><span className="muted">{x.partnerName||'Магазин Лиги'} · использовано {x.usageCount}</span></div><span className={`badge ${Number(x.active)?'green':'gray'}`}>{x.discount_value}</span></button>)}{!data.offers.length&&<LAEmpty/>}</div></LASection></div>
    {modal&&defs[modal.entity]&&<LAFormModal title={defs[modal.entity].name} fields={defs[modal.entity].fields} draft={modal.draft} setDraft={draft=>setModal({...modal,draft})} busy={busy} onClose={()=>setModal(null)} onSave={()=>action({action:'save',entity:modal.entity,data:modal.draft})}/>}</>;
}

function LAPilots({data,action,busy,modal,setModal}){
  const users=data.users.filter(x=>x.role==='user'),userOpts=users.length?users.map(x=>({value:x.id,label:`${x.name} · ${x.email}`})):[{value:'',label:'Нет активных участников Лиги'}];
  const defs={
    profile:{name:'Карточка пилота',draft:{user_id:userOpts[0]?.value||'',nickname:'',photo:'',city:'',team:'',discipline:'FPV Racing',bio:'',public_slug:'',public_enabled:1},fields:[{key:'user_id',label:'Пользователь',type:'select',options:userOpts},{key:'nickname',label:'Никнейм'},{key:'photo',label:'Фото',type:'file',accept:'image/*'},{key:'city',label:'Город'},{key:'team',label:'Команда'},{key:'discipline',label:'Дисциплина'},{key:'public_slug',label:'Публичный адрес'},{key:'bio',label:'О пилоте',type:'textarea',wide:true},{key:'public_enabled',label:'Публичная карточка',type:'check'}]},
    flight:{name:'Полёт / результат',draft:{user_id:userOpts[0]?.value||'',flown_at:'',track_name:'',drone:'',duration_minutes:0,laps:0,best_lap_ms:'',average_lap_ms:'',result_place:'',points:0,judge_comment:'',protocol_file:'',video_file:'',confirmed:1},fields:[{key:'user_id',label:'Пилот',type:'select',options:userOpts},{key:'flown_at',label:'Дата и время',type:'datetime-local'},{key:'track_name',label:'Трасса'},{key:'drone',label:'Дрон'},{key:'duration_minutes',label:'Длительность, минут',type:'number'},{key:'laps',label:'Круги',type:'number'},{key:'best_lap_ms',label:'Лучший круг, мс',type:'number'},{key:'average_lap_ms',label:'Средний круг, мс',type:'number'},{key:'result_place',label:'Место',type:'number'},{key:'points',label:'Очки',type:'number'},{key:'protocol_file',label:'Протокол',type:'file',accept:'.pdf,.doc,.docx'},{key:'video_file',label:'Видео / DVR',type:'file',accept:'video/*,.bin'},{key:'judge_comment',label:'Комментарий судьи',type:'textarea',wide:true},{key:'confirmed',label:'Подтверждено',type:'check'}]},
    equipment:{name:'Оборудование',draft:{user_id:userOpts[0]?.value||'',type:'Дрон',name:'',details:''},fields:[{key:'user_id',label:'Пилот',type:'select',options:userOpts},{key:'type',label:'Тип',type:'select',options:['Дрон','Аппаратура','Видеосистема','Очки','Аккумуляторы']},{key:'name',label:'Название'},{key:'details',label:'Описание',type:'textarea',wide:true}]},
    achievement:{name:'Достижение',draft:{user_id:userOpts[0]?.value||'',title:'',awarded_at:'',reason:'',icon:''},fields:[{key:'user_id',label:'Пилот',type:'select',options:userOpts},{key:'title',label:'Название'},{key:'awarded_at',label:'Дата',type:'date'},{key:'icon',label:'Иконка (URL)'},{key:'reason',label:'Основание',type:'textarea',wide:true}]},
  };
  function open(entity,row=null){setModal({entity,draft:row?{...row}:{...defs[entity].draft}});}
  function csv(){const rows=[['Пилот','Дата','Трасса','Дрон','Минуты','Круги','Лучший круг','Место','Очки'],...data.flights.map(x=>[x.userName,x.flown_at,x.track_name,x.drone,x.duration_minutes,x.laps,x.best_lap_ms,x.result_place,x.points])];const a=document.createElement('a');a.href=URL.createObjectURL(new Blob(['\ufeff'+rows.map(r=>r.join(';')).join('\n')],{type:'text/csv'}));a.download='pilot-statistics.csv';a.click();}
  return <><div className="row gap10 wrapf la-actions"><button className="btn btn-primary" onClick={()=>open('profile')}><Icon name="plus"/> Карточка</button><button className="btn btn-green" onClick={()=>open('flight')}><Icon name="plus"/> Полёт</button><button className="btn btn-ghost" onClick={()=>open('equipment')}><Icon name="plus"/> Оборудование</button><button className="btn btn-ghost" onClick={()=>open('achievement')}><Icon name="plus"/> Достижение</button><button className="btn btn-ghost" onClick={csv}><Icon name="download"/> Экспорт</button></div>
    <LASection title="Карточки пилотов"><div className="grid g3">{data.profiles.map(x=><button className="card la-pilot" key={x.user_id} onClick={()=>open('profile',x)}><Avatar name={x.name} size={54}/><div><b>{x.nickname||x.name}</b><span>{x.name}</span><span>{x.city} · {x.discipline}</span></div><Icon name="edit"/></button>)}{!data.profiles.length&&<LAEmpty/>}</div></LASection>
    <LASection title="Полёты и результаты" subtitle="Правки сохраняются в общем журнале действий."><div className="table la-table">{data.flights.map(x=><button className="table__row la-table-button" key={x.id} onClick={()=>open('flight',x)} style={{gridTemplateColumns:'1.2fr 140px 1.2fr 1fr 80px 80px'}}><b>{x.userName}</b><span>{leagueDate(x.flown_at,false)}</span><span>{x.track_name}</span><span>{x.drone}</span><span>{x.laps} круг.</span><span>{x.result_place?`#${x.result_place}`:'—'}</span></button>)}{!data.flights.length&&<LAEmpty/>}</div></LASection>
    {modal&&defs[modal.entity]&&<LAFormModal title={defs[modal.entity].name} fields={defs[modal.entity].fields} draft={modal.draft} setDraft={draft=>setModal({...modal,draft})} busy={busy} onClose={()=>setModal(null)} onSave={()=>action({action:'save',entity:modal.entity,data:modal.draft})}/>}</>;
}

function LASupport({data,action,busy,modal,setModal}){
  const [settings,setSettings]=useState({telegramChannel:'',telegramChat:'',hours:'',rules:'',...(data.supportSettings||{})}),[reply,setReply]=useState({ticketId:null,message:'',internal:false,status:'working'});
  const statuses=['new','accepted','working','waiting_user','workshop','resolved','closed'];
  const articleFields=[{key:'category',label:'Категория'},{key:'title',label:'Заголовок'},{key:'content',label:'Решение',type:'textarea',wide:true},{key:'sort_order',label:'Порядок',type:'number'},{key:'active',label:'Опубликовано',type:'check'}];
  const ticketFields=[{key:'specialist',label:'Ответственный специалист'},{key:'status',label:'Статус',type:'select',options:statuses.map(x=>({value:x,label:LA_LABELS[x]}))},{key:'solution',label:'Итоговое решение',type:'textarea',wide:true}];
  return <><div className="grid g2 la-top"><LASection title="Telegram и график" actions={<button className="btn btn-green btn-sm" onClick={()=>action({action:'support_settings',settings})}>Сохранить</button>}><div className="stack la-form"><div className="field"><label>Закрытый канал</label><input className="input" value={settings.telegramChannel} onChange={e=>setSettings({...settings,telegramChannel:e.target.value})}/></div><div className="field"><label>Технический чат</label><input className="input" value={settings.telegramChat} onChange={e=>setSettings({...settings,telegramChat:e.target.value})}/></div><div className="field"><label>График</label><input className="input" value={settings.hours} onChange={e=>setSettings({...settings,hours:e.target.value})}/></div><div className="field"><label>Правила</label><textarea className="textarea" value={settings.rules} onChange={e=>setSettings({...settings,rules:e.target.value})}/></div></div></LASection>
    <LASection title="Быстрые решения" actions={<button className="btn btn-primary btn-sm" onClick={()=>setModal({entity:'article',draft:{category:'Другое',title:'',content:'',active:1,sort_order:100}})}><Icon name="plus" size={14}/> Статья</button>}><div className="stack">{data.articles.map(x=><button className="la-row" key={x.id} onClick={()=>setModal({entity:'article',draft:{...x}})}><Icon name="doc"/><div><b>{x.title}</b><span className="muted">{x.category}</span></div><Icon name="edit"/></button>)}{!data.articles.length&&<LAEmpty/>}</div></LASection></div>
    <LASection title="Обращения" subtitle="Фильтрация, назначение и переписка со специалистом."><div className="stack">{data.tickets.map(t=><div className="la-ticket card" key={t.id}><div className="spread wrapf"><div><div className="row gap8 wrapf"><b>#{t.id} · {t.subject}</b><span className={`badge ${t.priority==='urgent'?'amber':'navy'}`}>{t.priority}</span>{t.specialist&&<span className="chip">{t.specialist}</span>}</div><p className="muted">{t.userName} · {t.userEmail} · {t.category} · {leagueDate(t.updated_at)}</p></div><LAStatusSelect value={t.status} options={statuses} busy={busy} onChange={status=>action({action:'status',entity:'ticket',id:t.id,status})}/></div><p>{t.description}</p>{reply.ticketId===t.id?<div className="la-reply"><textarea className="textarea" value={reply.message} onChange={e=>setReply({...reply,message:e.target.value})}/><div className="spread wrapf"><label className="agree"><input type="checkbox" checked={reply.internal} onChange={e=>setReply({...reply,internal:e.target.checked})}/><span>Внутренний комментарий</span></label><div className="row gap8"><button className="btn btn-ghost btn-sm" onClick={()=>setReply({ticketId:null,message:'',internal:false,status:'working'})}>Отмена</button><button className="btn btn-green btn-sm" onClick={()=>action({action:'ticket_message',...reply})}>Отправить</button></div></div></div>:<div className="row gap8 wrapf"><button className="btn btn-ghost btn-sm" onClick={()=>setReply({ticketId:t.id,message:'',internal:false,status:'working'})}><Icon name="mail" size={14}/> Ответить</button><button className="btn btn-ghost btn-sm" onClick={()=>setModal({entity:'ticket_admin',draft:{...t}})}><Icon name="user" size={14}/> Назначить / решение</button>{!t.repair_request_id&&<button className="btn btn-ghost btn-sm" onClick={()=>action({action:'transfer_ticket',ticketId:t.id})}><Icon name="wrench" size={14}/> Передать в мастерскую</button>}{t.repair_request_id&&<span className="chip">Ремонт #{t.repair_request_id}</span>}</div>}{t.solution&&<div className="note" style={{marginTop:12}}><b>Решение:</b> {t.solution}</div>}</div>)}{!data.tickets.length&&<LAEmpty/>}</div></LASection>
    {modal?.entity==='article'&&<LAFormModal title="Быстрое решение" fields={articleFields} draft={modal.draft} setDraft={draft=>setModal({...modal,draft})} busy={busy} onClose={()=>setModal(null)} onSave={()=>action({action:'save',entity:'article',data:modal.draft})}/>}
    {modal?.entity==='ticket_admin'&&<LAFormModal title={`Обращение #${modal.draft.id}`} fields={ticketFields} draft={modal.draft} setDraft={draft=>setModal({...modal,draft})} busy={busy} onClose={()=>setModal(null)} onSave={()=>action({action:'save',entity:'ticket_admin',data:modal.draft})}/>}</>;
}

Object.assign(window,{AdminLeague});