KATANA TENNIS CLUB — KATANA CRM 1.0

Готовые коды для блоков T123 под новое меню Tilda

Скопируйте нужный код и вставьте в блок T123 на соответствующей странице Tilda:

1. Страница «Тренеры и расписание» (Карточки тренеров + окно регалий + расписание выбранного тренера):

2. Страница «Абонементы» (Только абонементы со скидкой -10%):

3. Страница «Инвентарь» (Только ракетки, мячи и аксессуары с увеличением фото):

4. Страница «Прайс» (Наглядный прайс-лист 60 мин + шаг 30 мин):

5. Страница «Личный кабинет» (4 плитки: Счета, Тренировки, Абонементы, Заказы):

6. Страница «Корзина» (Оформление и переход в ЮKassa):

7. Страница «Политика, Оферта и Полный прайс (152-ФЗ / 63-ФЗ)»:

Скрипт синхронизации верхнего меню (шапки) Tilda

Вставьте этот небольшой скрипт в «Настройки сайта -> Ещё -> HTML-код для вставки внутрь HEAD» (или в подвал сайта на Tilda). Он автоматически подписывает имя вошедшего клиента под пунктом «Личный кабинет» и показывает количество товаров рядом с пунктом «Корзина (2)» прямо в вашей шапке Tilda:

<script>
window.addEventListener('message', function(e) {
    if (!e.data || e.data.type !== 'KATANA_HEADER_SYNC') return;
    var d = e.data;
    document.querySelectorAll('a').forEach(function(a) {
        var txt = (a.getAttribute('data-orig-text') || a.textContent || '').trim();
        if (!a.getAttribute('data-orig-text') && (txt.includes('Корзина') || txt.includes('Личный кабинет'))) {
            a.setAttribute('data-orig-text', txt);
        }
        var base = a.getAttribute('data-orig-text') || txt;
        if (base === 'Корзина') {
            a.innerHTML = d.cart_count > 0 ? 'Корзина <span style="background:#c5a059;color:#111;padding:2px 7px;border-radius:10px;font-weight:800;font-size:12px;">' + d.cart_count + '</span>' : 'Корзина';
        }
        if (base === 'Личный кабинет') {
            a.innerHTML = d.logged_in ? 'Личный кабинет <span style="display:block;font-size:10px;color:#c5a059;line-height:1;">● ' + d.client_name.split(' ')[0] + '</span>' : 'Личный кабинет';
        }
    });
});

let ADMIN_SHOP_FILTER = 'ALL';

function filterAdminShop(cat, btn){
    ADMIN_SHOP_FILTER = cat;
    if(btn && btn.parentElement){
        btn.parentElement.querySelectorAll('.btn').forEach(b => { b.className='btn'; b.style.background='#e2e8f0'; b.style.color='#0f172a'; });
        btn.className='btn btn-primary'; btn.style.background=''; btn.style.color='';
    }
    renderTables();
}

function editCourtRow(id){
    const c = CRM_DATA.courts.find(x=>x.id===id); if(!c) return;
    document.getElementById('co_id').value = c.id;
    document.getElementById('co_dist').value = c.district||'';
    document.getElementById('co_name').value = c.name||'';
    document.getElementById('co_surf').value = c.surface||'';
    document.getElementById('co_price').value = c.base_price||6500;
    document.getElementById('co_addr').value = c.address||'';
    window.scrollTo({top:0, behavior:'smooth'});
}

function editTrainerRow(id){
    const t = CRM_DATA.trainers.find(x=>x.id===id); if(!t) return;
    document.getElementById('tr_id').value = t.id;
    document.getElementById('tr_name').value = t.name||'';
    document.getElementById('tr_role').value = t.role||'';
    document.getElementById('tr_price').value = t.price||8000;
    document.getElementById('tr_phone').value = t.phone||'';
    document.getElementById('tr_bio').value = t.bio||'';
    document.getElementById('tr_photo').value = t.photo_url||'';
    window.scrollTo({top:0, behavior:'smooth'});
}

