@extends(getTemplate().'.user.layout.sendvideolayout')

@section('pages')

    <div class="h-30" id="scrollId"></div>
    <div class="container-fluid">
        <input type="hidden" value="1" id="current_step">
        <input type="hidden" value="{{ $item->id }}" 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-library-books"></i><span>Pricing</span></a></li> --}}
                        {{-- <li cstep="4"><a href="javascript:void(0);"><i class="upicon mdi mdi-folder-image"></i><span>{{ trans('main.view') }}</span></a></li> --}}
                        <li ><a href="/user/content/part/list/{{$item->id}}">
                            <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">

                <h3 class="font-semibold">
                    Course: <a href="/product/{{$item->id}}" target="_blank" class="text-red">
                            {{ $item->title }}
                    </a>
                </h3>
                    <div class="steps" id="step1">




                        
                        <form method="post" id="step-1-form" class="form-horizontal">
                            {{ csrf_field() }}
                         
                            <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 }}" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">Sub Title</label>
                                <div class="col-md-10 tab-con">
                                    <input type="text" name="sub_title" placeholder="Sub title" class="form-control" value="{{ $item->sub_title }}" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">Price ({{ currencySign() }})</label>
                                <p>Leave empty if course is FREE</p>
                                <div class="col-md-10 tab-con">
                                    <input type="text" name="price" placeholder="Course Price" class="form-control" value="{{ $item->price }}" >
                                </div>
                            </div>

                            
                            @if(Auth::user()->admin == 1)
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">Mode</label>
                                <div class="col-md-10 tab-con">
                                    <select class="form-control font-s" name="mode">
                                    @if(isset($item->mode))
                                        <option value="publish">{{ $item->mode }}</option>
                                        @endif
                                        <option value="publish">publish</option>
                                        <option value="draft">draft</option>
                                    </select>
                                </div>
                            </div>
                            @endif
                            <br/>

                            <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>
                                        <option value="webinar" @if(isset($item) && $item->type == 'webinar') selected @endif>{{ trans('main.webinar') }}</option>
                                        <option value="course+webinar" @if(isset($item) && $item->type == 'course+webinar') selected @endif>{{ trans('main.course+webinar') }}</option>
                                    </select>
                                </div>
                            </div>


                        
                            @if(get_option('adobe_captivate') == 1)
                                <div class="form-group">
                                    <label class="control-label col-md-2 tab-con">Part Type</label>
                                    <div class="col-md-10 tab-con">
                                        <select name="content_type" class="form-control font-s">
                                            <option value="mp4" @if(isset($item) && $item->content_type == 'mp4') selected @endif>Mp4</option>
                                            <option value="captivate" @if(isset($item) && $item->content_type == 'captivate') selected @endif>Adobe Captivate Zip</option>
                                        </select>
                                    </div>
                                </div>
                            @endif

                            <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">
                                        @if(isset($item->private))
                                        <option value="{{$item->private}}">
                                            @if($item->private == 1)
                                                {{ trans('main.exclusive') }}
                                            @else 
                                                {{ trans('main.open') }}
                                            @endif
                                        </option>
                                        @endif
                                        <option value="1">{{ trans('main.exclusive') }}</option>
                                        <option value="0">{{ trans('main.open') }}</option>
                                    </select>
                                </div>
                            </div> 


                            

                            <br/>
                            <div class="form-group">
                                <h3 class="text-center">Redirect links</h3>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault"> External Link</label>

                                <div class="col-md-10 tab-con">
                                    <p>(optional) This is the link to redirect to after user makes payment. <br/>
                                        Eg. Your email list form. <br/>
                                        Remember to redirect them back to the course from that site</p>
                                    <input type="text" name="redirect_link_after_payment" placeholder="After payment redirect link. eg. an email list form" class="form-control" value="{{ $item->redirect_link_after_payment }}" >
                                </div>
                            </div>
                            <br/>
                            <br/>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">
                                    {{-- Course completion link --}}
                                </label>
                                <div class="col-md-10 tab-con">
                                    <p>(optional) Link to redirect the user to after user completes course. <br/>
                                         Eg. another course</p>
                                    <input type="text" name="redirect_link_after_course_completion" placeholder="Course completion redirect link" class="form-control" value="{{ $item->redirect_link_after_course_completion }}" >
                                </div>
                            </div>
                            <br/>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{ trans('main.promo_video_url') }}</label>
                                <div class="col-md-10 tab-con">
                                    <input type="text" name="promo_video_url" placeholder="Youtube video url..." class="form-control" value="{{ $item->promo_video_url }}" required>
                                </div>
                            </div>

                           

                            <br/>
                            <br/>
                            <hr/>
                            
                            <div class="form-group">


                                <h3 class="text-center">Add countdown timer (optional)</h3>
                            </div>
                            <div class="form-group">

                                <label class="control-label col-md-2 tab-con" for="inputDefault">Show countdown</label>
                                <div class="col-md-10 tab-con">
                                    <select name="is_countdown" class="form-control font-s">
                                        @if(isset($item->is_countdown))
                                        <option value="publish">{{ $item->is_countdown }}</option>
                                        @endif
                                    <option value="no">no</option>  
                                    <option value="yes">yes</option>
                                    </select>
                                </div>
                            </div>
                            <br/>
                            <br/>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">Countdown Message:
                                Write what will happen on the date you will selecte below</label>
                                <div class="col-md-10 tab-con">
                                    <input type="text" name="countdown_message" placeholder="Eg. We will be going live" class="form-control" value="{{ $item->coundown_date }}">
                                </div>
                            </div>

                            <br/>
                            <div class="form-group ">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">Countdown date</label>
                                <div class="col-md-10 tab-con">
                                    <input type="datetime-local" name="countdown_date" placeholder="YYYY-MM-DD" class="form-control" value="{{ $item->coundown_date }}">
                                </div>
                            </div>
                          <br/>
