@extends('admin.layout.master_layout')

@section('title')

   لوحة التحكم

@stop
@section('css')
<style> 
    
  
    @media (min-width: 992px){
            #modal_center .modal-lg {
                max-width: 1300px;
            }
            #favorite .modal-lg {
                max-width: 1300px;
            }
            #favorite .modal-lg .container{
                max-width: 1250px;
            }

        }
</style>
@endsection



@section('page-content')

<div class="m-grid__item m-grid__item--fluid  m-grid m-grid--ver-desktop m-grid--desktop m-page__container m-body">
    <div class="m-grid__item m-grid__item--fluid m-wrapper">
        <div class="m-subheader ">



			

            <div class="d-flex align-items-center" style="justify-content: space-between;">

                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="#" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ route('admin.dashboard.view') }}" class="m-nav__link">
                            <span class="m-nav__link-text">الرئيسية</span>
                        </a>
                    </li>

                    <li class="m-nav__separator">-</li>
                    <li class="m-nav__item">
                        <a href="/admin/courses" class="m-nav__link">
                            <span class="m-nav__link-text">الدورات</span>
                        </a>
                    </li>
                </ul>

                <div class="m-demo__preview  m-demo__preview--btn">
                    @can('add_courses')
                        <button type="button"  data-toggle="modal" data-target="#add_page" class="btn btn-danger m-btn m-btn--custom btnAddCustomer" style="line-height: 15px;"><i class="fa fa-plus"></i> إضافة دورة</button>
                    @endcan  
                </div>

            </div>


           

        </div>

        <div class="m-content m-content pt-3">


            <div class="">

                <div id="table-container">

                    @include('admin.courses.table-data')

                </div>

            </div>

        </div>

      

    </div>

</div>


@include('admin.courses.sub.add')
@include('admin.uploads.upload')
@stop





@section('js')

<script type="text/javascript">



$('#activeValue').bootstrapSwitch('state', true, true);
$('#activeValue2').bootstrapSwitch('state', true, true);



function CKupdate(){

	for ( instance in CKEDITOR.instances )

		CKEDITOR.instances[instance].updateElement();

}

/***********************************************************************************************************************/

        $('body').on('click','.UpdateRating',function(){

            $(this).addClass('disabled');
            var thisTag = $(this);
            var id = $(this).data('id');
			$.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
            	url: "/admin/courses/UpdateRating",
                type: "POST",
                dataType: "JSON",
                data:{id:id},
                success: function(data) {
                    if(data["status"] == true){
                        var origin = $(location).attr("origin");
                        var pathname = $(location).attr("pathname");
                        var page = $('.pagination .active span').text();
                        url = origin+pathname+'?page='+page;
						getData(url);
						window.history.pushState("", "", url); 
                    }
                }
            });
            $(thisTag).removeClass('disabled');
            $('.loadImg').addClass('hidden');
        });

        $('body').on('click','.UpdateStats',function(){

            $(this).addClass('disabled');
            var thisTag = $(this);
            var id = $(this).data('id');
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: "/admin/courses/UpdateStats",
                type: "POST",
                dataType: "JSON",
                data:{id:id},
                success: function(data) {
                    if(data["status"] == true){
                        var origin = $(location).attr("origin");
                        var pathname = $(location).attr("pathname");
                        var page = $('.pagination .active span').text();
                        url = origin+pathname+'?page='+page;
                        getData(url);
                        window.history.pushState("", "", url); 
                    }
                }
            });
            $(thisTag).removeClass('disabled');
            $('.loadImg').addClass('hidden');
        });


</script>



<script>

$(document).on('click', '.mytable .pagination a',function(event)

        {

            event.preventDefault();

            $('li').removeClass('active');

            $(this).parent('li').addClass('active');

            var url = $(this).attr('href');

            getData(url);

            window.history.pushState("", "", url);

        });

  

    function getData(url) {
        $.ajax({
            url : url
        }).done(function (data) {

            $("#table-container").empty().html(data);

        });

    }

