@extends('layouts.app')
@section('titlePage', 'Supervise Test Series')
@section('content')
<script>
    document.getElementById("kts-12").classList.add("is-expanded");
    document.getElementById("ktss-12").classList.add("active","is-expanded");
    document.getElementById("create-12").classList.add("active");
</script>
<div class="page-wrapper">
   <!-- [ breadcrumb ] start -->
   <div class="page-header">
      <div class="page-block">
         <div class="breadcrumb-header justify-content-between">
            <div class="left-content">
               <div class="card-header ">
               <div class="card-title">Create</div>
               </div>
            </div>
            <div class="justify-content-center mt-2">
               <ul class="breadcrumb breadcrumb-style3">
                  <li class="breadcrumb-item tx-15"><a href="{{ _route('client.test-series.index') }}"><i class="feather icon-home"></i></a></li>
                  <li class="breadcrumb-item active" aria-current="page">Create test series</li>
               </ul>
            </div>
         </div>
      </div>
   </div>
   <!-- [ breadcrumb ] end -->
   <!-- [ Main Content ] start -->
   <div class="row">
      <div class="col-sm-12">
         <div class="card">
            <div class="card-header d-flex justify-content-between">
               <a href="{{ _route('client.test-series.index') }}" class="btn btn-primary">List</a>
               <a class="btn btn-secondary" data-bs-target="#testSeries" data-bs-toggle="modal" href="javascript:void(0)">Help Desk</a>
            </div>
            <div class="card-body">
               @include('common.alert')
               <form method="POST" action="{{ _route('client.test-series.store') }}" enctype="multipart/form-data" id="course-form">
                  @csrf
                  @include('client.test_series.form')
                  <div class="col-md-12 mt-2">
                     <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
               </form>
                  <div class="modal fade" id="testSeries" tabindex="-1" aria-hidden="true">
                     <div class="modal-dialog modal-dialog-centered modal-lg">
                        <div class="modal-content">
                           <div class="modal-header">
                              <h4>Create Test Series</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                           </div>
                           <div style="position: relative; padding-top: 44.479166666666664%;"><iframe src="https://iframe.mediadelivery.net/embed/102326/d61a86e1-6cdf-437a-b9f6-89d778119331?autoplay=true" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
                        </div>
                     </div>
                  </div>
            </div>
            {{-- /card-body --}}
         </div>
      </div>
   </div>
   <!-- [ Main Content ] end -->
</div>
@endsection
@section('script')
    @include('client.course.script')
@endsection