#if($streammanager.isRunning())
<div class="alert alert-success" role="alert">Streaming is Enabled</div>
#end
<link href="//vjs.zencdn.net/7.16.0/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.16.0/video.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
#if($data.usecdn == "true") 
 #set($src = "${testbench.cdn}/streams/${data.id}.m3u8") 
#else 
 #set($src = "/streams/${data.id}.m3u8") 
#end






<h2>Stream Details</h2>
<ul class="list-group ">
 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">[[RTMP URL]]</div>
   ${testbench.rtmpbaseurl}/src/${data.id}

  </div>

 </li>
 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">[[Embed Code]]</div>

   <textarea class=" form-control" id="embedcode" onclick="this.select();" readonly="readonly" style="width: 100%" rows="10">
<iframe src="$testbench.domainroot$apphome/views/modules/livestream/embedplayer/player.html?id=${data.id}" style="border: none" webkitallowfullscreen="true" mozallowfullscreen="true"
     allowfullscreen="true">
</iframe>

</textarea>


   <textarea class=" form-control" id="embedcode" onclick="this.select();" readonly="readonly" cols="600" rows="10">

<!-- Remove if you have videojs already installed on your site -->
<link href="//vjs.zencdn.net/7.17.0/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.17.0/video.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<video data-setup='{"liveui": true, "autoplay":false}' id="example-video" class="video-js vjs-fluid " controls #set($asset=$mediaarchive.getAsset( "$data.activitythumbnail")) #if($asset)
     poster="$apphome/views/modules/asset/downloads/preview/medium/${asset.sourcepath}/thumb.jpg" #end>
  <source src="$src" type="application/x-mpegURL">
</video>



</textarea>






  </div>

 </li>
 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">Status</div>




  </div>
 </li>



</ul>







<h2>Stream Actions</h2>

<ol class="list-group list-group-numbered">
 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">[[Finalize Stream]]</div>
   [[Once the stream is complete, this will convert it into a Video on Demand]]
  </div> <a class="btn btn-primary" href="finalizestream.html?id=${data.id}">Finalize Stream</a>
 </li>
 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">[[Archive Video]]</div>
   [[This will create an archived copy of the video suitable for later use as a VOD]]
  </div> <a class="btn btn-primary" href="createasset.html?id=${data.id}">Create Asset</a>
 </li>
 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">Auto Caption</div>
   [[Create Close Captions for this stream. Must be finalized first.]]
  </div> <a class="btn btn-primary" href="autocaption.html?id=${data.id}">Start Auto Captioning</a>
 </li>

 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">Index Captions</div>
   [[Make these captions availalbe for search]]
  </div> <a class="btn btn-primary" href="createcuepoints.html?id=${data.id}">Index Captions</a>
 </li>

 <li class="list-group-item d-flex justify-content-between align-items-start">
  <div class="ms-2 me-auto">
   <div class="fw-bold">Reset Stream</div>
   [[Delete the current stream. If you wish to archive the stream for later use please Create Asset first]]
  </div> <a class="btn btn-primary confirm" confirm="This will permanently delete the source stream files.  Are you sure?" href="deletestream.html?testplan=${data.id}&id=${data.id}">Delete Stream Files</a>
 </li>



</ol>