-- vim:set ft=lua:
dofile(mg.script_name:gsub('[^\\/]*$','')..'util.lua')

onid,tsid,sid=GetVarServiceID(mg.request_info.query_string,'id')

edcb.htmlEscape=15
ServiceList=CustomServiceList()

st=ServiceList[1]
if onid and tsid and sid then
  for j,v in ipairs(ServiceList) do
    if onid==v.onid and tsid==v.tsid and sid==v.sid then
      st=v
      break
    end
  end
end

ct={
  title='リモート視聴',
  js='<script src="js/onair.js'..Version('onair')..'"></script>\n',
  menu='<li class="mdl-menu__item" id="forced" data-ctok="'..CsrfToken('tvcast')..'">強制停止</li>'
    ..'<li class="ext mdl-menu__item" id="menu_apk"><label for="subCH" class="mdl-layout-spacer">サブチャンネル</label><span><label class="mdl-switch mdl-js-switch" for="subCH"><input type="checkbox" id="subCH" class="mdl-switch__input"></label></span></li>',
  searchlinks=true
}

ct.main='<main id="tvcast" class="mdl-layout__content">\n'
  ..'<div id="movie-theater-container"></div>\n'
  ..'<div class="mdl-grid list">\n'
  ..'<div id="main-column" class="mdl-grid--no-spacing mdl-cell mdl-cell--8-col mdl-cell--4-col-phone">\n'

  ..'<div id="movie-container">\n'
  ..PlayerTemplate('', true)
  ..'</div>\n'


..[=[
<div id="epginfo" class="mdl-cell mdl-cell--12-col mdl-shadow--4dp hidden">
<div id="summary"><h4 class="mdl-typography--title"><span id="title"></span><span class="mdl-typography--subhead mdl-grid mdl-grid--no-spacing"><span id="info_date" class="date"></span><span id="service" class="service"></span></span><span id="links"></span></h4><p></p></div>
<div id="ext-container" class="mdl-layout--large-screen-only">
<p id="ext" class="mdl-typography--body-1"></p>
<!--
<div id="InfoList" class="tagchip">
<div><span class="material-icons">category</span><div id="genreInfo"></div></div>
<div><span class="material-icons">videocam</span><div id="videoInfo"></div></div>
<div><span class="material-icons">headphones</span><div id="audioInfo" class="container"></div></div>
<div><span class="material-icons">info</span><div id="otherInfo"></div></div>
</div>
<button for="#InfoList" class="toggle-info mdl-grid mdl-grid--no-spacing mdl-button mdl-js-button mdl-button--icon"><i class="material-icons">expand_more</i></button>
-->
</div>
<button for="#ext-container" class="toggle-info mdl-grid mdl-grid--no-spacing mdl-button mdl-js-button mdl-button--icon mdl-layout--small-screen-only"><i class="material-icons">expand_more</i></button>
<div class="mdl-card__menu"><a id="link_epginfo" class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"><i class="material-icons">open_in_new</i></a>
</div></div></div>
<div id="sub-column" class="mdl-grid--no-spacing mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
<div id="apps-container">
<input type="checkbox" id="apps" class="hidden">
<div class="container"><div class="container"></div></div>
<label type="button" for="apps" class="tag mdl-chip"><span class="mdl-chip__text"><span class="material-icons">apps</span></span></label></div>
<input type="radio" id="Network0" class="hidden" name="network">
]=]



NetworkList={}
for i,v in ipairs(NetworkType()) do
  NetworkList[i]={}
end
for i,v in ipairs(ServiceList) do
  if not v.partialReceptionFlag then
    table.insert(NetworkList[NetworkIndex(v.onid)],
      '<div class="onair mdl-cell mdl-cell--12-col mdl-shadow--4dp Network'..NetworkIndex(v.onid)..(onid==v.onid and tsid==v.tsid and sid==v.sid and ' is_cast' or '')..(v.subCh and ' subCH hidden' or '')
        ..'" data-onid="'..v.onid
        ..'" data-tsid="'..v.tsid
        ..'" data-sid="'..v.sid

        ..'">\n'

        ..'<div class="mdl-grid">\n'
        ..'<div class="logo-container"><img src="'..PathToRoot()..'api/logo?onid='..v.onid..'&amp;sid='..v.sid..'"></div>\n'
        ..'<div class="title-container"><h6 class="title"></h6>\n<div><span class="date"><span class="startTime"></span><span class="endTime"></span></span>'..v.service_name..'</div></div>\n'
        ..'<div class="event_text"></div></div>\n'

        ..'<div class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>'
        ..'</div>\n'
    )
  end
end

ctt={}
label={}
ct.css='<style>\n'
for i,v in ipairs(NetworkList) do
  if #v>0 then
    ct.main=ct.main..'<input id="Network'..i..'" class="hidden" name="network"'..Radiobtn(NetworkType()[i]==NetworkType()[NetworkIndex(st.onid)])..'>\n'
    ct.css=ct.css..'#Network'..i..':checked~div .onair:not(.Network'..i..'){display:none;}#Network'..i..':checked~div [for="Network'..i..'"]{color:var(--tag-color);background:var(--tag-gb-color);}\n'
    table.insert(label, '<label type="button" for="Network'..i..'" class="mdl-chip"><span class="mdl-chip__text">'..NetworkType()[i]..'</span></label>\n')
    table.insert(ctt, table.concat(v))
  end
end
ct.css=ct.css..'</style>\n'

ct.main=ct.main..'<div id="network" class="tag">\n'
  ..'<label type="button" for="Network0" class="mdl-chip"><span class="mdl-chip__text">すべて</span></label>\n'..table.concat(label)
  ..'</div>\n<div id="ServiceList" class="mdl-grid mdl-cell--12-col">\n'..table.concat(ctt)
  ..'</div>\n</div>\n</div>\n'


ct=Template(ct)

mg.write(ct:Pop(Response(200,'text/html','utf-8',ct.len,ct.gzip)
  ..'Cross-Origin-Embedder-Policy: require-corp\r\n'
  ..'Cross-Origin-Opener-Policy: same-origin\r\n'
  ..'\r\n'))