@extends('layouts.master')
@section('css')
  <style>
    
    :title { 
     /*background-color: #000;*/
     color:red;
    }
  </style>
@endsection
@section('content')
<div class="row page-titles">
	<div class="col-md-5 align-self-center">
	    <h4 class="text-themecolor">Quiz </h4>
	</div>
  
	
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body ribbon-wrapper">
              @if (isset($quiz))
                 <div class="ribbon ribbon-bookmark  ribbon-success">Today Quiz</div>
                 <hr>
                  <div class="col-10">
                    <iframe src="https://nizhamia.sch.id/wp-admin/admin-ajax.php?action=h5p_embed&id={{$quiz->id_h5p}}" width="600" height="286" frameborder="0" allowfullscreen="allowfullscreen" ></iframe><script src="https://nizhamia.sch.id/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js" charset="UTF-8"></script>
                  </div>
              @else
                <div class="ribbon ribbon-bookmark  ribbon-success">No Quiz Today</div>
                 <hr>
              @endif
                  
                  
                  
                </div>
                 
            </div>
        </div>
       </div>
    </div>

@endsection

@section('js')


@endsection