function editShopRow(id){
    const s = CRM_DATA.shop.find(x=>x.id===id); if(!s) return;
    document.getElementById('sh_id').value = s.id;
    document.getElementById('sh_title').value = s.title||'';
    document.getElementById('sh_cat').value = s.category||'Абонементы (-10%)';
    document.getElementById('sh_price').value = s.price||0;
    document.getElementById('sh_stock').value = s.stock||'В наличии';
    document.getElementById('sh_desc').value = s.description||'';
    document.getElementById('sh_img').value = s.image_url||'';
    window.scrollTo({top:0, behavior:'smooth'});
}

function editClientRow(id){
    const c = CRM_DATA.clients.find(x=>x.id===id); if(!c) return;
    document.getElementById('cl_id').value = c.id;
    document.getElementById('cl_name').value = c.full_name||'';
    document.getElementById('cl_phone').value = c.phone||'';
    document.getElementById('cl_email').value = c.email||'';
    document.getElementById('cl_pass').value = c.passport_series_num||'';
    document.getElementById('cl_issued').value = c.passport_issued||'';
    document.getElementById('cl_addr').value = c.reg_address||'';
    document.getElementById('cl_child').value = c.child_info||'';
    document.getElementById('cl_bal').value = c.lessons_balance||0;
    document.getElementById('cl_abon').value = c.abonement_name||'';
    document.getElementById('cl_notes').value = c.notes||'';
    window.scrollTo({top:0, behavior:'smooth'});
}

function editNewsRow(id){
    const n = CRM_DATA.news.find(x=>x.id===id); if(!n) return;
    document.getElementById('nw_id').value = n.id;
    document.getElementById('nw_title').value = n.title||'';
    document.getElementById('nw_cat').value = n.category||'';
    document.getElementById('nw_sum').value = n.summary||'';
    document.getElementById('nw_img').value = n.image_url||'';
    window.scrollTo({top:0, behavior:'smooth'});
}

