@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 PTSP</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 PTSP 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=QA0KzvMA87LauP1U1686878626058" 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=YHT3b9ME2aKEhjBc1686914186343" 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=Y08ltdCL3yrhwo0y1686899257443" 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=ypJgs9AlMYS0Xk821687213961977" 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=HlJzd9NSYjVqK11y1687235294214" 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=qhnPx23Qsj31M8GC1687233140719" 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=WDFuPFld5812zcgi1687250432035" 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=Fxy9FBHNnh0Dixym1687165070520" 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=sV2ySEBSh14fIk9g1687160477383" 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=ZN8YYGCvZwpOY4oi1687135719083" 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=Rasx78BJ2xam6zB11687227124147" 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