@extends('user.layout.sendvideolayout')

@section('pages')
    <div class="h-30"></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 10px">Guide to add course</a>


    <div class="conteiner-fluid">
        <div class="container cont-10">

            <div class="h-30"></div>
{{--            <button name="Guide to add course" />--}}
            <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);"><span class="upicon mdi mdi-library-video"></span><span>{{{ trans('main.general') }}}</span></a></li>
                        <li cstep="2"><a href="javascript:void(0);"><span class="upicon mdi mdi-apps"></span><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="3"><a href="javascript:void(0);"><span class="upicon mdi mdi-library-books"></span><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>{{{ trans('main.parts') }}}</span></a></li>
                        <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>
                    </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" action="/user/content/new/store" 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">{{{ trans('main.single') }}}</option>--}}
                                        <option value="course">{{{ 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="30-60 Characters" class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <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">
                                    <textarea class="form-control editor-te" placeholder="Maximum 500 word" rows="12" name="content" required></textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group">
                                <div class="col-md-12 tab-con">
                                    <input type="submit" class="btn btn-custom pull-left" value="Next">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="steps dnone" id="step2">
                        <form method="post" action="/user/content/new/store" class="form-horizontal">
                            <div class="form-group">
                                <label class="col-md-2 control-label" for="inputDefault">{{{ trans('main.category') }}}</label>
                                <div class="col-md-10">
                                    <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 '' }}}" >{{{ $sub->title or '' }}}</option>
                                                        @endforeach
                                                    @else
                                                        <option value="{{{ $menu->id or '' }}}" >{{{ $menu->title or '' }}}</option>
                                                    @endif
                                                </optgroup>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="h-15"></div>
                            @foreach($menus as $menu)
                                <div class="col-md-11 col-md-offset-1 filters" id="filter{{{ $menu->id or 0 }}}">
                                    @foreach($menu->filters as $filter)
                                        <div class="col-md-3 col-xs-12">
                                            <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="tags[]" value="{{{ $tag->id or 0 }}}"><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" class="form-horizontal">
                            <div class="form-group">
                                <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.free_course') }}}</label>
                                <div class="col-md-6">
                                    <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 />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.vendor_postal_sale') }}}</label>
                                <div class="col-md-6">
                                    <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 />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.vendor_supports_item') }}}</label>
                                <div class="col-md-6">
                                    <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 />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.documents') }}}</label>
                                <div class="col-md-6">
                                    <div class="switch switch-sm switch-primary pull-left">
                                        <input type="hidden" value="0" name="document">
                                        <input type="checkbox" name="document" value="1" data-plugin-ios-switch />
                                    </div>
                                </div>
                            </div>
                            <div class="h-10"></div>
                            <div class="form-group">
                                <label class="control-label col-md-2">{{{ trans('main.price') }}}</label>
                                <div class="col-md-10">
                                    <div class="input-group">
                                        <input type="text" name="price" onkeypress="validate(event)" value="{{{$meta['price'] or ''}}}" class="form-control text-center numtostr" disabled>
                                        <span class="input-group-addon click-for-upload img-icon-s">@if(!empty($meta['price'])) {{{ currencySign() }}}{{{ num2str($meta['price']) }}} @endif</span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-2">{{{ trans('main.postal_price') }}}</label>
                                <div class="col-md-10">
                                    <div class="input-group">
                                        <input type="text" name="post_price" onkeypress="validate(event)" value="{{{$meta['post_price'] or ''}}}" class="form-control text-center numtostr" disabled>
                                        <span class="input-group-addon click-for-upload img-icon-s">@if(!empty($meta['post_price'])) {{{ currencySign() }}}{{{ num2str($meta['post_price']) }}} @endif</span>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="h-30"></div>
        </div>
    </div>

@endsection



{{--<div class="tabs">--}}
{{--    <ul class="nav nav-pills">--}}
{{--        <li class="nav-item active">--}}
{{--            <a href="#course" class="nav-link" data-toggle="tab"> Course</a>--}}
{{--        </li>--}}
{{--        <li class="nav-item">--}}
{{--            <a href="#courseguide" class="nav-link" data-toggle="tab">Guide to add course</a>--}}
{{--        </li>--}}
{{--    </ul>--}}
{{--    <div class="tab-content">--}}