// Переопределяем отрисовку таблиц с кнопками «✏️ Изм.» и фильтром витрины
const origRenderTables = renderTables;
renderTables = function(){
    origRenderTables();
    document.getElementById('clients-tbody').innerHTML = CRM_DATA.clients.map(c=>`<tr>
        <td><b>#KTN-${c.id}</b></td><td><b>${c.full_name}</b>${c.child_info?`<br><small>Ребёнок: ${c.child_info}</small>`:''}</td>
        <td>${c.phone}<br><small>${c.email||''}</small></td><td><small>${c.passport_series_num||''} ${c.passport_issued||''}<br>${c.reg_address||''}</small></td>
        <td><span class="badge" style="background:#dcfce7;color:#166534;">Подписан (${c.pep_code||'OK'})</span></td>
        <td><b>${c.lessons_balance} трен.</b><br><small>${c.abonement_name||''}</small></td>
        <td style="display:flex;gap:6px;flex-wrap:wrap;">
            <a href="/api/client/full_contract/${c.id}" target="_blank" class="btn btn-primary" style="text-decoration:none;padding:6px 10px;font-size:11px;">Договор PDF</a>
            <button class="btn btn-gold" style="padding:6px 10px;font-size:11px;" onclick="editClientRow(${c.id})">✏️ Изм.</button>
            <button class="btn btn-red" onclick="delItem('clients',${c.id})">✕</button>
        </td>
    </tr>`).join('');

    document.getElementById('courts-tbody').innerHTML = CRM_DATA.courts.map(c=>`<tr>
        <td>#${c.id}</td><td><b>${c.district}</b></td><td>${c.name}</td><td>${c.surface}</td><td>${c.base_price} ₽</td><td>${c.address}</td>
        <td style="display:flex;gap:6px;">
            <button class="btn btn-gold" style="padding:6px 10px;font-size:11px;" onclick="editCourtRow(${c.id})">✏️ Изм.</button>
            <button class="btn btn-red" onclick="delItem('courts',${c.id})">✕</button>
        </td>
    </tr>`).join('');

    document.getElementById('trainers-tbody').innerHTML = CRM_DATA.trainers.map(t=>`<tr>
        <td>${t.photo_url?`<img src="${t.photo_url}" style="width:44px;height:44px;border-radius:8px;object-fit:cover;">`:'—'}</td>
        <td><span style="display:inline-block;width:12px;height:12px;border-radius:50%;background:${t.color||'#3b82f6'};"></span> <b>${t.name}</b></td>
        <td>${t.role}</td><td><b>${t.price} ₽/ч</b></td><td><small style="white-space:pre-line;">${t.bio||''}</small></td>
        <td style="display:flex;gap:6px;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:6px;background:#eff6ff;padding:5px 7px;border-radius:8px;border:1px solid #93c5fd;">
                <input type="text" id="tr_tg_inp_${t.id}" value="${t.tg_chat_id||''}" placeholder="Впишите TG Chat ID" style="width:135px;padding:5px 8px;border:1px solid #3b82f6;border-radius:6px;font-size:12px;background:#fff;color:#0f172a;">
                <button type="button" class="btn btn-primary" style="padding:5px 10px;font-size:11px;white-space:nowrap;" onclick="window.ktnSaveTrainerTg(${t.id})">📲 Сохранить ТГ</button>
            </div>
            <button class="btn btn-gold" style="padding:6px 10px;font-size:11px;" onclick="editTrainerRow(${t.id})">✏️ Изм.</button>
            <button class="btn btn-red" onclick="delItem('trainers',${t.id})">✕</button>
        </td>
    </tr>`).join('');

    const filteredShop = CRM_DATA.shop.filter(s => ADMIN_SHOP_FILTER==='ALL' || (s.category||'').includes(ADMIN_SHOP_FILTER) || (s.title||'').includes(ADMIN_SHOP_FILTER));
    document.getElementById('shop-tbody').innerHTML = filteredShop.map(s=>`<tr>
        <td>${s.image_url?`<img src="${s.image_url}" style="width:44px;height:44px;border-radius:8px;object-fit:cover;">`:'—'}</td>
        <td><b>${s.title}</b><br><small style="color:#64748b;">${s.description||''}</small></td><td>${s.category}</td><td><b>${s.price} ₽</b></td><td>${s.stock}</td>
        <td style="display:flex;gap:6px;">
            <button class="btn btn-gold" style="padding:6px 10px;font-size:11px;" onclick="editShopRow(${s.id})">✏️ Изм.</button>
            <button class="btn btn-red" onclick="delItem('shop_items',${s.id})">✕</button>
        </td>
    </tr>`).join('');

    document.getElementById('news-tbody').innerHTML = CRM_DATA.news.map(n=>`<tr>
        <td>${n.published_at}</td><td><b>${n.title}</b></td><td>${n.category}</td>
        <td style="display:flex;gap:6px;">
            <button class="btn btn-gold" style="padding:6px 10px;font-size:11px;" onclick="editNewsRow(${n.id})">✏️ Изм.</button>
            <button class="btn btn-red" onclick="delItem('news_posts',${n.id})">✕</button>
        </td>
    </tr>`).join('');

    if(VIVO_BUNDLE.settings){
        if(document.getElementById('cfg_yk_shop')) document.getElementById('cfg_yk_shop').value = VIVO_BUNDLE.settings.yk_shop_id||'';
        if(document.getElementById('cfg_yk_secret')) document.getElementById('cfg_yk_secret').value = VIVO_BUNDLE.settings.yk_secret_key||'';
    }
};

// Переопределяем подтверждение бронирования (с автовыставлением счёта в ЛК) и возврат через ЮKassa API
updBkStatus = async function(id, status){
    const r = await fetch('/api/admin/approve_booking_admin',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id,status})});
    const d = await r.json();
    if(d.message) alert(d.message);
    loadAdmin();
};

promptRefund = async function(oid, paid){
    const amt = prompt('Введите сумму возврата клиенту через ЮKassa (₽):', paid);
    if(amt === null) return;
    const reason = prompt('Причина возврата:', 'Возврат по заявлению клиента');
    if(!reason) return;
    const r = await fetch('/api/admin/refund_yookassa_order',{
        method:'POST', headers:{'Content-Type':'application/json'},
        body:JSON.stringify({order_id:oid, amount:amt, reason})
    });
    const d = await r.json();
    alert(d.message || 'Возврат обработан!');
    loadAdmin();
};