</script>

<script type="text/javascript">

    $(document).ready(function () {
        $(document).on('change', '#view_videos .type', function () {

            var type = $(this).val();
            if(type == 3){
                $('#view_videos').find(".div_flip").removeClass('d-none');
            }else{
                $('#view_videos').find(".div_flip").addClass('d-none');
            }

        });

        /*************************************************/
        function clear(){
            $('#addNewpageForm').find(".title").val('');
			CKEDITOR.instances['details'].setData('');
            $('#addNewpageForm').find(".lang").val('');
            $('#addNewpageForm').find(".price").val('');
			$('#addNewpageForm').find(".category_id").val('');
			$('#addNewpageForm').find(".image").val('');
            $('#addNewpageForm').find('.rowIdUpdate').val(0);
            $('#activeValue').bootstrapSwitch('state', true, true);
            $('.img_review img').attr('src','/admin/assets/app/media/no_image.jpg');

            $('#addNewpageForm').find(".universities").val('');
            $('#addNewpageForm').find(".trainers").val('');
            $('.addNewpageForm #trainers').html('<option value=""> اختر الجامعة </option>');

        }

        $(document).on('click', '.btnAddCustomer', function () {
            clear();
            $('#add_page .modal-title').text('إضافة دورة')
        });

        /*************************************************/

        $(document).on('click', '.updateDetails', function () {
            clear();
			$('#addNewpageForm').find('.rowIdUpdate').val(0);

            var id = $(this).data('id');

            $('.rowIdUpdate').val(id);

            $.ajax({

                url: "/admin/courses/edit",

                type: "get",

                dataType: "JSON",

                data: {

                    id: id

                },

                success: function(data){

					if(data['status'] == true){
						$(".title").val(data['data']['title']);
                        $(".price").val(data['data']['price']);
						CKEDITOR.instances['details'].setData(data['data']['details']);
                        $(".lang").val(data['data']['lang']);
                        $(".universities").val(data['data']['universities']);
                        // $(".trainers").val(data['data']['trainers']);


                        $('.addNewpageForm #trainers').html(data['select']);


                        $(".category_id").val(data['data']['category_id']);
						if(data['data']['status'] == 1){
							$('#activeValue').bootstrapSwitch('state', true, true);
						}else{
							$('#activeValue').bootstrapSwitch('state', false, true);
						}
                        if(data['data']['image']){
                            $('.img_review img').attr('src','/uploads/'+data['data']['image']);
                        }

					}

                },

                complete: function () {

                    $('#add_page').modal('show');

                },

                error: function (jqXHR, textStatus, errorThrown) {

                    swal({title: 'حدث خطأ غير معروف، الرجاء المحاولة فيما بعد', type: "error"});

                }

            });



            $('#add_page .modal-title').html('تعديل بيانات');



        });

        /*************************************************/

        $('#add_page .addNewpageForm').on('submit', function(e){

            e.preventDefault();

            $('#loading').show();

			var formData = new FormData(this);

            $('.loader_add_user').css('display', 'initial');

            setTimeout(function () {

                $('.btn_save_customer').removeClass('disabled');

                $('.loader_add_user').css('display', 'none');

            }, 30000);

            var id = $(".rowIdUpdate").val();

            if (id == 0) {

                $.ajax({

                    url: "/admin/courses/add",

                    type: "post",

					cache:false,

					contentType: false,

					processData: false,

                    data: formData,

                    success: function (data) {

                        $('#loading').hide();

                        if (data["status"] == true) {

                            swal({

                                title: "",

                                text: data["data"],

                                type: "success",

                                showCancelButton: false,

                                confirmButtonColor: "#DD6B55",

                                confirmButtonText: "حسنا",

                                cancelButtonText: "الغاء",

                                closeOnConfirm: true,

                                closeOnCancel: true

                            });

                            $("#add_page").modal("hide");
                            var url = $(this).attr('href');
                            var origin = $(location).attr("origin");
                                    var pathname = $(location).attr("pathname");
                                    var page = $('.pagination .active span').text();
                                    url = origin+pathname+'?page='+page;
                            getData(url);
                            clear();


                        } else {
                            if(data["data_validator"]){
                                var dt = '<ul>';
                                $.each(data["data_validator"], function (key, value) {
                                    dt = dt + '<li>' + value + '</li>';
                                })
                                dt =dt+ '</ul>';
                                swal({
                                    title: data["data"],
                                    text: data["data"],
                                    type: "error",
                                    html:dt,
                                    showCancelButton: false,
                                    confirmButtonColor: "#DD6B55",
                                    confirmButtonText: "حسناً",
                                    cancelButtonText: "إلغاء",
                                    closeOnConfirm: true,
                                    closeOnCancel: true
                                });
                            }else{
                            
                                swal({
                                    title: "",
                                    text: data["data"],
                                    type: "error",
                                    showCancelButton: false,
                                    confirmButtonColor: "#DD6B55",
                                    confirmButtonText: "حسناً",
                                    cancelButtonText: "إلغاء",
                                    closeOnConfirm: true,
                                    closeOnCancel: true
                                });
                            }



                        }

                    }

                });

            } else {

				$.ajaxSetup({

                headers: {

                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

					}

				});

                $.ajax({

                    url: "/admin/courses/update",

                    type: "POST",

                    dataType: "JSON",

					cache:false,

					contentType: false,

					processData: false,

                    data: formData,

                    success: function (data) {

                        $('#loading').hide();

                        if (data["status"] == true) {

                            swal({

                                title: "",

                                text: data["data"],

                                type: "success",

                                showCancelButton: false,

                                confirmButtonColor: "#DD6B55",

                                confirmButtonText: "حسنا",

                                cancelButtonText: "الغاء",

                                closeOnConfirm: true,

                                closeOnCancel: true

                            });

                            clear();

                            $("#add_page").modal("hide");

                            var url = $(this).attr('href');
                            var origin = $(location).attr("origin");
                                    var pathname = $(location).attr("pathname");
                                    var page = $('.pagination .active span').text();
                                    url = origin+pathname+'?page='+page;
                            getData(url);

                            // window.history.pushState("", "", url); 

                        } else {

                            if(data["data_validator"]){
                                var dt = '<ul>';
                                $.each(data["data_validator"], function (key, value) {
                                    dt = dt + '<li>' + value + '</li>';
                                })
                                dt =dt+ '</ul>';
                                swal({
                                    title: data["data"],
                                    text: data["data"],
                                    type: "error",
                                    html:dt,
                                    showCancelButton: false,
                                    confirmButtonColor: "#DD6B55",
                                    confirmButtonText: "حسناً",
                                    cancelButtonText: "إلغاء",
                                    closeOnConfirm: true,
                                    closeOnCancel: true
                                });
                            }else{

                                swal({
                                    title: "",
                                    text: data["data"],
                                    type: "error",
                                    showCancelButton: false,
                                    confirmButtonColor: "#DD6B55",
                                    confirmButtonText: "حسناً",
                                    cancelButtonText: "إلغاء",
                                    closeOnConfirm: true,
                                    closeOnCancel: true
                                });
                            }



                        }

                    }

                });

            }

//	}

        });

        /****************************************************/

    });



	$(document).on('click','.delete',function(e){
		var id = $(this).data('id');
		Swal.fire({
				title: 'هل تريد حذف هذا العنصر ؟',
				text: "",
				type: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#3085d6',
				cancelButtonColor: '#d33',
				confirmButtonText: 'حسنا',
				cancelButtonText: "الغاء",
			}).then((result) => {
            if (result.value) {
				$.ajaxSetup({
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					}
				});

				$.ajax({
                    url: "/admin/courses/delete",
                    type: "post",
                    dataType: "JSON",
                    data: {
                        id: id
                    },
                    success: function(data){
                        if(data['status'] == true){
                            swal({
                                title: "",
                                text: data["data"],
                                type: "success",
                                showCancelButton: false,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "حسنا",
                                cancelButtonText: "الغاء",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            });
                            var url = $(this).attr('href');
                            var origin = $(location).attr("origin");
                            var pathname = $(location).attr("pathname");
                            var page = $('.pagination .active span').text();
                            url = origin+pathname+'?page='+page;
                            getData(url);
                            window.history.pushState("", "", url); 
                        }else{
                            swal({
                                title: "",
                                text: data["data"],
                                type: "error",
                                showCancelButton: false,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "حسنا",
                                cancelButtonText: "الغاء",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            });
                        }
                    },
                });
            }
        })
	});