<hr/>
<br/>
<br/>
                            <div class="form-group">
                                <h3 class="text-center">Course Details</h3>
                            </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">
                                    <textarea class="form-control editor-te editor-te-h" rows="10" placeholder="You can import HTML..." name="content" required>{!! $item->content !!}</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{ trans('main.what_will_students_learn') }}</label>
                                <div class="col-md-10 tab-con">
                                    <textarea class="form-control editor-te editor-te-h"  name="what_will_students_learn" required>{!! $item->what_will_students_learn !!}</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{ trans('main.requirements') }}</label>
                                <div class="col-md-10 tab-con">
                                    <textarea class="form-control editor-te editor-te-h" name="requirements" required>{!! $item->requirements !!}</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{ trans('main.target_students') }}</label>
                                <div class="col-md-10 tab-con">
                                    <textarea class="form-control editor-te editor-te-h" name="target_students" required>{!! $item->target_students !!}</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 tab-con" for="inputDefault">{{ trans('main.faq') }}</label>
                                <div class="col-md-10 tab-con">
                                    <textarea class="form-control editor-te editor-te-h"  name="faq" required>{!! $item->faq !!}</textarea>
                                </div>
                            </div>
                        </form>
                        <form method="post" class="form-horizontal" id="step-1-form-meta">
                            {{ csrf_field() }}
                        </form>
                    </div>
                    <div class="steps dnone" id="step2">
                        <form method="post" id="step-2-form" class="form-horizontal">
                            {{ csrf_field() }}
                            <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}}" 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 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 }}">
                                                    @if(count($menu->childs) > 0)
                                                        @foreach($menu->childs as $sub)
                                                            <option value="{{ $sub->id }}" @if($sub->id == $item->category_id) selected @endif>{{ $sub->title }}</option>
                                                        @endforeach
                                                    @else
                                                        <option value="{{ $menu->id }}" @if($menu->id == $item->category_id) selected @endif>{{ $menu->title }}</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 @if($menu->id != $item->category_id) dnone @endif" id="filter{{{ $menu->id ?? 0 }}}">
                                    @foreach($menu->filters as $filter)
                                        <div class="col-md-3 col-xs-12 tab-con">
                                            <h5>{{ $filter->filter }}</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 }}" name="filters[]" value="{{ $tag->id }}" @if(isset($item->filters) && in_array($tag->id,$item->filters->pluck('id')->toArray())) checked @endif><label for="tag{{ $tag->id }}"><span></span>{{ $tag->tag }}</label></li>
                                                    @endforeach
                                                </ul>
                                            </ul>
                                        </div>
                                    @endforeach
                                </div>
                            @endforeach
                        </form>
                    </div>

                    <div class="steps dnone" id="step3">
                        <form method="post" id="step-3-form" class="form-horizontal">
                            {{ csrf_field() }}
                            <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">
                            {{ csrf_field() }}
                            <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'] ?? '' }}" 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'] ?? ''}}" 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">
                            {{ csrf_field() }}
                            <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}}" 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 }}" 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 }}" 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 }}" 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">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="precourse" id="precourse" value="{{ $meta['precourse'] ?? '' }}">
                                        </form>
                                        <ul class="pre-course-title-container">
                                            @if(isset($preCourse))
                                                @foreach($preCourse as $prec)
                                                    <li>{{ $prec->title }}&nbsp;(VT-{{ $prec->id }})<i class="fa fa-times delete-course" cid="{{ $prec->id }}"></i></li>
                                                @endforeach
                                            @endif
                                        </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="step4">
                        <form method="post" class="form-horizontal" id="step-4-form-meta">
                            {{ csrf_field() }}
                            <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" style="display: flex">
                                        <button type="button" id="lfm_cover" data-input="cover" data-preview="holder" class="btn btn-primary">
                                            Choose
                                        </button>
                                        <input id="cover" class="form-control"  dir="ltr" type="text" name="cover" value="{{ !empty($meta['cover']) ? $meta['cover'] : '' }}">
                                        <div class="input-group-prepend view-selected cu-p" data-toggle="modal" data-target="#ImageModal" data-whatever="cover">
                                            <span class="input-group-text">
                                                <i class="fa fa-eye" aria-hidden="true"></i>
                                            </span>
                                        </div>
                                    </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" style="display: flex">
                                        <button type="button" id="lfm_thumbnail" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
                                            Choose
                                        </button>
                                        <input id="thumbnail" class="form-control"  dir="ltr" type="text" name="thumbnail" value="{{ !empty($meta['thumbnail']) ? $meta['thumbnail'] : '' }}">
                                        <div class="input-group-prepend view-selected cu-p" data-toggle="modal" data-target="#ImageModal" data-whatever="thumbnail">
                                            <span class="input-group-text">
                                                <i class="fa fa-eye" aria-hidden="true"></i>
                                            </span>
                                        </div>
                                    </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" style="display: flex">
                                        <button type="button" id="lfm_video" data-input="video" data-preview="holder" class="btn btn-primary">
                                            Choose
                                        </button>
                                        <input id="video" class="form-control" dir="ltr" type="text" name="video" value="{{ !empty($meta['video']) ? $meta['video'] : '' }}">
                                        <div class="input-group-prepend view-selected cu-p" data-toggle="modal" data-target="#ImageModal" data-whatever="video">
                                            <span class="input-group-text">
                                                <i class="fa fa-eye" aria-hidden="true"></i>
                                            </span>
                                        </div>
                                    </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" style="display: flex">
                                        <button type="button" id="lfm_document" data-input="document" data-preview="holder" class="btn btn-primary">
                                            Choose
                                        </button>
                                        <input id="document" class="form-control" dir="ltr" type="text" name="document" value="{{ !empty($meta['document']) ? $meta['document'] : '' }}">
                                        <div class="input-group-prepend view-selected cu-p" onclick="window.open($('#document-addon').val(),'_balnk');">
                                            <span class="input-group-text">
                                                <i class="fa fa-eye" aria-hidden="true"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          --}}


                        </form>

                    </div>
                    <div class="steps dnone" id="step5">

                  
                        <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">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="content_id" value="{{ $item->id }}">

                                            <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" required>
                                                </div>
                                                </div>


                                                    <input name="server" value="youtube" type="hidden" />
                                            <div class="form-group">
                                                <label class="control-label tab-con col-md-2 label-video-file">{{ trans('main.video_file') }}</label>
                                                <div class="col-md-7 tab-con">
                                                    <div class="input-group asdf">
                                                     
                                                        <input type="text" name="upload_video" dir="ltr" class="form-control">
                                                      
                                                    </div>
                                                </div>


                                                <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" class="spinner-input form-control"  required 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" 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" 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" 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">

                                               
                                                <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 class="open">
                                    <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>
                                        <form action="/user/content/part/store" id="step-5-form-new-part" method="post" class="form-horizontal">
                                            {{ csrf_field() }}
                                         
                                          
                                            <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" required>
                                               </div>
                                               </div>
                                           
                                            <input type="hidden" name="content_id" value="{{ $item->id }}">
                                          
                                                <input name="server" type="hidden" value="youtube" />
                                                 

                                            <div class="form-group">
                                                <label class="control-label col-md-2 tab-con">@if($item->content_type != 'captivate'){{ trans('main.video_file') }}@else Captivate Zip File @endif</label>
                                                <div class="col-md-7 tab-con">
                                                    <style>
                                                        .asdf {
                                                            display: flex;
                                                        }
                                                        .asdf span {
                                                            width: 44px;
                                                            height: 44px;
                                                        }
                                                        .asdf input {
                                                            height: 44px;
                                                        }
                                                    </style>
                                                    <div class="input-group asdf">
                                                        <input type="text" id="upload_video2" name="upload_video" dir="ltr" class="form-control">
                                                      
                                                    </div>
                                                </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" class="spinner-input form-control" required maxlength="3" min="0" max="100">
                                                </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" rows="4" name="description"></textarea>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <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" name="size" 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" 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">
                                              
                                                <div class="col-md-2 tab-con">
                                                    <button class="btn btn-custom tab-con pull-left" id="new-part" type="submit">{{ trans('main.save_changes') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                        <div class="h-15"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="link list-part-click"><h2>{{ trans('main.parts') }}</h2><i class="mdi mdi-chevron-down"></i></div>
                                    <div class="submenu">
                                        <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="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>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="h-10"></div>
                <div class="col-md-12">

                    <div class="pull-right">

                    
                    @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>
                <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 src="/vendor/laravel-filemanager/js/stand-alone-button.js"></script>
    <script>
        $('.editor-te').jqte({format: false});
        $('#lfm_document,#lfm_video,#lfm_thumbnail,#lfm_cover,#lfm_upload_video').filemanager('file', {prefix: '/user/laravel-filemanager'});
    </script>
    <script>
        $('.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('readonly', 'readonly').val('0');
                    $('input[name="post_price"]').attr('readonly', 'readonly');
                } else {
                    $('input[name="price"]').removeAttr('readonly').val('');
                }
            });
        })
    </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: "top",
                    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: 'Course is saved.'
            }, {
                type: 'danger',
                allow_dismiss: false,
                z_index: '99999999',
                placement: {
                    from: "top",
                    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: 800,
                    callback: function () {
                    }
                },

                hideAnimation: {
                    type: "slide", //normal|slide|fade
                    time: 800,
                    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>
        $('#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');
            } 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: 'Content saved.'
                    }, {
                        type: 'danger',
                        allow_dismiss: false,
                        z_index: '99999999',
                        placement: {
                            from: "top",
                            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>' + item.duration + '&nbsp;Minutes</td><td>' + item.created_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 + 'select[name="server"]').val(data.server).trigger('change');
                $(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();
            $.post('/user/content/part/edit/store/' + id, $('#step-5-form-edit-part').serialize(), function (data) {
                //console.log(data);
            });
            refreshContent();
            $.notify({
                message: 'Changes saved successfully.'
            }, {
                type: 'danger',
                allow_dismiss: false,
                z_index: '99999999',
                placement: {
                    from: "top",
                    align: "right"
                },
                position: 'fixed'
            });
        })
    </script>
    <script>
        $('.click-to-upload-vimeo').click(function () {
            let url = $('#vimeo_url').val();
            if(url == '' || url == null){
                return $('#vimeo_url').css('background-color','#FDA09B');
            }
            $('#vimeo_url').css('background-color','white');
            $('.vimeo-waiting').show();
            $.get('/user/vimeo/download?link='+url, function (data) {
                if(data == 'ok'){
                    $('.vimeo-waiting').removeClass('blink').text('ok');
                }
            });
        });
    </script>
    <script>
        $(function (){
           $('.server').on('change', function (){
              let server = $(this).val();
              console.log(server);
              if(server == 'youtube' || server == 'vimeo'){
                  $(this).parent().parents().next().find('.input-group-addon').hide();
                  $(this).parent().parents().next().find('.click-for-vimeo').hide();
                  $(this).parent().parents().next().find('#lfm_upload_video').hide();
              }else{
                  $(this).parent().parents().next().find('.input-group-addon').show();
                  $(this).parent().parents().next().find('.click-for-vimeo').show();
                  $(this).parent().parents().next().find('#lfm_upload_video').show();
              }
           });
        });
    </script>
@endsection