@extends('user.layout.sendvideolayout')

@push('css')
    <style>
        .error {
            width: 100%;
            margin: 20px;
            color: red;
        }
    </style>
@endpush

@section('pages')

    <div class="h-30" id="scrollId"></div>
    <a href="https://learnipro.com/bin/admin/files/cmsdef/course-structure.pdf" target="_blank" class="btn btn-custom pull-left" style="margin: 10px 0px 0px 30px">Guide to add course</a>

    <div class="container-fluid">
        <input type="hidden" value="1" id="current_step">
        <input type="hidden" value="{{{ $item->id or 0 }}}" id="edit_id">
        <div class="container n-padding-xs current-s">
            <div class="h-30"></div>
            <div class="multi-steps">
                <div class="col-md-3 col-xs-12 col-sm-4 tab-con right-side">
                    <ul>
                        <li class="active" cstep="1"><a href="javascript:void(0);"><i class="upicon mdi mdi-library-video"></i><span>{{{ trans('main.general') }}}</span></a></li>
                        <li cstep="2"><a href="javascript:void(0);"><i class="upicon mdi mdi-apps"></i><span>{{{ trans('main.category') }}}</span></a></li>
                        <li cstep="3"><a href="javascript:void(0);"><i class="upicon mdi mdi-apps"></i><span>Purpose</span></a></li>
                        <li cstep="4"><a href="javascript:void(0);"><i class="upicon mdi mdi-library-books"></i><span>{{{ trans('main.extra_info') }}}</span></a></li>
                        <li cstep="5"><a href="javascript:void(0);"><i class="upicon mdi mdi-folder-image"></i><span>{{{ trans('main.view') }}}</span></a></li>
                        <li cstep="6"><a href="javascript:void(0);"><i class="upicon mdi mdi-movie-open"></i><span>Course</span></a></li>
{{--                       @if($isShowExtra)--}}
                        <li cstep="7"><a href="javascript:void(0);"><i class="upicon mdi mdi-movie-open"></i><span>Mock Test</span></a></li>
                        <li cstep="8"><a href="javascript:void(0);"><i class="upicon mdi mdi-movie-open"></i><span>Practice Test</span></a></li>
{{--                        @endif--}}
                        {{--                        <li cstep="8"><a href="javascript:void(0);"><i class="upicon mdi mdi-movie-open"></i><span>{{{ trans('main.parts') }}}</span></a></li>--}}
                    </ul>
                </div>
                <div class="col-md-9 col-xs-12 col-sm-8 tab-con left-side">
                    <div class="steps" id="step1">
                        <form method="post" id="step-1-form" class="form-horizontal">
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{{ trans('main.course_type') }}}</label>
                                <div class="col-md-10 tab-con">
                                    <select name="type" class="form-control font-s">
{{--                                        <option value="single" @if(isset($item) && $item->type == 'single') selected @endif>{{{ trans('main.single') }}}</option>--}}
                                        <option value="course" @if(isset($item) && $item->type == 'course') selected @endif>{{{ trans('main.course') }}}</option>
                                    </select>
                                </div>
                            </div>
{{--                            <div class="form-group">--}}
{{--                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{{ trans('main.publish_type') }}}</label>--}}
{{--                                <div class="col-md-10 tab-con">--}}
{{--                                    <select name="private" class="form-control font-s">--}}
{{--                                        <option value="1">{{{ trans('main.exclusive') }}}</option>--}}
{{--                                        <option value="0">{{{ trans('main.open') }}}</option>--}}
{{--                                    </select>--}}
{{--                                </div>--}}
{{--                            </div>--}}
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{{ trans('main.course_title') }}}</label>
                                <div class="col-md-10 tab-con">
                                    <input type="text" name="title" placeholder="Course Title..." class="form-control" value="{{{ $item->title or '' }}}" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <span id="descriptionAreaEr" class="error"></span>
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{{ trans('main.description').'  (Max. 500 words)' }}}</label>
                                <div class="col-md-10 tab-con">
{{--                                    onkeyup="checklength()"--}}
                                    <textarea class="descriptionArea form-control editor-te editor-te-h"  name="content" required >{!! $item->content or '' !!}</textarea>
                                </div>
                            </div>
                        </form>
                        <form method="post" class="form-horizontal" id="step-1-form-meta">
                        </form>
                    </div>

                    <div class="steps dnone" id="step2">
                        <form method="post" id="step-2-form" class="form-horizontal">
                            {{--                            <div class="alert alert-success">--}}
                            {{--                                <p>{{{ trans('main.tags_header') }}}</p>--}}
                            {{--                            </div>--}}
                            <div class="form-group">
                                <label class="col-md-2 control-label tab-con" for="inputDefault">{{{ trans('main.tags') }}}</label>
                                <div class="col-md-10 tab-con">
                                    <input type="text" data-role="tagsinput" placeholder="Press enter to save tag." name="tag" value="{{{ $item->tag or ''}}}" class="form-control text-center">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2 control-label tab-con" for="inputDefault">{{{ trans('main.category') }}}</label>
                                <div class="col-md-10 tab-con">
                                    <select style="height: 390px;" multiple name="category_id[]" id="category_id" class="form-control font-s" required>
                                        <option value="0">{{{ trans('main.select_category') }}}</option>
                                        @foreach($menus as $menu)
                                            @if($menu->parent_id == 0)
                                                <optgroup label="{{{ $menu->title or '' }}}">
                                                    @if(count($menu->childs)>0)
                                                        @foreach($menu->childs as $sub)
                                                            <option value="{{{ $sub->id or '' }}}" @if(in_array($sub->id,$item->category_id)) selected @endif>{{{ $sub->title or '' }}}</option>
                                                        @endforeach
                                                    @else
                                                        <option value="{{{ $menu->id or '' }}}" @if(in_array($menu->id,$item->category_id)) selected @endif>{{{ $menu->title or '' }}}</option>
                                                    @endif
                                                </optgroup>
                                            @endif
                                        @endforeach
                                    </select>
                                    {{--                                    <select name="category_id" id="category_id" class="form-control font-s" required>--}}
                                    {{--                                        <option value="0">{{{ trans('main.select_category') }}}</option>--}}
                                    {{--                                        @foreach($menus as $menu)--}}
                                    {{--                                            @if($menu->parent_id == 0)--}}
                                    {{--                                                <optgroup label="{{{ $menu->title or '' }}}">--}}
                                    {{--                                                    @if(count($menu->childs)>0)--}}
                                    {{--                                                        @foreach($menu->childs as $sub)--}}
                                    {{--                                                            <option value="{{{ $sub->id or '' }}}" @if($sub->id == $item->category_id) selected @endif>{{{ $sub->title or '' }}}</option>--}}
                                    {{--                                                        @endforeach--}}
                                    {{--                                                    @else--}}
                                    {{--                                                        <option value="{{{ $menu->id or '' }}}" @if($menu->id == $item->category_id) selected @endif>{{{ $menu->title or '' }}}</option>--}}
                                    {{--                                                    @endif--}}
                                    {{--                                                </optgroup>--}}
                                    {{--                                            @endif--}}
                                    {{--                                        @endforeach--}}
                                    {{--                                    </select>--}}
                                </div>
                            </div>
                            <div class="h-15"></div>
                            {{--                            <div class="alert alert-success"><p>{{{ trans('main.filters_header') }}}</p></div>--}}
                            {{--                            <div class="h-15"></div>--}}
                            {{--                            @foreach($menus as $menu)--}}
                            {{--                                <div class="col-md-11 col-md-offset-1 tab-con filters dnone" @if($menu->id != $item->category_id) class="dnone" @endif id="filter{{{ $menu->id or 0 }}}">--}}
                            {{--                                    @foreach($menu->filters as $filter)--}}
                            {{--                                        <div class="col-md-3 col-xs-12 tab-con">--}}
                            {{--                                            <h5>{{{ $filter->filter or '' }}}</h5>--}}
                            {{--                                            <hr>--}}
                            {{--                                            <ul class="cat-filters-li pamaz">--}}
                            {{--                                                <ul class="submenu submenu-s">--}}
                            {{--                                                    @foreach($filter->tags as $tag)--}}
                            {{--                                                        <li class="second-input"><input type="checkbox" class="filter-tags dblock" id="tag{{{ $tag->id or '' }}}"  name="filters[]" value="{{{ $tag->id or 0 }}}" @if(isset($item->filters) && in_array($tag->id,$item->filters->pluck('id')->toArray())) checked @endif><label for="tag{{{ $tag->id or '' }}}"><span></span>{{{ $tag->tag or '' }}}</label></li>--}}
                            {{--                                                    @endforeach--}}
                            {{--                                                </ul>--}}
                            {{--                                            </ul>--}}
                            {{--                                        </div>--}}
                            {{--                                    @endforeach--}}
                            {{--                                </div>--}}
                            {{--                            @endforeach--}}
                        </form>
                    </div>

                    <div class="steps dnone" id="step3">
                        <form method="post" id="step-3-form">
                            {{--                            <div class="form-group">--}}
                            {{--                                <label for="inputDefault">What will Student Learn in your Course?</label>--}}
                            {{--                                <div class="col-md-10 tab-con">--}}
                            {{--                                    <textarea class="form-control"></textarea>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="form-group">--}}
                            {{--                                <label for="inputDefault">Course Requirements?</label>--}}
                            {{--                                <div class="col-md-10 tab-con">--}}
                            {{--                                    <textarea class="form-control"></textarea>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="form-group">--}}
                            {{--                                <label for="exampleInputEmail1">What will Student Learn in your Course?</label>--}}
                            {{--                                <textarea class="form-control"></textarea>--}}
                            {{--                            </div>--}}
                            <div class="form-group">
                                <label for="exampleInputEmail1">Course Features?</label>
                                <textarea name="prerequisites" class="form-control">{{$item->prerequisites}}</textarea>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">What Student Will Learn In Your Course?</label>
                                <table id="learnings">
                                    @foreach($item->learnings as $index=>$learning)
                                        <tr>
                                            <td><input value="{{$learning}}" type="text" name="learnings[]"  class="form-control"></td>
                                            @if($index!=1)
                                                <td><input type="button"  value="Add" onclick="add()" class="form-control"></td>
                                            @else
                                                <td><input type="button"  value="Remove" onclick="remove(this)" class="form-control"></td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </table>
                            </div>
                        </form>
                    </div>

                    <div class="steps dnone" id="step4">
                        <form method="post" id="step-3-form" class="form-horizontal">
                            {{--                            <div class="form-group">--}}
                            {{--                                <label class="control-label col-md-5 tab-con col-md-offset-1 dinb" " for="inputDefault">{{{ trans('main.free_course') }}}</label>--}}
                            {{--                                <div class="col-md-6 tab-con">--}}
                            {{--                                    <div class="switch switch-sm switch-primary pull-left">--}}
                            {{--                                        <input type="hidden" value="1" name="price">--}}
                            {{--                                        <input type="checkbox" name="price" id="free" value="0" data-plugin-ios-switch @if($item->price != null && $item->price == 0) checked="checked" @endif />--}}
                            {{--                                    </div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="form-group">--}}
                            {{--                                <label class="control-label col-md-5 tab-con col-md-offset-1 dinb">{{{ trans('main.vendor_postal_sale') }}}</label>--}}
                            {{--                                <div class="col-md-6 tab-con">--}}
                            {{--                                    <div class="switch switch-sm switch-primary pull-left" id="post_toggle">--}}
                            {{--                                        <input type="hidden" value="0" name="post">--}}
                            {{--                                        <input type="checkbox" name="post" value="1" data-plugin-ios-switch @if($item->post == 1) checked="checked" @endif />--}}
                            {{--                                    </div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="form-group">--}}
                            {{--                                <label class="control-label tab-con col-md-5 col-md-offset-1 dinb" for="inputDefault">{{{ trans('main.support') }}}</label>--}}
                            {{--                                <div class="col-md-6 tab-con">--}}
                            {{--                                    <div class="switch switch-sm switch-primary pull-left">--}}
                            {{--                                        <input type="hidden" value="0" name="support">--}}
                            {{--                                        <input type="checkbox" name="support" value="1" data-plugin-ios-switch @if($item->support == 1) checked="checked" @endif />--}}
                            {{--                                    </div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="form-group">--}}
                            {{--                                <label class="control-label tab-con col-md-5 col-md-offset-1 dinb" for="inputDefault">{{{ trans('main.download') }}}</label>--}}
                            {{--                                <div class="col-md-6 tab-con">--}}
                            {{--                                    <div class="switch switch-sm switch-primary pull-left">--}}
                            {{--                                        <input type="hidden" value="0" name="download">--}}
                            {{--                                        <input type="checkbox" name="download" value="1" data-plugin-ios-switch @if($item->download == 1) checked="checked" @endif />--}}
                            {{--                                    </div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                        </form>
                        <form method="post" id="step-3-form-meta" class="form-horizontal">
                            <div class="h-10"></div>
                            <div class="form-group">
                                <label class="control-label col-md-4 tab-con">{{{ trans('main.price') }}}</label>
                                <div class="col-md-8 tab-con">
                                    <div class="input-group">
                                        <input type="number" name="price" onkeypress="validate(event)" value="{{{$meta['price'] or ''}}}" class="form-control text-center numtostr" @if($item->price === 0) disabled @endif>
                                        <span class="input-group-addon click-for-upload img-icon-s">{{{ currencySign() }}}</span>
                                    </div>
                                </div>
                            </div>
                            {{--                            <div class="form-group">--}}
                            {{--                                <label class="control-label col-md-4 tab-con">{{{ trans('main.postal_price') }}}</label>--}}
                            {{--                                <div class="col-md-8 tab-con">--}}
                            {{--                                    <div class="input-group">--}}
                            {{--                                        <input type="number" name="post_price" onkeypress="validate(event)" value="{{{$meta['post_price'] or ''}}}" class="form-control text-center numtostr" @if($item->post != 1) disabled @endif>--}}
                            {{--                                        <span class="input-group-addon click-for-upload img-icon-s">{{{ currencySign() }}}</span>--}}
                            {{--                                    </div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                        </form>
                        {{--                        <form method="post" id="step-3-form-subscribe" class="form-horizontal">--}}
                        {{--                            <div class="form-group">--}}
                        {{--                                <label class="control-label col-md-4 tab-con">3 Months Subscribe Price</label>--}}
                        {{--                                <div class="col-md-8 tab-con">--}}
                        {{--                                    <div class="input-group">--}}
                        {{--                                        <input type="number" name="price_3" onkeypress="validate(event)" value="{{{ $item->price_3 or ''}}}" class="form-control text-center">--}}
                        {{--                                        <span class="input-group-addon click-for-upload img-icon-s">{{{ currencySign() }}}</span>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                            <div class="form-group">--}}
                        {{--                                <label class="control-label col-md-4 tab-con">6 Months Subscribe Price</label>--}}
                        {{--                                <div class="col-md-8 tab-con">--}}
                        {{--                                    <div class="input-group">--}}
                        {{--                                        <input type="number" name="price_6" onkeypress="validate(event)" value="{{{ $item->price_6 or ''}}}" class="form-control text-center">--}}
                        {{--                                        <span class="input-group-addon click-for-upload img-icon-s">{{{ currencySign() }}}</span>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                            <div class="form-group">--}}
                        {{--                                <label class="control-label col-md-4 tab-con">9 Months Subscribe Price</label>--}}
                        {{--                                <div class="col-md-8 tab-con">--}}
                        {{--                                    <div class="input-group">--}}
                        {{--                                        <input type="number" name="price_9" onkeypress="validate(event)" value="{{{ $item->price_9 or ''}}}" class="form-control text-center">--}}
                        {{--                                        <span class="input-group-addon click-for-upload img-icon-s">{{{ currencySign() }}}</span>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                            <div class="form-group">--}}
                        {{--                                <label class="control-label col-md-4 tab-con">12 Months Subscribe Price</label>--}}
                        {{--                                <div class="col-md-8 tab-con">--}}
                        {{--                                    <div class="input-group">--}}
                        {{--                                        <input type="number" name="price_12" onkeypress="validate(event)" value="{{{ $item->price_12 or ''}}}" class="form-control text-center">--}}
                        {{--                                        <span class="input-group-addon click-for-upload img-icon-s">{{{ currencySign() }}}</span>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                        </form>--}}
                        <div class="h-15"></div>
                        {{--                        <div class="alert alert-success"><p>{{{ trans('main.prerequisites_desc') }}}</p></div>--}}
                        {{--                        <a class="btn btn-custom pull-left" data-toggle="modal" href="#modal-pre-course"><span>{{{ trans('main.select_prerequisites') }}}</span></a>--}}
                        {{--                        <div class="modal fade" id="modal-pre-course">--}}
                        {{--                            <div class="modal-dialog">--}}
                        {{--                                <div class="modal-content">--}}
                        {{--                                    <div class="modal-header">--}}
                        {{--                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">--}}
                        {{--                                            &times;--}}
                        {{--                                        </button>--}}
                        {{--                                        <h4 class="modal-title">{{{ trans('main.select_prerequisites') }}}</h4>--}}
                        {{--                                    </div>--}}
                        {{--                                    <div class="modal-body no-absolute-content">--}}
                        {{--                                        <form method="post" id="step-3-form-precourse">--}}
                        {{--                                            <input type="hidden" name="precourse" id="precourse" value="{{{ $meta['precourse'] or '' }}}">--}}
                        {{--                                        </form>--}}
                        {{--                                        <ul class="pre-course-title-container">--}}
                        {{--                                            @foreach($preCourse as $prec)--}}
                        {{--                                                <li>{{{ $prec->title or '' }}}&nbsp;(VT-{{{ $prec->id or 0 }}})<i class="fa fa-times delete-course" cid="{{{ $prec->id or 0 }}}"></i></li>--}}
                        {{--                                            @endforeach--}}
                        {{--                                        </ul>--}}
                        {{--                                        <input type="text" class="form-control provider-json-pre-course" placeholder="Type 3 characters to load courses list.">--}}
                        {{--                                    </div>--}}
                        {{--                                    <div class="modal-footer">--}}
                        {{--                                        <button type="button" class="btn btn-custom pull-left" data-dismiss="modal">{{{ trans('main.close') }}}</button>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                        </div>--}}
                    </div>

                    <div class="steps dnone" id="step5">
                        <form method="post" class="form-horizontal" id="step-4-form-meta">
{{--                            <div class="form-group">--}}
{{--                                <label class="control-label col-md-2 tab-con">{{{ trans('main.course_cover') }}}</label>--}}
{{--                                <div class="col-md-10 tab-con">--}}
{{--                                    <div class="input-group">--}}
{{--                                        <span class="input-group-addon view-selected img-icon-s" data-toggle="modal" data-target="#ImageModal" data-whatever="cover" "><span class="formicon mdi mdi-eye"></span></span>--}}
{{--                                        <input type="text" name="cover" placeholder="Prefered :410*730px" dir="ltr" value="{{{$meta['cover'] or ''}}}" class="form-control">--}}
{{--                                        <span class="input-group-addon click-for-upload img-icon-s"><span class="formicon mdi mdi-arrow-up-thick"></span></span>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}

                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con">{{{ trans('main.course_thumbnail') }}}</label>
                                <div class="col-md-10 tab-con">
                                    <div class="input-group">
                                        <span class="input-group-addon view-selected img-icon-s" data-toggle="modal" data-target="#ImageModal" data-whatever="thumbnail"><span class="formicon mdi mdi-eye"></span></span>
                                        <input type="text" name="thumbnail" placeholder="Prefered :155*263px" dir="ltr" value="{{{$meta['thumbnail'] or ''}}}" class="form-control">
                                        <span class="input-group-addon click-for-upload img-icon-s"><span class="formicon mdi mdi-arrow-up-thick"></span></span>
                                    </div>
                                </div>
                            </div>

                            {{--                            <div class="form-group">--}}
                            {{--                                <label class="control-label col-md-2 tab-con">{{{ trans('main.demo') }}}</label>--}}
                            {{--                                <div class="col-md-10 tab-con">--}}
                            {{--                                    <div class="input-group">--}}
                            {{--                                        <span class="input-group-addon view-selected img-icon-s" data-toggle="modal" data-target="#VideoModal" data-whatever="video"><span class="formicon mdi mdi-eye"></span></span>--}}
                            {{--                                        <input type="text" name="video" placeholder="Prefered :1-3 mins"  dir="ltr" value="{{{$meta['video'] or ''}}}" class="form-control">--}}
                            {{--                                        <span class="input-group-addon click-for-upload img-icon-s"><span class="formicon mdi mdi-arrow-up-thick"></span></span>--}}
                            {{--                                    </div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="form-group">--}}
                            {{--                                <label class="control-label col-md-2 tab-con">{{{ trans('main.documents') }}}</label>--}}
                            {{--                                <div class="col-md-10 tab-con">--}}
                            {{--                                    <div class="input-group document-input">--}}
                            {{--                                        <span class="input-group-addon view-selected img-icon-s" onclick="window.open($('#document-addon').val(),'_balnk');"><span class="formicon mdi mdi-eye"></span></span>--}}
                            {{--                                        <input type="text" name="document" id="document-addon" dir="ltr" value="{{{$meta['document'] or ''}}}" class="form-control">--}}
                            {{--                                        <span class="input-group-addon click-for-upload document-input-icon img-icon-s"><span class="formicon mdi mdi-arrow-up-thick"></span></span>--}}
                            {{--                                    </div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                        </form>
                    </div>

                    <div class="steps dnone" id="step6">
                        <div class="accordion-off">
                            <ul id="accordion" class="accordion off-filters-li">
                                <li class="open edit-part-section dnone">
                                    <div class="link edit-part-click"><h2>{{{ trans('main.edit_part') }}}</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock">
                                        <div class="h-15"></div>
                                        <input type="hidden" id="part-edit-id">
                                        <form action="/user/content/part/edit/store/" id="step-5-form-edit-part" method="post" class="form-horizontal">

                                            <input type="hidden" name="content_id" value="{{{ $item->id or '' }}}">

                                            <div class="form-group">

                                                <label class="control-label tab-con col-md-2 fileType" id="part-title">{{{ trans('main.video_file').' / Pdf File' }}}</label>
                                                <div class="col-md-7 tab-con">
                                                    <div class="input-group">
                                                        <span class="input-group-addon view-selected img-icon-s" data-toggle="modal" data-target="#VideoModal" data-whatever="upload_video"><span class="formicon mdi mdi-eye"></span></span>
                                                        <input type="text" id="fileEditId" name="upload_video" dir="ltr" class="form-control">
                                                        <span class="input-group-addon click-for-upload img-icon-s"><span class="formicon mdi mdi-arrow-up-thick"></span></span>
                                                    </div>
                                                </div>
{{--                                                Video Maximun 25-30 minutes and size limit 650Mb.--}}
                                                <label class="control-label col-md-1 tab-con">{{{ trans('main.sort') }}}</label>
                                                <div class="col-md-2 tab-con">
                                                    <input name="sort" type="number" id="sortEditId" class="spinner-input form-control" maxlength="3" min="0" max="100">
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{{ trans('main.description') }}}</label>
                                                <div class="col-md-10 tab-con te-10">
                                                    <textarea class="form-control editor-te oflows" id="descriptionEditId" rows="12" placeholder="Description..." name="description" required></textarea>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="control-label col-md-2 tab-con">{{{ trans('main.volume') }}}</label>
                                                <div class="col-md-3 tab-con">
                                                    <div class="input-group">
                                                        <input type="number" min="0" name="size" id="sizeEditId" class="form-control text-center">
                                                        <span class="input-group-addon img-icon-s">{{{ trans('main.mb') }}}</span>
                                                    </div>
                                                </div>
                                                <label class="control-label col-md-1 tab-con">{{{ trans('main.duration') }}}</label>
                                                <div class="col-md-3 tab-con">
                                                    <div class="input-group">
                                                        <input type="number" min="0" id="durationEditId" name="duration" class="form-control text-center">
                                                        <span class="input-group-addon img-icon-s">{{{ trans('main.minute') }}}</span>
                                                    </div>
                                                </div>
                                                {{--                                                <label class="control-label col-md-1 tab-con">{{{ trans('main.free') }}}</label>--}}
                                                {{--                                                <div class="col-md-2 tab-con">--}}
                                                {{--                                                    <div class="switch switch-sm switch-primary pull-left free-edit-check-state">--}}
                                                {{--                                                        <input type="hidden" value="0" name="free">--}}
                                                {{--                                                        <input type="checkbox" name="free" value="1" data-plugin-ios-switch/>--}}
                                                {{--                                                    </div>--}}
                                                {{--                                                </div>--}}
                                            </div>

                                            <div class="form-group">

                                                <label class="control-label tab-con col-md-2" for="inputDefault">{{{ trans('main.title') }}}</label>
                                                <div class="col-md-8 tab-con">
                                                    <input type="text" name="title" class="form-control" id="titleEditId" required>
                                                </div>
                                                <div class="col-md-2 tab-con">
                                                    <button class="btn btn-custom pull-left" id="edit-part-submit" type="submit">{{{ trans('main.edit_part') }}}</button>
                                                </div>
                                            </div>
                                        </form>
                                        <div class="h-15"></div>
                                    </div>
                                </li>
{{--                                <li>--}}
{{--                                    <div class="link"><h2>Upload Complete Course</h2></i></div>--}}
{{--                                </li>--}}
                                <li>
                                    <div class="link new-part-click"><h2>{{{ trans('main.new_part') }}}</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock">
                                        <div class="h-15"></div>

                                        <b style="font-size: 13px">Note*: First video will be used as introductory video for this course</b>
                                        <br/>
                                        <b>Rules: - Size Should be less then 50 MB</b>
                                        <br/>
                                        <br/>
                                        <form action="/user/content/part/store" id="step-5-form-new-part" method="post" class="form-horizontal">
                                            <input type="hidden" name="content_id" value="{{{ $item->id or '' }}}">
                                            <div class="form-group">
                                                <label class="control-label tab-con col-md-2" for="inputDefault">File type</label>
                                                <div class="col-md-10 tab-con">
                                                    <select id="fileType" class="form-control font-s">
                                                        <option selected>Video</option>
                                                        <option >PDF</option>
                                                    </select>
                                                </div>
                                            </div>


                                            <div class="form-group">
                                                <label class="control-label col-md-2 tab-con fileType">{{{ trans('main.video_file').' / Pdf File' }}}</label>
                                                <div class="col-md-7 tab-con">
                                                    <div class="input-group">
                                                        <span class="input-group-addon view-selected img-icon-s" data-toggle="modal" data-target="#VideoModal" data-whatever="upload_video"><span class="formicon mdi mdi-eye"></span></span>
                                                        <input type="text" id="upload_video" name="upload_video_item" dir="ltr" class="form-control" required>
                                                        <span class="input-group-addon click-for-upload img-icon-s"><span class="formicon mdi mdi-arrow-up-thick"></span></span>
                                                    </div>
                                                    <span class="typeHidden">Video Maximun 25-30 minutes and size limit 650Mb.</span>
                                                </div>
                                                <label class="control-label tab-con col-md-1">{{{ trans('main.sort') }}}</label>
                                                <div class="col-md-2 tab-con">
                                                    <input type="number" name="sort" id="sortId" class="spinner-input form-control" maxlength="3" min="0" max="100" required>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="control-label tab-con col-md-2" for="inputDefault">{{{ trans('main.description') }}}</label>                                                <div class="col-md-10 tab-con">
                                                    <textarea class="form-control" id="descriptionId" rows="4" name="description"></textarea>
                                                </div>
                                            </div>

                                            <div class="form-group typeHidden">
                                                <label class="control-label tab-con col-md-2">{{{ trans('main.volume') }}}</label>
                                                <div class="col-md-3 tab-con">
                                                    <div class="input-group">
                                                        <input type="number" min="0" id="sizeId" name="size" value="0" class="form-control text-center" required>
                                                        <span class="input-group-addon img-icon-s">{{{ trans('main.mb') }}}</span>
                                                    </div>
                                                </div>
                                                <label class="control-label tab-con col-md-1">{{{ trans('main.duration') }}}</label>
                                                <div class="col-md-3 tab-con">
                                                    <div class="input-group">
                                                        <input type="number" min="0" value="0" id="durationId" name="duration" class="form-control text-center" required>
                                                        <span class="input-group-addon img-icon-s">{{{ trans('main.minute') }}}</span>
                                                    </div>
                                                </div>
{{--                                                <label class="control-label tab-con col-md-1">{{{ trans('main.free') }}}</label>--}}
{{--                                                <div class="col-md-2 tab-con">--}}
{{--                                                    <div class="switch switch-sm switch-primary pull-left">--}}
{{--                                                        <input type="hidden" value="0" name="free">--}}
{{--                                                        <input type="checkbox" name="free" value="1"--}}
{{--                                                               data-plugin-ios-switch>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
                                            </div>

                                            <div class="form-group">
                                                <label class="control-label tab-con col-md-2" for="inputDefault">{{{ trans('main.title') }}}</label>
                                                <div class="col-md-8 tab-con">
                                                    <input type="text" name="title" id="titleId" class="form-control" required>
                                                </div>
                                                <div class="col-md-2 tab-con">
                                                    <button class="btn btn-custom tab-con pull-left" id="new-part" type="button">{{{ trans('main.save_changes') }}}</button>
                                                </div>
                                            </div>
                                        </form>
                                        <div class="h-15"></div>
                                    </div>
{{--                                    <div>--}}
{{--                                        <h3>**Important</h3>--}}
{{--                                        - Your First Video Must be Inroduction Video of Tutorial<br/>--}}
{{--                                        - Introduction Video Size of 2,3 Minutes<br/>--}}
{{--                                        - You can Upload Whole Course Videos After Approval of Introduction Part--}}
{{--                                    </div>--}}
                                    <br/>
                                    {{--                                    @endif--}}
                                </li>
                                <li  class="open">
                                    <div class="link list-part-click"><h2>Course</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock" >
                                        <div class="table-responsive">
                                            <table class="table ucp-table">
                                                <thead class="thead-s">
                                                <th class="text-center" width="50"></th>
                                                <th class="cell-ta">{{{ trans('main.title') }}}</th>
                                                <th class="text-center" width="50">{{{ trans('main.volume') }}}</th>
                                                <th class="text-center" width="50">Type</th>
                                                <th class="text-center" width="100">{{{ trans('main.duration') }}}</th>
                                                <th class="text-center" width="150">{{{ trans('main.upload_date') }}}</th>
                                                <th class="text-center" width="50">{{{ trans('main.status') }}}</th>
                                                <th class="text-center" width="100">{{{ trans('main.controls') }}}</th>
                                                </thead>
                                                <tbody id="part-video-table-body"></tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="link list-part-click"><h2>Practice Tests</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock" >
                                        <div class="table-responsive">
                                            <table class="table ucp-table">
                                                <thead class="thead-s">
                                                <th>{{{ trans('main.title') }}}</th>
                                                <th>Questions</th>
                                                <th>{{{ trans('main.controls') }}}</th>
                                                </thead>
                                                <tbody>
                                                @foreach($item->practicetest as $practiceTest)
                                                    <tr>
                                                        <td>{{$practiceTest->title}}</td>
                                                        <td>{{$practiceTest->questionCount}}</td>
                                                        {{--                                                            <td>{{$test}}</td>--}}
                                                        <td>
                                                            <a href="/tutor/edit-practice-test/{{$practiceTest->id}}">Edit</a>
                                                            {{--                                                                <input type="button" value="Edit" onclick="editPracticeTest()">--}}
                                                            {{--                                                                <input type="button" value="Update Answers">--}}
                                                        </td>
                                                    </tr>
                                                @endforeach

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="link list-part-click"><h2>Mock Exam</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock" >
                                        <div class="table-responsive">
                                            <table class="table ucp-table">
                                                <thead class="thead-s">
                                                <th>{{{ trans('main.title') }}}</th>
                                                <th>Questions</th>
                                                <th>Duration</th>
                                                </thead>

                                                @if(!is_null($item->listmockexam))
                                                    <tbody>
    {{--                                                @foreach($item->listmockexam as $practiceTest)--}}
                                                        <tr>
                                                            <td>{{$item->listmockexam->title}}</td>
                                                            <td>{{$item->listmockexam->questionCount}}</td>
                                                            <td>{{$item->listmockexam->time}} Minutes</td>
    {{--                                                        <td>--}}
    {{--                                                            <a href="/tutor/edit-practice-test/{{$practiceTest->id}}">Edit</a>--}}
    {{--                                                        </td>--}}
                                                        </tr>
    {{--                                                @endforeach--}}

                                                    </tbody>
                                                @endif
                                            </table>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

{{--                    @if($isShowExtra)--}}
                    <div class="steps dnone" id="step7">
                        <form method="post" enctype="multipart/form-data" action="/tutor/mockexam" id="step-3-form">
                            <input type="hidden" name="courseId" value="{{{ $item->id or '' }}}">

                            <div class="form-group">
                                <label for="exampleInputEmail1">Title</label>
                                <td><input type="text" name="title" class="form-control" value="@isset($item->mockexam->title){{$item->mockexam->title}}@endisset"></td>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Description</label>
                                <td><textarea name="description" class="form-control">@isset($item->mockexam->description){{$item->mockexam->description}}@endisset</textarea></td>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Sections?</label>
                                <table class="table table-bordered table-striped mb-none" id="datatable-details">
                                    <thead>
                                    <tr>
                                        <th>Section Title</th>
                                        <th>Section Description</th>
                                        <th>Time (in minutes)</th>
                                        <th>Question Count</th>
                                        <th>Update Answers</th>
                                    </tr>
                                    </thead>
                                    <tbody id="exm-sections">
                                    @isset($item->listmockexam->mockexamdetails)
                                        @foreach($item->listmockexam->mockexamdetails as $examDetails)
                                            <tr>
                                                <td>{{$examDetails->sectionTitle}}</td>
                                                <td>{{$examDetails->description}}</td>
                                                <td>{{$examDetails->time}}</td>
                                                <td>{{$examDetails->questionCount}}</td>
                                                <td class="text-center">
                                                    <a target="_blank" href="{{route('tutor.mockexam.updateanswers',['id'=>$examDetails->id,'Examid'=>$item->listmockexam->id])}}" title="Edit"><i class="fa fa-edit" aria-hidden="true"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endisset
                                    {{--                                    <tr>--}}
                                    {{--                                        <td><input required class="form-control" type="text" name="sectionTitle[]"></td>--}}
                                    {{--                                        <td><input required class="form-control" type="text" name="sectiondescription[]"></td>--}}
                                    {{--                                        <td><input required class="form-control" type="number" min="10" name="time[]"></td>--}}
                                    {{--                                        <td><input required class="form-control" type="number" min="1" type="text" name="questionCount[]"></td>--}}
                                    {{--                                    </tr>--}}

                                    </tbody>
                                </table>
                                <input onclick="addsection('exm-sections')" type="button" class="btn btn-primary" value="Add Exam Section">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">File (pdf)</label>
                                <td><input type="file" name="file" class="form-control" accept="application/pdf"></td>
                            </div>
                            <div class="form-group">
                                <div class="col-md-2 tab-con">
                                    <button class="btn btn-custom pull-left" id="edit-part-submit" type="submit">Save</button>
                                </div>
                                {{--                                <div class="col-md-2 tab-con">--}}
                                {{--                                    <button  onclick="uploadAnswers()" class="btn btn-custom pull-left" id="edit-part-submit" type="button">Upload Answer</button>--}}
                                {{--                                    <input onclick="download()" type="button" class="btn btn-success" value="Upload Answer">--}}
                                {{--                                </div>--}}
                            </div>
                        </form>
                    </div>


                    <div class="steps dnone" id="step8">
                        <div class="accordion-off">
                            <ul id="accordion" class="accordion off-filters-li">
                                <li class="open edit-part-section2 dnone">
                                    <div class="link edit-part-click"><h2>{{{ trans('main.edit_part') }}}</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock">
                                        <div class="h-15"></div>
                                        <input type="hidden" id="part-edit-id">
                                        <form method="post" enctype="multipart/form-data" action="/tutor/create-practice-test" id="step-3-form">
                                            <input type="hidden" name="courseId" value="{{{ $item->id or '' }}}">
                                            <input type="hidden" name="type" value="Practice Test">

                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Title</label>
                                                <td><input type="text" name="title" class="form-control" value=""></td>
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Description</label>
                                                <td><textarea name="description" class="form-control"></textarea></td>
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Sections?</label>
                                                <table class="table table-bordered table-striped mb-none" id="datatable-details">
                                                    <thead>
                                                    <tr>
                                                        <th>Section Title</th>
                                                        <th>Section Description</th>
                                                        {{--                                                        <th>Time (in minutes)</th>--}}
                                                        <th>Question Count</th>
                                                        {{--                                                        <th>Update Answers</th>--}}
                                                    </tr>
                                                    </thead>
                                                    <tbody id="practiceexm-sectionss">
                                                    {{--                                                    @isset($item->mockexam->mockexamdetails)--}}
                                                    {{--                                                        @foreach($item->mockexam->mockexamdetails as $examDetails)--}}
                                                    {{--                                                            <tr>--}}
                                                    {{--                                                                <td>{{$examDetails->sectionTitle}}</td>--}}
                                                    {{--                                                                <td>{{$examDetails->description}}</td>--}}
                                                    {{--                                                                <td>{{$examDetails->time}}</td>--}}
                                                    {{--                                                                <td>{{$examDetails->questionCount}}</td>--}}
                                                    {{--                                                                <td class="text-center">--}}
                                                    {{--                                                                    <a target="_blank" href="{{route('tutor.mockexam.updateanswers',['id'=>$examDetails->id,'Examid'=>$item->mockexam->id])}}" title="Edit"><i class="fa fa-edit" aria-hidden="true"></i></a>--}}
                                                    {{--                                                                </td>--}}
                                                    {{--                                                            </tr>--}}
                                                    {{--                                                        @endforeach--}}
                                                    {{--                                                    @endisset--}}
                                                    </tbody>
                                                </table>
                                                <input onclick="addpracticesection('practiceexm-sections')" type="button" class="btn btn-primary" value="Add Exam Section">
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">File (pdf)</label>
                                                <td><input type="file" name="file" class="form-control" accept="application/pdf"></td>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-md-2 tab-con">
                                                    <button class="btn btn-custom pull-left" id="edit-part-submit" type="submit">Save</button>
                                                </div>
                                            </div>
                                        </form>
                                        <div class="h-15"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="link new-part-click"><h2>Add Practice Test</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock">
                                        <div class="h-15"></div>
                                        <form method="post" enctype="multipart/form-data" action="/tutor/create-practice-test" id="step-3-form">
                                            <input type="hidden" name="courseId" value="{{{ $item->id or '' }}}">
                                            <input type="hidden" name="type" value="Practice Test">

                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Title</label>
                                                <td><input type="text" name="title" class="form-control" value=""></td>
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Description</label>
                                                <td><textarea name="description" class="form-control"></textarea></td>
                                            </div>

                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Sections?</label>
                                                <table class="table table-bordered table-striped mb-none" id="datatable-details">
                                                    <thead>
                                                    <tr>
                                                        <th>Section Title</th>
                                                        <th>Section Description</th>
                                                        {{--                                                        <th>Time (in minutes)</th>--}}
                                                        <th>Question Count</th>
                                                        {{--                                                        <th>Update Answers</th>--}}
                                                    </tr>
                                                    </thead>
                                                    <tbody id="practiceexm-sections">
                                                    {{--                                                    @isset($item->mockexam->mockexamdetails)--}}
                                                    {{--                                                        @foreach($item->mockexam->mockexamdetails as $examDetails)--}}
                                                    {{--                                                            <tr>--}}
                                                    {{--                                                                <td>{{$examDetails->sectionTitle}}</td>--}}
                                                    {{--                                                                <td>{{$examDetails->description}}</td>--}}
                                                    {{--                                                                <td>{{$examDetails->time}}</td>--}}
                                                    {{--                                                                <td>{{$examDetails->questionCount}}</td>--}}
                                                    {{--                                                                <td class="text-center">--}}
                                                    {{--                                                                    <a target="_blank" href="{{route('tutor.mockexam.updateanswers',['id'=>$examDetails->id,'Examid'=>$item->mockexam->id])}}" title="Edit"><i class="fa fa-edit" aria-hidden="true"></i></a>--}}
                                                    {{--                                                                </td>--}}
                                                    {{--                                                            </tr>--}}
                                                    {{--                                                        @endforeach--}}
                                                    {{--                                                    @endisset--}}
                                                    </tbody>
                                                </table>
                                                <input onclick="addpracticesection('practiceexm-sections')" type="button" class="btn btn-primary" value="Add Exam Section">
                                            </div>
{{--                                            <div class="form-group">--}}
{{--                                                <label for="exampleInputEmail1">File (pdf)</label>--}}
{{--                                                <td><input type="file" name="file" class="form-control" accept="application/pdf"></td>--}}
{{--                                            </div>--}}
                                            <div class="form-group">
                                                <div class="col-md-2 tab-con">
                                                    <button class="btn btn-custom pull-left" id="edit-part-submit" type="submit">Save</button>
                                                </div>
                                            </div>
                                        </form>
                                        <div class="h-15"></div>
                                        <div style="font-weight: bold;color: red;font-size: 16px;">
                                            Please Edit the Practice Test After Save To Upload Questions.
                                        </div>
                                    </div>
                                    <br/>
                                    {{--                                    @endif--}}
                                </li>
                                <li  class="open">
                                    <div class="link list-part-click"><h2>Practice Tests</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu dblock" >
                                        <div class="table-responsive">
                                            <table class="table ucp-table">
                                                <thead class="thead-s">
                                                <th>{{{ trans('main.title') }}}</th>
                                                <th>Questions</th>
                                                <th>{{{ trans('main.controls') }}}</th>
                                                </thead>
                                                <tbody>
                                                @foreach($item->listpracticetest as $test)
                                                    <tr>
                                                        <td>{{$test->title}}</td>
                                                        <td>{{$test->questionCount}}</td>
                                                        {{--                                                            <td>{{$test}}</td>--}}
                                                        <td>
                                                            <a href="/tutor/edit-practice-test/{{$test->id}}">Edit</a>
                                                            {{--                                                                <input type="button" value="Edit" onclick="editPracticeTest()">--}}
                                                            {{--                                                                <input type="button" value="Update Answers">--}}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

{{--                    @endif--}}

                </div>



                <div class="h-10"></div>
                <div class="col-md-12">
                    <a href="javascript:void(0);" class="btn btn-custom pull-left tab-con marl-s-10" id="prev-btn">{{{ trans('main.previous') }}}</a>
                    <a href="javascript:void(0);" class="btn btn-custom tab-con pull-left marl-s-10" id="next-btn">{{{ trans('main.next') }}}</a>

                    @if($item->mode != 'publish')
                        <a href="#publish-modal" data-toggle="modal" class="btn btn-custom pull-left tab-con marl-s-10">{{{ trans('main.publish') }}}</a>
                    @else
                        <a href="#re-publish-modal" data-toggle="modal" class="btn btn-custom pull-left tab-con marl-s-10">{{{ trans('main.save_changes') }}}</a>
                    @endif
                    @if($item->mode != 'publish')
                        <input type="submit" class="btn btn-custom pull-left tab-con marl-s-10" id="draft-btn" value="Save">
                    @endif
                </div>
                <div class="h-30"></div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="publish-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">{{{ trans('main.publish') }}}</h4>
                </div>
                <div class="modal-body">
                    <p>{{{ trans('main.publish_alert') }}} </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{{ trans('main.cancel') }}}</button>
                    <button type="button" class="btn btn-default btn-publish-final">{{{ trans('main.publish') }}}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <div class="modal fade" id="re-publish-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">{{{ trans('main.edit_course') }}}</h4>
                </div>
                <div class="modal-body">
                    <p>{{{ trans('main.edit_course_alert') }}}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{{ trans('main.cancel') }}}</button>
                    <button type="button" class="btn btn-default btn-publish-final">{{{ trans('main.yes_sure') }}}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="delete-part-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">{{{ trans('main.delete_course') }}}</h4>
                </div>
                <div class="modal-body">
                    <p>{{{ trans('main.delete_alert') }}}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-custom" data-dismiss="modal">{{{ trans('main.cancel') }}}</button>
                    <input type="hidden" id="delete-part-id">
                    <button type="button" class="btn btn-custom pull-left" id="delete-request">{{{ trans('main.yes_sure') }}}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
@endsection
@section('script')
    <script>

        function checklength(){
        // $('#some-textarea').change(function () {
            alert('OK')
            // var len = $('#some-textarea').val().split(" ").length;
            // console.log(len)
            // if(len >= 15){ //15 words, hardcoded, probably change this to maxwords, or whatever.
            //     $('#submit-button').removeAttr('disabled');
            // }
            // else{
            //     $('#submit-button').attr('disabled', 'disabled');
            // }
        }

        $('.editor-te').jqte({format: false,
            change: function(){
                var len = $('.descriptionArea').val().split(" ").length;
                console.log(len>500)
                if(len>500)
                    $('#descriptionAreaEr').text('Description Should be 500 words only');

            }
        });

        function editPracticeTest() {
            // $('.edit-part-section2').show();
        }
        function add() {
            $('#learnings').append('' +
                '<tr>\n' +
                '                                        <td><input type="text" name="learnings[]" class="form-control"></td>\n' +
                '                                        <td><input type="button" value="Remove" onclick="remove(this)" class="form-control"></td>\n' +
                '                                    </tr>')
        }

        function remove(evt) {
            $(evt).closest("tr").remove();
        }

        function uploadAnswers(){
            // console.log($('#step-3-form').submit)
            alerr('Answers')
        }

        function addsection(id)
        {
            $('#'+id).append(
                '<tr>\n' +
                '                <td><input required class="form-control" type="text" name="sectionTitle[]"></td>\n' +
                '                <td><input required class="form-control" type="text" name="sectiondescription[]"></td>\n' +
                '                <td><input type="number" min="10" required class="form-control" type="text" name="time[]"></td>\n' +
                '                <td><input type="number" min="1" required class="form-control" type="text" name="questionCount[]"></td>\n' +
                '            </tr>'
            )
        }
        function addpracticesection(id)
        {
            console.log('addpracticesection',id);
            $('#practiceexm-sections').append(
                '<tr>\n' +
                '                <td><input required class="form-control" type="text" name="sectionTitle[]"></td>\n' +
                '                <td><input required class="form-control" type="text" name="sectiondescription[]"></td>\n' +
                '                <td style="display: none"><input type="hidden" min="10" required class="form-control" type="text" name="time[]" value=0></td>\n' +
                '                <td><input type="number" min="1" required class="form-control" type="text" name="questionCount[]"></td>\n' +
                '            </tr>'
            )
        }

        $('.multi-steps .right-side ul li').click(function () {
            $('.multi-steps .right-side ul li').removeClass('active');
            $(this).addClass('active');
            var step = $(this).attr('cstep');
            $('.steps').not(this).each(function(){
                $(this).slideUp(500);
            });
            $('#step'+step).slideDown(1000);
            $('#current_step').val(step);
        })
    </script>
    <script>
        $('document').ready(function () {
            $('input[name="post"]').change(function () {
                if($(this).prop('checked')){
                    $('input[name="post_price"]').removeAttr('disabled');
                }else{
                    $('input[name="post_price"]').attr('disabled','disabled');
                }
            });
            $('#free').change(function () {
                if($(this).prop('checked')){
                    $('input[name="price"]').attr('disabled','disabled');
                    $('input[name="post_price"]').attr('disabled','disabled');
                }else{
                    $('input[name="price"]').removeAttr('disabled');
                }
            });
        })
    </script>
    <script>
        $('#category_id').change(function () {
            var id = $(this).val();
            $('.filter-tags').removeAttr('checked');
            $('.filters').not('#filter'+id).each(function(){
                $('.filters').slideUp();
            });
            $('#filter'+id).slideDown(500);
        })
    </script>
    <script>
        $('#next-btn').click(function () {
            var step = $('#current_step').val();
            step = parseInt(step)+1;
            $("li[cstep="+step+"]").click();
        });
        $('#prev-btn').click(function () {
            var step = $('#current_step').val();
            step = parseInt(step)-1;
            $("li[cstep="+step+"]").click();
        });
        $('#draft-btn').click(function () {
            var id = $('#edit_id').val();
            $.post('/user/content/edit/store/'+id,$('#step-1-form').serialize());
            $.post('/user/content/edit/meta/store/'+id,$('#step-1-form-meta').serialize());
            $.post('/user/content/edit/store/'+id,$('#step-2-form').serializeArray());
            $.post('/user/content/edit/store/'+id,$('#step-3-form').serialize());
            $.post('/user/content/edit/store/'+id,$('#step-3-form-subscribe').serialize());
            $.post('/user/content/edit/meta/store/'+id,$('#step-3-form-meta').serialize());
            $.post('/user/content/edit/meta/store/'+id,$('#step-3-form-precourse').serialize());
            $.post('/user/content/edit/meta/store/'+id,$('#step-4-form-meta').serialize());

            /* Notify */
            $.notify({
                message: 'Your changes saved successfully'
            },{
                type: 'danger',
                allow_dismiss: false,
                z_index: '99999999',
                placement: {
                    from: "bottom",
                    align: "right"
                },
                position:'fixed'
            });
        });
        $('.btn-publish-final').click(function () {
            var id = $('#edit_id').val();
            $.post('/user/content/edit/meta/store/'+id,$('#step-1-form-meta').serialize());
            $.post('/user/content/edit/store/'+id,$('#step-2-form').serializeArray());
            $.post('/user/content/edit/store/'+id,$('#step-3-form').serialize());
            $.post('/user/content/edit/meta/store/'+id,$('#step-3-form-meta').serialize());
            $.post('/user/content/edit/meta/store/'+id,$('#step-3-form-precourse').serialize());
            $.post('/user/content/edit/meta/store/'+id,$('#step-4-form-meta').serialize());
            $.post('/user/content/edit/store/request/'+id,$('#step-1-form').serialize());

            /* Notify */
            $.notify({
                message: 'Your course sent to content review department.'
            },{
                type: 'danger',
                allow_dismiss: false,
                z_index: '99999999',
                placement: {
                    from: "bottom",
                    align: "right"
                },
                position:'fixed'
            });
            $('.modal').modal('hide');
        })
    </script>
    <script>
        var options = {
            url: function(phrase) {
                return "/jsonsearch/?q=" + phrase;
            },
            getValue: "title",

            template: {
                type: "custom",
                method: function(value, item) {
                    return "<span data-id='"+ item.id +"' id='course-"+ item.id +"'>"+ item.title + item.code +"</span>";
                }
            },
            list: {

                onClickEvent: function() {
                    var code = $(".provider-json-pre-course").getSelectedItemData().code;
                    var id = $(".provider-json-pre-course").getSelectedItemData().id;
                    var title = $(".provider-json-pre-course").getSelectedItemData().title;
                    var countArray = $('#precourse').val().split(',');
                    if(countArray.length < 4) {
                        $('#precourse').val($('#precourse').val() + id + ',');
                        $('.pre-course-title-container').append('<li>' + title + '&nbsp;' + code + '<i class="fa fa-times delete-course" cid="' + id + '"></i></li>');
                    }
                },

                showAnimation: {
                    type: "fade", //normal|slide|fade
                    time: 400,
                    callback: function() {}
                },

                hideAnimation: {
                    type: "slide", //normal|slide|fade
                    time: 400,
                    callback: function() {}
                }
            }
        };
        $(".provider-json-pre-course").easyAutocomplete(options);

        $('body').on('click','i.delete-course',function(){
            $(this).parent('li').remove();
            var id = $(this).attr('cid');
            $('#precourse').val($('#precourse').val().replace(id+',',''));
        });
    </script>
    <script>
        {{--let canUploadFiles = {{ $canUploadFiles }};--}}
        // console.log('canUploadFiles',canUploadFiles)
        $('#new-part').click(function (e) {
            e.preventDefault();
            // if(!$('#step-5-form-new-part')[0].checkValidity()){
            //     $('#step-5-form-new-part input').filter('[required]:visible').css('border-color','red');
                let file = $("input[name='upload_video_item']").val();
                let sort = $('#sortId').val();
                let size = $('#sizeId').val();
                let title = $('#titleId').val();
                let description = $('#descriptionId').val();
                let duration = $('#durationId').val();
                let isError = false;
                let extension = file ? file.split('.').pop():null;
                if(!file){
                    $("input[name='upload_video_item']").css('border-color','red');
                    isError = true;
                }else{
                    $("input[name='upload_video_item']").css('border-color','');
                }
                if(!title){
                    $('#titleId').css('border-color','red');
                    isError = true;
                }else{
                    $('#titleId').css('border-color','');
                }
                if(!sort){
                    $('#sortId').css('border-color','red');
                    isError = true;
                }else{
                    $('#sortId').css('border-color','');

                }

                if(!file ||  (file && ['webm','mp4','avi'].includes(extension))){
                    if(!size){
                        $('#sizeId').css('border-color','red');
                        isError = true;
                    }else{
                        $('#sizeId').css('border-color','');
                    }

                    if(!duration){
                        $('#durationId').css('border-color','red');
                        isError = true;
                    }else{
                        $('#durationId').css('border-color','');
                    }
                }

                if(file && !['webm','mp4','avi'].includes(extension)){
                    $('#durationId').css('border-color','');
                    $('#sizeId').css('border-color','');
                }

                if(file && !['webm','mp4','avi','pdf'].includes(extension)){
                    alert('only video or pdf file are allowed');
                    $("input[name='upload_video_item']").css('border-color','red');
                    return ;
                }

                if(isError){
                    return
                }else{
                    $('#step-5-form-new-part input').filter('[required]:visible').css('border-color','#CCCCCC');
                    $.post('/user/content/part/store', $('#step-5-form-new-part').serialize(), function (data) {
                        $('#step-5-form-new-part')[0].reset();
                        refreshContent();
                        $.notify({
                            message: data.message
                        }, {
                            type: 'danger',
                            allow_dismiss: false,
                            z_index: '99999999',
                            placement: {
                                from: "bottom",
                                align: "right"
                            },
                            position: 'fixed'
                        });
                    })
                }
            // }else {
            //     $('#step-5-form-new-part input').filter('[required]:visible').css('border-color','#CCCCCC');
            //     $.post('/user/content/part/store', $('#step-5-form-new-part').serialize(), function (data) {
            //         console.log('DATA FROM ADD',)
            //         $('#step-5-form-new-part')[0].reset();
            //         refreshContent();
            //         $.notify({
            //             message: data.message
            //         }, {
            //             type: 'danger',
            //             allow_dismiss: false,
            //             z_index: '99999999',
            //             placement: {
            //                 from: "bottom",
            //                 align: "right"
            //             },
            //             position: 'fixed'
            //         });
            //     })
            // }
        })
    </script>
    <script>
        $('document').ready(function () {
            refreshContent();
        })
        function refreshContent() {
            var id = $('#edit_id').val();
            $('#part-video-table-body').html('');
            $.get('/user/content/part/json/'+id,function (data) {
                $('#part-video-table-body').html('');
                $.each(data,function (index,item) {
                    $('#part-video-table-body').append('<tr class="text-center"><td>'+ item.price +'</td><td class="cell-ta">'+ item.title +'</td><td>'+ item.size +'MB</td><td class="cell-ta">'+ item.content_type +'</td><td>'+ item.duration +'&nbsp;Minutes</td><td>'+ item.create_at +'</td><td>'+ item.mode +'</td><td><span class="crticon mdi mdi-lead-pencil i-part-edit img-icon-s" pid="'+ item.id +'" title="Edit"></span>&nbsp;<span class="crticon mdi mdi-delete-forever" data-toggle="modal" data-target="#delete-part-modal img-icon-s" onclick="$(\'#delete-part-id\').val($(this).attr(\'pid\'));" pid="'+ item.id +'" title="Delete"></span></td></tr>');
                })
            })
        }
    </script>
    <script>
        $('#delete-request').click(function () {
            $('#delete-part-modal').modal('hide');
            var id = $('#delete-part-id').val();
            $.get('/user/content/part/delete/'+id);
            refreshContent();
        })
    </script>
    <script>
        $('body').on('click','span.i-part-edit',function () {
            var id = $(this).attr('pid');
            $.get('/user/content/part/edit/'+id,function (data) {
                $('.edit-part-section').show();
                var efrom ='#step-5-form-edit-part ';
                $('#part-edit-id').val(id);
                $(efrom + 'input[name="upload_video"]').val(data.upload_video);
                $(efrom + 'input[name="sort"]').val(data.sort);
                $(efrom + 'input[name="size"]').val(data.size);
                $(efrom + 'input[name="duration"]').val(data.duration);
                $(efrom + 'input[name="title"]').val(data.title);
                $(efrom + 'textarea[name="description"]').html(data.description);
                if(data.free == 1) {
                    $('.free-edit-check-state .ios-switch').removeClass('off');
                    $('.free-edit-check-state .ios-switch').addClass('on');
                }else{
                    $('.free-edit-check-state .ios-switch').removeClass('on');
                    $('.free-edit-check-state .ios-switch').addClass('off');
                }
            })
            if($('.new-part-click').next('.submenu').css('display') == 'block'){
                $('.new-part-click').click();
            }
            if($('.edit-part-click').next('.submenu').css('display') == 'none'){
                $('.new-part-click').click();
            }
        })
    </script>
    <script>
        $('#edit-part-submit').click(function (e) {
            e.preventDefault();
            var id = $('#part-edit-id').val();

            let file = $("input[name='upload_video']").val();
            let sort = $('#sortEditId').val();
            let size = $('#sizeEditId').val();
            let title = $('#titleEditId').val();
            let description = $('#descriptionEditId').val();
            let duration = $('#durationEditId').val();
            let isError = false;
            let extension = file ? file.split('.').pop():null;
            if(!file){
                $("input[name='upload_video']").css('border-color','red');
                isError = true;
            }else{
                $("input[name='upload_video']").css('border-color','');
            }
            if(!title){
                $('#titleEditId').css('border-color','red');
                isError = true;
            }else{
                $('#titleEditId').css('border-color','');

            }
            if(!sort){
                $('#sortEditId').css('border-color','red');
                isError = true;
            }else{
                $('#sortEditId').css('border-color','');

            }

            if(!file ||  (file && ['webm','mp4','avi'].includes(extension))){
                if(!size){
                    $('#sizeEditId').css('border-color','red');
                    isError = true;
                }else{
                    $('#sizeEditId').css('border-color','');
                }

                if(!duration){
                    $('#durationEditId').css('border-color','red');
                    isError = true;
                }else{
                    $('#durationEditId').css('border-color','');
                }
            }

            if(file && !['webm','mp4','avi'].includes(extension)){
                $('#durationEditId').css('border-color','');
                $('#sizeEditId').css('border-color','');
            }

            if(file && !['webm','mp4','avi','pdf'].includes(extension)){
                alert('only video or pdf file are allowed');
                $("input[name='upload_video']").css('border-color','red');
                return ;
            }

            if(isError){
                return
            }
            $('#step-5-form-new-part input').filter('[required]:visible').css('border-color','#CCCCCC');
            $.post('/user/content/part/edit/store/'+id,$('#step-5-form-edit-part').serialize(),function (data) {
                //console.log(data);
            });
            refreshContent();
            $.notify({
                message: 'Part changes saved successfully.'
            },{
                type: 'danger',
                allow_dismiss: false,
                z_index: '99999999',
                placement: {
                    from: "bottom",
                    align: "right"
                },
                position:'fixed'
            });

        })

        $('#fileType').change(function (e) {
            if($('#fileType').val())
            {
                $('.fileType').text($('#fileType').val())

                if($('#fileType').val()=='PDF')
                {
                    $('.typeHidden').css('display','none')
                }
                else
                {
                    console.log($('input[name=size]').val())
                    $('.typeHidden').css('display','block')
                }

            }
        })


    </script>
@endsection