{{--        --}}{{--    <div class="h-30"></div>--}}
{{--        <div id="course" class="tab-pane active">--}}
{{--            <div class="conteiner-fluid">--}}
{{--                <div class="container cont-10">--}}
{{--                    <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);"><span class="upicon mdi mdi-library-video"></span><span>{{{ trans('main.general') }}}</span></a></li>--}}
{{--                                <li cstep="2"><a href="javascript:void(0);"><span class="upicon mdi mdi-apps"></span><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="3"><a href="javascript:void(0);"><span class="upicon mdi mdi-library-books"></span><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>{{{ trans('main.parts') }}}</span></a></li>--}}
{{--                                <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>--}}
{{--                            </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" action="/user/content/new/store" 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">{{{ trans('main.single') }}}</option>--}}
{{--                                                <option value="course">{{{ 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="30-60 Characters" class="form-control" required>--}}
{{--                                        </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">--}}
{{--                                            <textarea class="form-control editor-te" rows="12" placeholder="Description..." name="content" required></textarea>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <hr>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <div class="col-md-12 tab-con">--}}
{{--                                            <input type="submit" class="btn btn-custom pull-left" value="Next">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </form>--}}
{{--                            </div>--}}
{{--                            <div class="steps dnone" id="step2">--}}
{{--                                <form method="post" action="/user/content/new/store" class="form-horizontal">--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="col-md-2 control-label" for="inputDefault">{{{ trans('main.category') }}}</label>--}}
{{--                                        <div class="col-md-10">--}}
{{--                                            <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 '' }}}" >{{{ $sub->title or '' }}}</option>--}}
{{--                                                                @endforeach--}}
{{--                                                            @else--}}
{{--                                                                <option value="{{{ $menu->id or '' }}}" >{{{ $menu->title or '' }}}</option>--}}
{{--                                                            @endif--}}
{{--                                                        </optgroup>--}}
{{--                                                    @endif--}}
{{--                                                @endforeach--}}
{{--                                            </select>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="h-15"></div>--}}
{{--                                    @foreach($menus as $menu)--}}
{{--                                        <div class="col-md-11 col-md-offset-1 filters" id="filter{{{ $menu->id or 0 }}}">--}}
{{--                                            @foreach($menu->filters as $filter)--}}
{{--                                                <div class="col-md-3 col-xs-12">--}}
{{--                                                    <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="tags[]" value="{{{ $tag->id or 0 }}}"><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" class="form-horizontal">--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.free_course') }}}</label>--}}
{{--                                        <div class="col-md-6">--}}
{{--                                            <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 />--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.vendor_postal_sale') }}}</label>--}}
{{--                                        <div class="col-md-6">--}}
{{--                                            <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 />--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.vendor_supports_item') }}}</label>--}}
{{--                                        <div class="col-md-6">--}}
{{--                                            <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 />--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-md-5 col-md-offset-1 form-label-s" for="inputDefault">{{{ trans('main.documents') }}}</label>--}}
{{--                                        <div class="col-md-6">--}}
{{--                                            <div class="switch switch-sm switch-primary pull-left">--}}
{{--                                                <input type="hidden" value="0" name="document">--}}
{{--                                                <input type="checkbox" name="document" value="1" data-plugin-ios-switch />--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="h-10"></div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-md-2">{{{ trans('main.price') }}}</label>--}}
{{--                                        <div class="col-md-10">--}}
{{--                                            <div class="input-group">--}}
{{--                                                <input type="text" name="price" onkeypress="validate(event)" value="{{{$meta['price'] or ''}}}" class="form-control text-center numtostr" disabled>--}}
{{--                                                <span class="input-group-addon click-for-upload img-icon-s">@if(!empty($meta['price'])) {{{ currencySign() }}}{{{ num2str($meta['price']) }}} @endif</span>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}

{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-md-2">{{{ trans('main.postal_price') }}}</label>--}}
{{--                                        <div class="col-md-10">--}}
{{--                                            <div class="input-group">--}}
{{--                                                <input type="text" name="post_price" onkeypress="validate(event)" value="{{{$meta['post_price'] or ''}}}" class="form-control text-center numtostr" disabled>--}}
{{--                                                <span class="input-group-addon click-for-upload img-icon-s">@if(!empty($meta['post_price'])) {{{ currencySign() }}}{{{ num2str($meta['post_price']) }}} @endif</span>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </form>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="h-30"></div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div id="courseguide" class="tab-pane ">--}}
{{--            <div class="conteiner-fluid">--}}
{{--                <div class="container cont-10">--}}
{{--                    <iframe src=”https://learnipro.com/bin/admin/files/cmsdef/course-structure.pdf" width=”100%” height=”100%”></iframe>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--</div>--}}


@section('script')
    <script>
        $('.editor-te').jqte({format: false});
    </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>
@endsection