saveNotifyCfg = async function(testTg){
    await fetch('/api/admin/save_notify_and_yk',{
        method:'POST', headers:{'Content-Type':'application/json'},
        body:JSON.stringify({
            tg_bot_token:document.getElementById('cfg_tg_token').value,
            tg_chat_id:document.getElementById('cfg_tg_chat').value,
            sms_api_key:document.getElementById('cfg_sms_key').value,
            otp_demo_hint:document.getElementById('cfg_otp_demo').value,
            yk_shop_id:document.getElementById('cfg_yk_shop') ? document.getElementById('cfg_yk_shop').value : '',
            yk_secret_key:document.getElementById('cfg_yk_secret') ? document.getElementById('cfg_yk_secret').value : '',
            test_tg:testTg
        })
    });
    alert('Настройки Telegram, SMS.ru и ЮKassa сохранены! Проверьте тестовое сообщение в вашем Telegram.');
    loadAdmin();
};


window.LIVE_TRAINERS_CACHE = [];
window.LIVE_SLOTS_CACHE = [];

async function saveTrainerTgDirect(tid){
    const inp = document.getElementById('tr_tg_inp_' + tid);
    const val = inp ? inp.value.trim() : '';
    if(!val) return alert('Вставьте цифровой ID чата тренера в поле слева от кнопки (тренер может узнать его, отправив /id боту KATANA TENNIS)!');
    await fetch('/api/admin/set_trainer_tg', {
        method:'POST', headers:{'Content-Type':'application/json'},
        body:JSON.stringify({trainer_id: tid, tg_chat_id: val})
    });
    alert('✅ Telegram ID (' + val + ') привязан к тренеру! Ему отправлено тестовое сообщение в бот.');
    await loadAdmin();
}

function calcRateByFormat(basePrice, formatStr){
    const base = Number(basePrice) || 5000;
    const f = (formatStr || '').toLowerCase();
    if(f.includes('сплит')) return Math.round(base * 1.25);
    if(f.includes('мини-группа')) return Math.round(base * 1.5);
    if(f.includes('группа')) return Math.round(base * 1.8);
    return base;
}

function syncTrainerDefaultPrice(){
    const sel = document.getElementById('ts_trainer');
    const typeSel = document.getElementById('ts_type');
    if(!sel) return;
    const list = window.LIVE_TRAINERS_CACHE.length ? window.LIVE_TRAINERS_CACHE : ((window.CRM_DATA && CRM_DATA.trainers) || []);
    const tr = list.find(t => t.name === sel.value);
    if(tr){
        const fmt = typeSel ? typeSel.value : 'Индивидуальная (60 мин)';
        document.getElementById('ts_price').value = calcRateByFormat(tr.price, fmt);
    }
}

function syncBulkTrainerPrice(){
    const sel = document.getElementById('bulk_trainer');
    if(!sel) return;
    const list = window.LIVE_TRAINERS_CACHE.length ? window.LIVE_TRAINERS_CACHE : ((window.CRM_DATA && CRM_DATA.trainers) || []);
    const tr = list.find(t => t.name === sel.value);
    if(tr) document.getElementById('bulk_price').value = tr.price;
}

async function ensureTrainerDropdownsPopulated(){
    try {
        const r = await fetch('/api/public_data');
        const d = await r.json();
        window.LIVE_TRAINERS_CACHE = d.trainers || [];
        window.LIVE_SLOTS_CACHE = d.slots || [];
    } catch(e){}

    const list = window.LIVE_TRAINERS_CACHE;
    if(!list.length) return;
    const opts = list.map(t => `<option value="${t.name}">${t.name} — ${t.price} ₽/ч</option>`).join('');

    const sel1 = document.getElementById('ts_trainer');
    const sel2 = document.getElementById('bulk_trainer');
    if(sel1 && sel1.options.length === 0){
        sel1.innerHTML = opts;
        syncTrainerDefaultPrice();
    }
    if(sel2 && sel2.options.length === 0){
        sel2.innerHTML = opts;
        syncBulkTrainerPrice();
    }
    const typeSel = document.getElementById('ts_type');
    if(typeSel && !typeSel.getAttribute('data-bound')){
        typeSel.setAttribute('data-bound', '1');
        typeSel.addEventListener('change', syncTrainerDefaultPrice);
    }
}

