@extends('layouts.app')
@section('content')
<section class="content-header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="float-left">CCTV Ruang Sidang</h1>
      </div>
    </div>
  </div>
</section>

<section class="content" id="mainCctv">

  <!-- Default box -->
  <div class="card">
    
    <!-- /.card-body -->
    <div class="card-body pt-0" id="theid">
      <div class="row">
        <div class="col-12">
          <h4 class="text-center mb-3 font-weight-bold">CCTV Ruang Sidang PN Sewilayah Hukum PT Riau</h4>
        </div>
        <div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Pekanbaru</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=mRgLScgd5h2LjVvF1686879046738" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Dumai</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=0lrumjkNEg8HDbnN1686914499037" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Bangkinang</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=iiAwBKMYeLjHTYwz1686899333196" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Bengkalis</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=gHA43z8XkBTe2wvW1687214014607" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Pelalawan</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=AwueZnKxjKwQAk1A1687235315676" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Rokan Hilir</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=6Aaeok1fr0VucEYh1687233336583" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Teluk Kuantan</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=CF9cSgbpMu7xMdB31687250478217" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Rengat</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=sy4JDGi0h2svDoun1687165001644" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Tembilahan</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=Hyq4WyOgN7XkrOhI1687160509923" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Pasir Pangaraian</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=hWLfkkoJDY1OTNXC1687135744408" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
		<div class="col-4">
          <div class="card" id="card-1">
            <div class="card-header">
              <h6 class="mb-0">PN Siak Sri Indrapura</h6>
            </div>
            <div class="card-body p-2">
              <iframe data-html2canvas-ignore="true" src="https://svr3.pt-riau.go.id:5443/WebRTCApp/play.html?id=HaiZIk3nbb50KFJu1687227434269" width="100%" height="250"
                frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay; encrypted-media"></iframe>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /.card -->
</section>

@endsection

@section('js')

@endsection