</script>
<script>
    $(document).on('click','.videos',function(e){
        var id = $(this).data('id');
        getVideos(id);
    });

    
    function getVideos(id){
        $('#view_videos .title').val('');
        $('#view_videos .url').val('');
        $('#view_videos .type').val('');
        $('#view_videos .file_flash').val('');
        $('#view_videos #image').val('');
        $('#view_videos').find(".div_flip").addClass('d-none');
        $('#view_videos .img_review img').attr('src','/admin/assets/app/media/no_image.jpg');

        $('#view_videos .course_id').val(id)
        $.ajax({
            url: "/admin/courses/videos",
            type: "get",
            dataType: "JSON",
            data: {
                course_id: id
            },
            success: function(data){
                if(data['status'] == true){
                    $('#view_videos .table-reponsive').html(data.data)
                }
            },
            complete: function () {
                $('#view_videos').modal('show');
            },
            error: function (jqXHR, textStatus, errorThrown) {
                swal({title: 'حدث خطأ غير معروف، الرجاء المحاولة فيما بعد', type: "error"});
            }
        });
    }

    $(document).on('click','.btnAddVideo',function(e){
        e.preventDefault();
        var title = $('#view_videos .title').val()
        var url = $('#view_videos .url').val()
        var course_id = $('#view_videos .course_id').val()
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: "/admin/courses/videos/add",
            type: "post",
            dataType: "JSON",
            data: {
                title:title,
                url:url,
                course_id:course_id,
            },
            success: function(data){
                if(data['status'] == true){
                    swal({
                        title: "",
                        text: data["data"],
                        type: "success",
                        showCancelButton: false,
                        confirmButtonColor: "#DD6B55",
                        confirmButtonText: "حسنا",
                        cancelButtonText: "الغاء",
                        closeOnConfirm: true,
                        closeOnCancel: true
                    });
                    getVideos(course_id);
                }else{
                    swal({
                        title: "",
                        text: data["data"],
                        type: "error",
                        showCancelButton: false,
                        confirmButtonColor: "#DD6B55",
                        confirmButtonText: "حسنا",
                        cancelButtonText: "الغاء",
                        closeOnConfirm: true,
                        closeOnCancel: true
                    });
                }
            },
            complete: function () {
            },
            error: function (jqXHR, textStatus, errorThrown) {
                swal({title: 'حدث خطأ غير معروف، الرجاء المحاولة فيما بعد', type: "error"});
            }
        });
    });

    

    $(document).on('click','.delete_video',function(e){
        e.preventDefault();
        var id = $(this).data('id');
        var course_id = $(this).data('course');
        Swal.fire({
				title: 'هل تريد حذف هذا العنصر ؟',
				text: "",
				type: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#3085d6',
				cancelButtonColor: '#d33',
				confirmButtonText: 'حسنا',
				cancelButtonText: "الغاء",
			}).then((result) => {
            if (result.value) {
				$.ajaxSetup({
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					}
				});

				$.ajax({
                    url: "/admin/courses/videos/delete",
                    type: "post",
                    dataType: "JSON",
                    data: {
                        id: id
                    },
                    success: function(data){
                        if(data['status'] == true){
                            swal({
                                title: "",
                                text: data["data"],
                                type: "success",
                                showCancelButton: false,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "حسنا",
                                cancelButtonText: "الغاء",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            });
                            getVideos(course_id);
                        }else{
                            swal({
                                title: "",
                                text: data["data"],
                                type: "error",
                                showCancelButton: false,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "حسنا",
                                cancelButtonText: "الغاء",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            });
                        }
                    },
                });
            }
        })
    });
    
    $('#view_videos .addNewpageForm').on('submit', function(e){
        var course_id = $('#view_videos .course_id').val()
        e.preventDefault();
        $('#loading').show();
        var formData = new FormData(this);
        $('.loader_add_user').css('display', 'initial');
        setTimeout(function () {
            $('.btn_save_customer').removeClass('disabled');
            $('.loader_add_user').css('display', 'none');
        }, 30000);
        var id = $(".rowIdUpdate").val();
            $.ajax({
                url: "/admin/courses/videos/add",
                type: "post",
                cache:false,
                contentType: false,
                processData: false,
                data: formData,
                success: function (data) {
                    $('#loading').hide();
                    if (data["status"] == true) {
                        swal({
                            title: "",
                            text: data["data"],
                            type: "success",
                            showCancelButton: false,
                            confirmButtonColor: "#DD6B55",
                            confirmButtonText: "حسنا",
                            cancelButtonText: "الغاء",
                            closeOnConfirm: true,
                            closeOnCancel: true
                        });
                        getVideos(course_id);
                    } else {

                        
                        swal({
                            title: "",
                            text: data["data"],
                            type: "error",
                            showCancelButton: false,
                            confirmButtonColor: "#DD6B55",
                            confirmButtonText: "حسناً",
                            cancelButtonText: "إلغاء",
                            closeOnConfirm: true,
                            closeOnCancel: true
                        });



                    }

                }

            });





        });


        $(document).on('click','.show_fav',function(e){
            id = $(this).data('id');
            $.ajax({
                url: "/admin/courses/showfavorite",
                type: "get",
                dataType: "JSON",
                data: {
                    id: id,
                },
                success: function(data){
                    $('#favorite #table-container').html(data['data']);
                    rating()
                },
                complete: function () {
                    $('#favorite #table-container .name').html(name);
                    // $('#favorite #table-container .fv').html(fa);
                    $('#favorite').modal('show');
                }
            })
        });

        $(document).on('change','.universities',function(e){
            var id = $(this).val();
            // console.log(id);
            $.ajax({
                url: "/admin/courses/getTrainers",
                type: "get",
                dataType: "JSON",
                data: {
                    id: id,
                },
                success: function(data){
                    $('.addNewpageForm #trainers').html(data['data']);
                },
                complete: function () {
                }
            })
        });
        

</script>
<script>
            $('body').on('click','.UpdateOpin',function(){
            $(this).addClass('disabled');
            $('.loadImg').removeClass('hidden');
            $('.loadMSG').html('جاري تحديث الحالة');
            var thisTag = $(this);
            var id = $(this).data('id');
			$.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
            	url: "/admin/courses/UpdateOpin",
                type: "POST",
                dataType: "JSON",
                data:{id:id},
                success: function(data) {
                    if(data["status"] == true){
                        getVideos(data['item']['course_id'])
                    }else{
                        swal({
                                title: "",
                                text: data["data"],
                                type: "error",
                                showCancelButton: false,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "حسنا",
                                cancelButtonText: "الغاء",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            });
                    }
                }
            });
            $(thisTag).removeClass('disabled');
            $('.loadImg').addClass('hidden');
        });


        function rating(){
            $.each($('.client_rating'), function (indexInArray, valueOfElement) {
            $(this).rating({
                "value": $(this).data('rating'),
                "readonly":true,
                "half":true
            });
            });
        }


</script>
@stop