setInterval(ensureTrainerDropdownsPopulated, 2500);
setTimeout(ensureTrainerDropdownsPopulated, 400);


window.SCHED_STATE = {slots: [], trainers: [], courts: []};

async function fetchScheduleState(){
    try {
        const r = await fetch('/api/admin/schedule_full');
        const d = await r.json();
        window.SCHED_STATE = {
            slots: d.slots || [],
            trainers: d.trainers || [],
            courts: d.courts || []
        };
        window.LIVE_TRAINERS_CACHE = window.SCHED_STATE.trainers;
        window.LIVE_SLOTS_CACHE = window.SCHED_STATE.slots;
        populateScheduleControls();
        renderTrainerSlotsTable();
        renderTrainerTgBindCards();
    } catch(e){ console.error('Schedule load err:', e); }
}

function renderTrainerTgBindCards(){
    const html = (window.SCHED_STATE.trainers || []).map(t => `
        <div style="background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;">
            <div>
                <div style="font-weight:800;font-size:13px;color:#0f172a;">🎾 ${t.name}</div>
                <div style="font-size:11px;color:#64748b;">Ставка: ${t.price} ₽/ч</div>
            </div>
            <div style="display:flex;gap:5px;align-items:center;">
                <input type="text" id="tr_tg_fast_${t.id}" value="${t.tg_chat_id||''}" placeholder="Chat ID (напр. 4129837)" style="width:135px;padding:6px 8px;border:1px solid #94a3b8;border-radius:6px;font-size:12px;">
                <button class="btn btn-primary" style="padding:6px 10px;font-size:11.5px;white-space:nowrap;" onclick="saveTrainerTgFast(${t.id})">📲 Сохранить</button>
            </div>
        </div>
    `).join('');
    const box1 = document.getElementById('trainer-tg-bind-grid');
    if(box1) box1.innerHTML = html;

    // Также дублируем блок привязки ТГ во вкладку «Тренеры»
    const trTab = document.getElementById('tab-trainers');
    if(trTab && !document.getElementById('tab-trainers-tg-box')){
        const div = document.createElement('div');
        div.id = 'tab-trainers-tg-box';
        div.style.cssText = 'background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:16px;margin-bottom:18px;';
        div.innerHTML = `<h3 style="font-size:14px;color:#1e40af;margin-bottom:8px;text-transform:uppercase;">📲 Привязка Telegram ID каждого тренера (для личных уведомлений о записи)</h3><div id="trainer-tg-bind-grid-2" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;"></div>`;
        trTab.insertBefore(div, trTab.firstChild.nextSibling);
    }
    const box2 = document.getElementById('trainer-tg-bind-grid-2');
    if(box2) box2.innerHTML = html.replace(/tr_tg_fast_/g, 'tr_tg_fast2_').replace(/saveTrainerTgFast\(/g, 'saveTrainerTgFast2(');
}

async function saveTrainerTgFast(tid){
    const inp = document.getElementById('tr_tg_fast_' + tid);
    const val = inp ? inp.value.trim() : '';
    await fetch('/api/admin/set_trainer_tg', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({trainer_id:tid, tg_chat_id:val})});
    alert(val ? '✅ Telegram ID привязан! Тренеру отправлено приветствие в бот.' : 'Привязка очищена.');
    fetchScheduleState();
}
async function saveTrainerTgFast2(tid){
    const inp = document.getElementById('tr_tg_fast2_' + tid);
    const val = inp ? inp.value.trim() : '';
    await fetch('/api/admin/set_trainer_tg', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({trainer_id:tid, tg_chat_id:val})});
    alert(val ? '✅ Telegram ID привязан! Тренеру отправлено приветствие в бот.' : 'Привязка очищена.');
    fetchScheduleState();
}

