@if(isset($MyPermissionPage["Course"]))
    @if(($MyPermissionPage["Course"]->add == 1 && $data['edit']== 0) ||($MyPermissionPage["Course"]->edit == 1 && $data['edit']== 1))

        @extends("layouts.app")
@section("title")
    @php $tablename="CourseForm" @endphp
    Course Forms

@endsection
@section("content")
{{-- ---------------------------------------------------- table 1 html -------------------------------------------------- --}}
<style type="text/css">
    .select2-container {
        width: 100% !important;
        padding: 0;
    }
</style>
<link href="/assets/css/demo1/pages/general/wizard/wizard-1.css" rel="stylesheet" type="text/css" />

@php $tableNo=1;
 @endphp

<!-- begin:: Content -->
        <div class="kt-portlet__body kt-portlet__body--fit">
            <div class="kt-grid kt-wizard-v1 kt-wizard-v1--white" id="kt_wizard_v1" data-ktwizard-state="step-first">
                <div class="kt-grid__item">

                    <!--begin: Form Wizard Nav -->
                    <div class="kt-wizard-v1__nav">

                        <!--doc: Remove "kt-wizard-v1__nav-items--clickable" class and also set 'clickableSteps: false' in the JS init to disable manually clicking step titles -->
                        <div class="kt-wizard-v1__nav-items kt-wizard-v1__nav-items--clickable">
                            <div class="kt-wizard-v1__nav-item" data-ktwizard-type="step" data-ktwizard-state="current">
                                <div class="kt-wizard-v1__nav-body">
                                    <div class="kt-wizard-v1__nav-icon">
                                        <i class="flaticon-layer"></i>
                                    </div>
                                    <div class="kt-wizard-v1__nav-label">
                                        1. General Data
                                    </div>
                                </div>
                            </div>
                            <div class="kt-wizard-v1__nav-item" data-ktwizard-type="step">
                                <div class="kt-wizard-v1__nav-body">
                                    <div class="kt-wizard-v1__nav-icon">
                                        <i class="flaticon-list"></i>
                                    </div>
                                    <div class="kt-wizard-v1__nav-label">
                                        2. Enter Details
                                    </div>
                                </div>
                            </div>
                            <div class="kt-wizard-v1__nav-item" data-ktwizard-type="step">
                                <div class="kt-wizard-v1__nav-body">
                                    <div class="kt-wizard-v1__nav-icon">
                                        <i class="flaticon-responsive"></i>
                                    </div>
                                    <div class="kt-wizard-v1__nav-label">
                                        3. What student will learn
                                    </div>
                                </div>
                            </div>
                            <div class="kt-wizard-v1__nav-item" data-ktwizard-type="step">
                                <div class="kt-wizard-v1__nav-body">
                                    <div class="kt-wizard-v1__nav-icon">
                                        <i class="flaticon-presentation"></i>
                                    </div>
                                    <div class="kt-wizard-v1__nav-label">
                                        4. Course lessons
                                    </div>
                                </div>
                            </div>
{{--                             <div class="kt-wizard-v1__nav-item" data-ktwizard-type="step">
                                <div class="kt-wizard-v1__nav-body">
                                    <div class="kt-wizard-v1__nav-icon">
                                        <i class="flaticon-doc"></i>
                                    </div>
                                    <div class="kt-wizard-v1__nav-label">
                                        5. Course Documents
                                    </div>
                                </div>
                            </div>
 --}}                       
                         </div>
                    </div>

                    <!--end: Form Wizard Nav -->
                </div>
                <div class="kt-grid__item kt-grid__item--fluid kt-wizard-v1__wrapper">

                    <!--begin: Form Wizard Form-->
                    <form class="kt-form" id="kt_form" method="Post" action="{{$data['edit'] ? url("Course/".$_GET['course_id']) :url("Course")}}" enctype="multipart/form-data">

                        <input type="hidden" name="_method" value="{{$data['edit'] ? "PUT" :"POST"}}">

                    {{ csrf_field() }}
                        <!--begin: Form Wizard Step 1-->
                        <div class="kt-wizard-v1__content" data-ktwizard-type="step-content" data-ktwizard-state="current">
                            <div class="kt-heading kt-heading--md">Setup Your Course</div>
                            <div class="kt-form__section kt-form__section--first">
                                <div class="kt-wizard-v1__form">
                                    <div class="form-group">
                                        <label>Course name</label>
                                        <input type="text" class="form-control" name="name" value="{{$data['edit'] ? $data['CourseData']['name'] :""}}">
                                        <span class="form-text text-muted">Please enter course name.</span>
                                    </div>
                                    <div class="form-group">
                                        <label>Course brief</label>
                                        <textarea  class="form-control" name="brief"  >{{$data['edit'] ? $data['CourseData']['brief'] :""}}</textarea>
                                        <span class="form-text text-muted">Please enter course Brief.</span>
                                    </div>

                                    <div class="form-group">
                                        <label>Description</label>
                                        <textarea class="form-control" name="description">{!! $data['edit'] ? $data['CourseData']['description'] :""!!}</textarea>
                                        <span class="form-text text-muted">Please enter your Detailed description.</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--end: Form Wizard Step 1-->

                        <!--begin: Form Wizard Step 2-->
                        <div class="kt-wizard-v1__content" data-ktwizard-type="step-content">
                            <div class="kt-heading kt-heading--md">Enter the Details of your course</div>
                            <div class="kt-form__section kt-form__section--first">
                                <div class="kt-wizard-v1__form">
                                    <div class="row">

                                        <div class="col-md-6">

                                            <label>Course Category:</label>
                                            <select name="course_category_id" class="form-control">
                                                <option value="">Select</option>
                                                @foreach($data['courseCategory'] as $category)
                                                    <option {{$data['edit'] ? ($data['CourseData']['course_category_id'] == $category->id? "selected": "") :""}} value="{{$category->id}}">{{$category->name}}</option>
                                                @endforeach

                                            </select>

                                        </div>


                                        <div class="col-md-6">

                                            <label>Course Language:</label>
                                            <select name="course_language_id"  class="form-control">
                                                <option value="">Select</option>
                                                @foreach($data['courseLanguages'] as $lang)
                                                    <option {{$data['edit'] ? ($data['CourseData']['course_language_id'] == $lang->id? "selected": "") :""}} value="{{$lang->id}}">{{$lang->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>



                                    </div>

                                    <div class="form-group">
                                        <label>Course length</label>
                                        <input type="text" class="form-control" value="{{$data['edit'] ? $data['CourseData']['length'] :""}}" name="length">
                                    </div>
                                    <div class="form-group">
                                        <label>Course effort</label>
                                        <input type="text" class="form-control"  value="{{$data['edit'] ? $data['CourseData']['effort'] :""}}" name="effort">
                                    </div>
                                    <div class="form-group">
                                        <label>Image</label>
                                        <input type="file" {{$data['edit']?"":"required"}} class="form-control"  name="image" >
                                        @if($data['edit'])
                                            <img src="{{url($data['CourseData']['image'])}}" width="300px">
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--end: Form Wizard Step 2-->

                        <!--begin: Form Wizard Step 3-->
                        <div class="kt-wizard-v1__content" data-ktwizard-type="step-content">
                            <div class="kt-heading kt-heading--md">Setup What You Will Learn</div>
                            <div class="kt-form__section kt-form__section--first">
                                <div class="kt-wizard-v1__form">
                                    <div class="form-group">

                                    <button type="button" class="btn btn-success" id="add_new">Add new input</button>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" value="{{$data['edit'] ? $data['CourseData']['what_you_will_learn'][0] :""}}"  name="what_you_will_learn[0]" >
                                    </div>
                                    <div id="add_new_div">
                                        @if($data['edit'])
                                        @foreach($data['CourseData']['what_you_will_learn'] as $key =>$course)
                                                @if($key == 0)
                                                    @continue
                                                @endif
                                                <div class="form-group input-div row">
                                                    <div class="col-md-9">
                                                        <input type="text" required class="form-control" value="{{$course}}" name="what_you_will_learn[{{$key}}]" >
                                                    </div>
                                                    <div class="col-md-3">
                                                        <button type="button" class="btn btn-danger remove-input-div" >remove this</button>
                                                    </div>
                                                </div>
                                        @endforeach
                                            @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--end: Form Wizard Step 4-->

                        <div class="kt-wizard-v1__content" data-ktwizard-type="step-content">
                            <div class="kt-form__section kt-form__section--first">
                                <div class="kt-wizard-v1__form">

                                <div class="form-group">
                                    <button type="button" class="btn btn-success" id="add_new_2">Add new lesson</button>
                                </div>
                                <div class="form-group" id="sortable">
                            <div class="row card m-2 bg-light">
                            <div  class="m-3 form-div" > 

                                <div class="row">

                                        <div class="col-md-12">
                                            <label>Lesson name :</label>
                                            <input type="text" required class="form-control" value="{{$data['edit'] ? $data['CourseData']->CourseLesson[0]->name :""}}" name="lessons[0][name]" >
                                        </div>
                                        <div class="col-md-12">
                                            <label>Video :</label>
                                            <input type="file" class="form-control" name="lessons[0][file]" >
                                        </div>



                                    </div>
                                        @if($data['edit'])
                                        <small>
                                        <a href="{{url($data['CourseData']->CourseLesson[0]->path)}}">
                                            {{$data['CourseData']->CourseLesson[0]->name}}
                                            </a>
                                        </small>
                                            <input type="hidden" class="form-control" value="{{$data['CourseData']->CourseLesson[0]->id }}" name="lessons[0][course_content_id]" >
                                        @endif
                                    </div>
                                    </div>
                                        @if($data['edit'])
                                        @foreach($data['CourseData']->CourseLesson as $key =>$videos)
                                                @if($key == 0)
                                                    @continue
                                                @endif
                                                <div class="row card m-2 bg-light form-div">
                                                        <div  class="m-3" > 
                                                            <div class="row">

                                                                <div class="col-md-12">
                                                                    <label>Lesson name :</label>
                                                                    <input type="text" required="required"  class="form-control" 
                                                                    value="{{$data['edit'] ? $videos->name :""}}"  name="lessons[{{$key}}][name]" >
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <label>Video :</label>
                                                                    <input type="file" class="form-control" name="lessons[{{$key}}][file]" >
                                                                </div>


                                                            </div>
                                                            <div class="row mt-3">
                                                                <div class="col text-center">
                                                                        <button type="button" class="btn btn-danger remove-form-div" >remove Form</button>
                                                                </div>
                                                            </div>
                                                            @if($data['edit'])
                                                            <small>
                                                            <a href="{{url($videos->path)}}">
                                                                {{$videos->name}}
                                                                </a>
                                                            </small>
                                                                <input type="hidden" class="form-control" value="{{$videos->id }}" name="lessons[{{$key}}][course_content_id]" >
                                                            @endif
                                                        </div>
                                                        
                                                </div>
                                                

                                        @endforeach
                                            @endif
                                    <div id="add_new_div_2" class="row">

                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>

                        <!--end: Form Wizard Step 4-->
{{--
                        <div class="kt-wizard-v1__content" data-ktwizard-type="step-content">
                            <div class="kt-form__section kt-form__section--first">
                                <div class="kt-wizard-v1__form">

                                <div class="form-group">
                                    <button type="button" class="btn btn-success" id="add_new_3">Add new document</button>
                                </div>
                                <div class="form-group" id="sortable_3">
                            <div class="row card m-2 bg-light">
                            <div  class="m-3 form-div" > 

                                <div class="row">

                                        <div class="col-md-12">
                                            <label>Document name :</label>
                                            <input type="text" required class="form-control"  value="{{$data['edit'] ? $data['CourseData']->courseContentDocuments[0]->name :""}}" name="documents[0][name]">
                                        </div>
                                        <div class="col-md-12">
                                            <label>File :</label>
                                            <input type="file" class="form-control"  name="documents[0][file]" >
                                        </div>


                                    </div>
                                    
                                        @if($data['edit'])
                                        <small>
                                            <a href="{{url($data['CourseData']->courseContentDocuments[0]->path)}}">
                                            {{$data['CourseData']->courseContentDocuments[0]->name}}
                                            </a>
                                        </small>
                                            <input type="hidden"  class="form-control" value="{{$data['CourseData']->courseContentDocuments[0]->id }}" name="documents[0][course_content_id]" >
                                        @endif
                                    </div>
                                    </div>
                                        @if($data['edit'])
                                        @foreach($data['CourseData']->courseContentDocuments as $key =>$documents)
                                                @if($key == 0)
                                                    @continue
                                                @endif
                                                <div class="row card m-2 bg-light form-div">
                                                        <div  class="m-3" > 
                                                            <div class="row">

                                                                <div class="col-md-12">
                                                                    <label>Lesson name :</label>
                                                                    <input type="text" required="required"  class="form-control" 
                                                                    value="{{$data['edit'] ? $documents->name :""}}"  name="documents[{{$key}}][name]" >
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <label>File :</label>
                                                                    <input type="file" class="form-control" name="documents[{{$key}}][file]" >
                                                                </div>


                                                            </div>
                                                            <div class="row mt-3">
                                                                <div class="col text-center">
                                                                        <button type="button" class="btn btn-danger remove-form-div" >remove Form</button>
                                                                </div>
                                                            </div>
                                                            @if($data['edit'])
                                                            <small>
                                                            <a href="{{url($documents->path)}}">
                                                                {{$documents->name}}
                                                                </a>
                                                            </small>
                                                                <input type="hidden" class="form-control" value="{{$documents->id }}" name="documents[{{$key}}][course_content_id]" >
                                                            @endif
                                                        </div>

                                                </div>
                                                

                                        @endforeach
                                            @endif
                                    <div id="add_new_div_3" class="row">

                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
--}}
                        <!--begin: Form Actions -->
                        <div class="kt-form__actions">
                            <button class="btn btn-secondary btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="action-prev">
                                Previous
                            </button>
                            <button class="btn btn-success btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="action-submit">
                                Submit
                            </button>
                            <button disabled id="next-button" class="btn btn-brand btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="action-next">
                                Next Step
                            </button>
                        </div>

                        <!--end: Form Actions -->
                    </form>

                    <!--end: Form Wizard Form-->
                </div>
            </div>
        </div>

<!-- end:: Content -->
@endsection
@section("script")
    <script>
        $('[name=description]').summernote({
            height: 300,                 // set editor height
            minHeight: null,             // set minimum height of editor
            maxHeight: null,             // set maximum height of editor
            focus: true                  // set focus to editable area after initializing summernote
        });
    </script>
    <script>
        $.validator.addMethod(
            "summernoteValidation",
            function(value, element) {
                if($('[name=description]').summernote('isEmpty')) {
                    return false
                }else{
                    return true;

                }
            },
            "The field description is required"
        );

    </script>
    <script src="/assets/js/demo1/pages/wizard/wizard-1.js" type="text/javascript"></script>
    <script type="text/javascript" src="{{url("js/main2.js")}}"></script>

@endsection

@endif
@endif