@extends('layouts.main')
@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">{{ $scormCourse->title }}</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active"><a href="{{ route('scorm-progresses.index') }}">My Courses</a></li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection
@section('content')

  <div class="clearfix"></div>
  @include('flash::message')
  <div class="clearfix"></div>

  <iframe id="scormPlayerIframe"
          width="100%"
          height="700"
          src="{{ url($coursePath) }}">
  </iframe>

<div class="page-title-box__wrap mt-3">
  <div class="page-title-box d-flex justify-content-end">
    <a href="{{url()->previous()}}" class="btn green-btn" >
      <img src="{{asset('theme/assets/images/lms/save-and-exit.svg')}}" alt="save">
      <span>Save and Exit</span>
      <span class="caret"></span>
    </a>
  </div>
</div>

@endsection
@section('footer_scripts')
  <script src="/assets/js/scorm_player.js"></script>
  <script>
    window.SCORM_PLAYER_CONFIG = {
      loadUrl: "{{ route('scorm-progresses.getProgress') }}",  // GET
      saveUrl: "{{ route('scorm-progresses.recordProgress') }}",  // POST
      courseId: {{ $scormCourse->id }},
      userId: {{ auth()->id() }},
    };
  </script>
@endsection