function populateScheduleControls(){
    const trs = window.SCHED_STATE.trainers || [];
    const crts = window.SCHED_STATE.courts || [];
    const todayIso = new Date().toISOString().split('T')[0];
    if(document.getElementById('ts_date') && !document.getElementById('ts_date').value) document.getElementById('ts_date').value = todayIso;
    if(document.getElementById('bulk_date') && !document.getElementById('bulk_date').value) document.getElementById('bulk_date').value = todayIso;

    const trOpts = trs.map(t => `<option value="${t.name}">${t.name} (${t.price} ₽/ч)</option>`).join('');
    const s1 = document.getElementById('ts_trainer');
    const s2 = document.getElementById('bulk_trainer');
    if(s1 && (!s1.innerHTML || s1.options.length !== trs.length)){ s1.innerHTML = trOpts; syncTrainerDefaultPrice(); }
    if(s2 && (!s2.innerHTML || s2.options.length !== trs.length)){ s2.innerHTML = trOpts; syncBulkTrainerPrice(); }

    const crtOpts = `<option value="Без корта" data-price="0">— Без корта (только тренер) —</option>` +
        crts.map(c => `<option value="${c.name}" data-price="${c.price||2500}">🏟 ${c.name} (+${c.price||2500} ₽/ч)</option>`).join('') +
        `<option value="Свободный корт клуба" data-price="2500">🏟 Свободный корт клуба (+2500 ₽/ч)</option>`;

    const cs1 = document.getElementById('ts_court_select');
    const cs2 = document.getElementById('bulk_court_select');
    if(cs1 && !cs1.innerHTML) cs1.innerHTML = crtOpts;
    if(cs2 && !cs2.innerHTML) cs2.innerHTML = crtOpts;
}

function onSelectCourtInSlot(prefix){
    const sel = document.getElementById(prefix + '_court_select');
    const prInp = document.getElementById(prefix + '_court_price');
    if(!sel || !prInp) return;
    const opt = sel.options[sel.selectedIndex];
    prInp.value = opt ? (opt.getAttribute('data-price') || 0) : 0;
}

async function saveTrainerSlotV2(){
    const payload = {
        id: document.getElementById('ts_id').value || 0,
        trainer_name: document.getElementById('ts_trainer').value,
        slot_date: document.getElementById('ts_date').value,
        slot_time: document.getElementById('ts_time').value,
        trainer_price: document.getElementById('ts_price').value,
        training_type: document.getElementById('ts_type').value,
        status: document.getElementById('ts_status').value,
        court_name: document.getElementById('ts_court_select') ? document.getElementById('ts_court_select').value : 'Без корта',
        court_price: document.getElementById('ts_court_price') ? document.getElementById('ts_court_price').value : 0
    };
    if(!payload.trainer_name || !payload.slot_date) return alert('Выберите тренера и дату!');
    await fetch('/api/admin/save_trainer_slot_v2', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload)});
    resetTrainerSlotForm();
    await fetchScheduleState();
}

async function generateBulkSlotsV2(){
    const payload = {
        trainer_name: document.getElementById('bulk_trainer').value,
        trainer_price: document.getElementById('bulk_price').value,
        start_date: document.getElementById('bulk_date').value,
        days_count: document.getElementById('bulk_days').value,
        hour_from: document.getElementById('bulk_from').value,
        hour_to: document.getElementById('bulk_to').value,
        court_name: document.getElementById('bulk_court_select') ? document.getElementById('bulk_court_select').value : 'Без корта',
        court_price: document.getElementById('bulk_court_price') ? document.getElementById('bulk_court_price').value : 0,
        training_type: 'Индивидуальная (60 мин)'
    };
    if(!payload.trainer_name || !payload.start_date) return alert('Выберите тренера и начальную дату!');
    const r = await fetch('/api/admin/bulk_trainer_slots_v2', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload)});
    const d = await r.json();
    alert(`✅ Создано новых окон в расписании: ${d.added || 0}. Теперь вы можете редактировать любое окно или привязать корт прямо в таблице ниже!`);
    await fetchScheduleState();
}

