@extends('admin/layouts.master')
@section('title', 'Add Page - Admin')
@section('body')
@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif
<section class="content">
  @include('admin.message')
  <div class="row">
    <!-- left column -->
    <div class="col-xs-12"> 
      <!-- general form elements -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title"> Add Demo Classes</h3>
        </div>
        <br>
        <div class="box-body">
          <div class="form-group">
            <form id="demo-form2" method="post" action="{{url('demo/store')}}" data-parsley-validate class="form-horizontal form-label-left" enctype="multipart/form-data">
              {{ csrf_field() }}
          
              <div class="row">
                <div class="col-md-6">
                  <label for="exampleInputTit1e">Demo Course Name:<sup class="redstar">*</sup></label>
                  <select name="course_id" id="course_id" class="form-control js-example-basic-single" required>
                      @php
                        $course = App\Course::where('status', '1')->get();
                      @endphp
                      @foreach($course as $cor)
                        <option value="{{$cor->id}}">{{$cor->title}}</option>
                      @endforeach
                    </select>
                </div>
                
              
                
              </div>
              <br>
              
                <script src="https://cdn.ckeditor.com/4.17.1/standard/ckeditor.js"></script>
       
                <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML"></script>

               
       
              
              <div class="row">
                <div class="col-md-12">
                  <label for="exampleInputTit1e">Demo Course Name:<sup class="redstar">*</sup></label>
                  <textarea name="editor1"></textarea>
                </div>
              </div>
              <br>
               <script>
                        CKEDITOR.replace( 'editor1' );
                        toolbar : [ [ 'EqnEditor', 'Bold', 'Italic' ] ] });
                </script>
              <div class="row">
                <div class="col-md-3">
                  <label>{{ __('adminstaticword.PreviewImage') }}:</label> - <p class="inline info">size: 250x150</p>
                  <input type="file" name="preview_images" id="image" class="inputfile inputfile-1"  />
                  <label for="image">
                      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17">
                          <path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg> <span>
                              {{ __('adminstaticword.Chooseafile') }}&hellip;</span></label>
                 
                  
                </div> 
                </div>
                <br>
              <div class="row">
                <div class="col-md-12">
                  <label for="exampleInputDetails">{{ __('Youtube') }} {{ ('URL') }}:<sup class="redstar">*</sup></label>
                  <input type="text"  class="form-control" name="youtubeurl" placeholder="Enter YouTube URL"  id="exampleInputTitle" value="">
                  <br>
                </div>
                
              </div>
              <br>

              <div class="box-footer">
               <button type="submit" class="btn btn-lg col-md-3 btn-primary">{{ __('adminstaticword.Submit') }}</button>
              </div>
              
            </form>
          </div>
        </div>
        <!-- /.box -->
      </div>
      <!-- /.box -->
    </div>
    <!--/.col (right) -->
  </div>
  <!-- /.row -->
</section> 
@endsection