@extends('dashboard.layouts.master')

@section('css')
    <!--Jquery steps CSS -->
    <link rel="stylesheet" href="{{ URL::asset('dashboard/plugins/jquery-steps/jquery.steps.css') }}">
    <style>
        .wizard > .steps > ul > li, .wizard > .actions > ul > li {
            float: right;
        }

        /*.file, .video, .exam {
            display: none;
        }*/
    </style>
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">{{trans('labels.lecture')}}</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{trans('labels.dashboard')}}</a></li>
            <li class="breadcrumb-item"><a href="{{route('admin.lectures.index')}}">محاضرات</a></li>
            <li class="breadcrumb-item">{{$data->title}}</li>
            <li class="breadcrumb-item active">تعديل محتوى</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">

                    <h3>تعديل {{trans('labels.'.$content->type)}} في قسم {{$section->title ?? '---'}}</h3>
                    <fieldset>
                        <div class="row">
                            <div class="col-12">
                                @if($content->type == 'video')
                                    @include('dashboard.pages.lectures.sections.content.update.video')
                                @elseif($content->type == 'video-package')
                                    @include('dashboard.pages.lectures.sections.content.update.videoPackage')
                                @elseif($content->type == 'exam')
                                    @include('dashboard.pages.lectures.sections.content.update.exam')
                                @elseif($content->type == 'file')
                                    @include('dashboard.pages.lectures.sections.content.update.file')
                                @elseif($content->type == 'homework')
                                    @include('dashboard.pages.lectures.sections.content.update.homework')
                                @endif
                            </div>
                            
                        </div>
                </fieldset>
                

                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection

@section('script')
    <script>
    $(document).on('change', '.video_method', function(){
        var row = this;
        var value = $(this).val();
        var name = $(this).attr('name');
        // var options = ['by_id', 'by_upload'];
        var options = ['by_id', 'by_iframe','by_inkryptvideos_id','by_youtube'];
        if($(this).val()){
            options.splice(options.indexOf($(this).val()), 1);
            options.forEach(function (option) {
                $(row).parent().siblings('.'+option).hide();
                $('[name="' + option + '"]').attr('required', false);
                $('[name="' + option + '"]').removeClass('required');
            });
            // console.log($(this).html());
            $(this).parent().siblings('.'+value).show();
            // console.log($(this).html());
            $(this).parent().siblings('.video_title').show();
            $('[name="' + name.replace('type', $(this).val()) + '"]').attr('required', true);
            $('[name="' + name.replace('type', $(this).val()) + '"]').addClass('required');    
        }
        
    })
    
    </script>
    <script src="{{ URL::asset('js/lecture-creation.js') }}"></script>

    <!-- Sweet-Alert  -->
    <script src="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.js') }}"></script>
    <script>
        $('.delete-confirm').click(function (event) {
            event.preventDefault();
            const url = $(this).attr('href');
            Swal.fire({
                title: "{{trans('labels.are_you_sure_deleting')}}",
                text: "{{trans('labels.you_wont_be_able_to_revert_this')}}",
                type: "warning",
                showCancelButton: true,
                cancelButtonText: "{{trans('labels.cancel')}}",
                confirmButtonColor: "#02a499",
                cancelButtonColor: "#ec4561",
                confirmButtonText: "{{trans('labels.yes_delete')}}"
            }).then(function (result) {
                if (result.value) {

                    Swal.fire({
                        title: "{{trans('labels.deleted')}}",
                        text: "",
                        type: "success",
                        confirmButtonText: "{{trans('labels.ok')}}"
                    });
                    $('<form action="'+url+'" method="post"> @csrf @method('delete')</form>').appendTo('body').submit();
                }
            });
        });
    </script>

@endsection