async function saveInlineSlotRow(sid){
    const s = (window.SCHED_STATE.slots || []).find(x => x.id === sid);
    if(!s) return;
    const payload = {
        id: sid,
        trainer_name: s.trainer_name,
        training_type: s.training_type || 'Индивидуальная (60 мин)',
        slot_date: document.getElementById('row_date_' + sid).value,
        slot_time: document.getElementById('row_time_' + sid).value,
        trainer_price: document.getElementById('row_tprice_' + sid).value,
        court_name: document.getElementById('row_cname_' + sid).value,
        court_price: document.getElementById('row_cprice_' + sid).value,
        status: document.getElementById('row_status_' + sid).value
    };
    await fetch('/api/admin/save_trainer_slot_v2', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload)});
    await fetchScheduleState();
}

async function deleteSlotRowV3(sid){
    await fetch('/api/admin/delete_trainer_slot_v3', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({id: sid})});
    await fetchScheduleState();
}

function renderTrainerSlotsTable(){
    const tbody = document.getElementById('tr-sched-tbody');
    if(!tbody) return;
    const trs = window.SCHED_STATE.trainers || [];
    const crts = window.SCHED_STATE.courts || [];
    const allSlots = window.SCHED_STATE.slots || [];

    const pillsBox = document.getElementById('tr-sched-filter-pills');
    if(pillsBox){
        let phtml = `<button class="btn ${SELECTED_ADMIN_TRAINER_FILTER==='ALL'?'btn-primary':''}" onclick="setAdminTrainerSlotFilter('ALL')">Все тренеры (${allSlots.length})</button>`;
        trs.forEach(t => {
            const act = SELECTED_ADMIN_TRAINER_FILTER === t.name;
            const cnt = allSlots.filter(s => s.trainer_name === t.name).length;
            phtml += `<button class="btn ${act?'btn-primary':''}" style="${act?'':'background:#e2e8f0;color:#0f172a;'}" onclick="setAdminTrainerSlotFilter('${t.name.replace(/'/g,"")}')">🎾 ${t.name} (${cnt})</button>`;
        });
        pillsBox.innerHTML = phtml;
    }

    const fDate = document.getElementById('tr_sched_filter_date') ? document.getElementById('tr_sched_filter_date').value : '';
    const rows = allSlots.filter(s => {
        if(SELECTED_ADMIN_TRAINER_FILTER !== 'ALL' && s.trainer_name !== SELECTED_ADMIN_TRAINER_FILTER) return false;
        if(fDate && s.slot_date !== fDate) return false;
        return true;
    });

    const courtNames = ['Без корта', ...crts.map(c => c.name), 'Свободный корт клуба'];

    tbody.innerHTML = rows.map(s => {
        const curCourt = (s.court_name && s.court_name !== 'По выбору клиента') ? s.court_name : 'Без корта';
        const crtSelectHtml = courtNames.map(cn => `<option value="${cn}" ${cn===curCourt?'selected':''}>${cn}</option>`).join('');
        return `<tr style="background:${s.status==='hold'?'#fef9c3':(s.status==='booked'?'#fee2e2':'#fff')};">
            <td><b>#${s.id}</b></td>
            <td>
                <div style="display:flex;gap:4px;align-items:center;">
                    <input type="date" id="row_date_${s.id}" value="${s.slot_date}" style="padding:5px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;">
                    <input type="time" id="row_time_${s.id}" value="${s.slot_time}" style="padding:5px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:700;">
                </div>
            </td>
            <td>
                <div style="font-weight:800;font-size:13px;margin-bottom:3px;">${s.trainer_name}</div>
                <div style="display:flex;align-items:center;gap:4px;font-size:11.5px;">
                    <span>Ставка:</span>
                    <input type="number" id="row_tprice_${s.id}" value="${s.trainer_price}" style="width:78px;padding:4px 6px;border:1px solid #cbd5e1;border-radius:6px;font-weight:700;"> ₽
                </div>
            </td>
            <td>
                <div style="display:flex;gap:4px;align-items:center;flex-wrap:wrap;">
                    <select id="row_cname_${s.id}" style="padding:5px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;">${crtSelectHtml}</select>
                    <input type="number" id="row_cprice_${s.id}" value="${s.court_price||0}" placeholder="+₽ корт" style="width:75px;padding:5px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;" title="Доплата за корт (₽/ч)"> ₽
                </div>
            </td>
            <td>
                <select id="row_status_${s.id}" style="padding:5px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:700;">
                    <option value="free" ${s.status==='free'?'selected':''}>🟢 Свободно</option>
                    <option value="hold" ${s.status==='hold'?'selected':''}>⏳ На брони (Серый)</option>
                    <option value="booked" ${s.status==='booked'?'selected':''}>🔴 Занято (Скрыто)</option>
                </select>
            </td>
            <td style="display:flex;gap:6px;">
                <button class="btn btn-primary" style="padding:6px 10px;font-size:11.5px;" onclick="saveInlineSlotRow(${s.id})">💾 Сохранить</button>
                <button class="btn btn-red" style="padding:6px 10px;font-size:11.5px;" onclick="deleteSlotRowV3(${s.id})">✕</button>
            </td>
        </tr>`;
    }).join('') || '<tr><td colspan="6" style="text-align:center;color:#64748b;padding:20px;">В расписании пока нет окон по выбранному фильтру — нажмите «💾 Сохранить окно» слева или «⚡ Сгенерировать окна» справа!</td></tr>';
}

setTimeout(fetchScheduleState, 300);

</script>

Создать слот в расписании (Авторасчёт 60 / 90 / 120 мин + перетаскивание мышью в календаре)

Все слоты списком

💳 Выставить персональный счёт клиенту в Личный кабинет (на онлайн-оплату абонемента или товара)

🛒 Заказы из Корзины, Оплата траншами, Товары под заказ и Возвраты

Бронирования из расписания и заявки «Свой корт / Согласование»

Реестр клиентов и подписанных Договоров ПЭП (152-ФЗ / 63-ФЗ)

6 базовых локаций и корты клуба

Тренерский состав и категории ставок

Каталог витрины: Абонементы (-10%), Ракетки и Инвентарь

Финансовый учёт (ДДС: Оплаты, Транши и Возвраты)

Шаблон именного Договора-оферты ПЭП (с автоподстановкой данных клиента)

Предпросмотр единой страницы Документов и Прайса (/legal)

Сотрудники и Индивидуальная матрица прав доступа (Галочки по каждому пункту)

📲 Подключение Telegram-бота, SMS.ru и платёжного шлюза ЮKassa

Новости и турниры клуба

📅 Управление расписанием тренеров и привязкой кортов

➕ Добавить или изменить окно тренера

⚡ Быстрое заполнение на день или неделю

Готовые коды для блоков T123 под новое меню Tilda

Скрипт синхронизации верхнего меню (шапки) Tilda

KATANA TENNIS CRM

Создать слот в расписании (Авторасчёт 60 / 90 / 120 мин + перетаскивание мышью в календаре)

Все слоты списком

💳 Выставить персональный счёт клиенту в Личный кабинет (на онлайн-оплату абонемента или товара)

🛒 Заказы из Корзины, Оплата траншами, Товары под заказ и Возвраты

Бронирования из расписания и заявки «Свой корт / Согласование»

Реестр клиентов и подписанных Договоров ПЭП (152-ФЗ / 63-ФЗ)

6 базовых локаций и корты клуба

Тренерский состав и категории ставок

Каталог витрины: Абонементы (-10%), Ракетки и Инвентарь

Финансовый учёт (ДДС: Оплаты, Транши и Возвраты)

Шаблон именного Договора-оферты ПЭП (с автоподстановкой данных клиента)

Предпросмотр единой страницы Документов и Прайса (/legal)

Сотрудники и Индивидуальная матрица прав доступа (Галочки по каждому пункту)

📲 Подключение Telegram-бота, SMS.ru и платёжного шлюза ЮKassa

Новости и турниры клуба

📅 Управление расписанием тренеров и привязкой кортов

➕ Добавить или изменить окно тренера

⚡ Быстрое заполнение на день или неделю

Готовые коды для блоков T123 под новое меню Tilda

Скрипт синхронизации верхнего меню (шапки) Tilda