@extends('shared.admin')
@section('title')
    {{'Trang chủ - Thế Giới Số Online'}}
@endsection
@section('content')
    <section class="content-header">
        <h1>
            Bài viết
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{asset('/')}}"><i class="fa fa-dashboard"></i> Trang chủ</a></li>
            <li class="active">Bài viết</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <form id="Post" action="{{ action('PostController@store') }}" method="POST" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title"></h3>
                    <div class="box-tools pull-right">
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Tiêu đề</label>
                                <input type="text" class="form-control" name="title" id="title" value="{{ $model->title }}"/>
                            </div>
                            <div class="form-group">
                                <label>Nội dung vắn tắt</label>
                                <textarea rows="3" class="form-control" name="post_excerpt" id="post_excerpt">{{ $model->post_excerpt }}</textarea>
                            </div>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <label>Từ khóa</label>
                                <textarea rows="3" class="form-control" name="meta_keywords" id="meta_keywords">{{ $model->meta_keywords }}</textarea>
                            </div>
                            <div class="form-group">
                                <label>Nội dung</label>
                                <div data-keditor="html">
                                    <div id="content-area"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Hình đại diện (1000x600)</label>
                                <input type="file" name="thumb_file" class="">
                            </div>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <label>Trạng thái</label>
                                <select name="status" id="status" class="form-control" disabled>
                                    <option value="1" {{ $model->status == 1 ? "selected" : "" }}>Riêng tư</option>
                                    <option value="2" {{ $model->status == 2 ? "selected" : "" }}>Chờ duyệt</option>
                                    <option value="3" {{ $model->status == 3 ? "selected" : "" }}>Đã duyệt</option>
                                    <option value="4" {{ $model->status == 4 ? "selected" : "" }}>Công bố</option>
                                    <option value="5" {{ $model->status == 5 ? "selected" : "" }}>Chờ duyệt lại</option>
                                </select>
                            </div>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.box-body -->
                <div class="box-footer">
                    <button type="button" onclick="submit_data();" class="btn btn-primary">
                        Lưu
                    </button>
                </div>
            </div>
            <!-- /.box -->
        </form>
    </section>
    <div id="dialog-delete" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <h4 class="modal-title">Bạn có muốn xóa ?</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <a id="delete-link" class="btn btn-primary">Thực hiện</a>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-detail" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Danh mục</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>Tiêu đề</label>
                    <input type="text" class="form-control" id="search_title" name="title" value="">
                </div>
                <!-- /.form-group -->
                <div class="form-group">
                    <button type="button" onclick="search_data(1)" class="btn btn-primary">
                        Tìm
                    </button>
                </div>
                <!-- /.form-group -->
                <table id="search-table"
                       class="table table-bordered table-responsive table-striped table-hover table-condensed">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>
                            Tiêu đề
                        </th>
                        <th>
                            Mô tả
                        </th>
                        <th>
                            Thao tác
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-msg" style="display: none">
        <div class="modal-content">
            <div class="modal-body">
                <h4 class="modal-title" id="display-msg"></h4>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-create" style="display: none">
        <div class="modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="dialog-create-title">Hình ảnh</h4>
            </div>
            <div class="modal-body">
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Tiêu đề album</label>
                                <input type="text" class="form-control" id="search_title_album" name="title"
                                       value="">
                            </div>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <button type="button" onclick="search_album(1)" class="btn btn-primary">
                                    Tìm
                                </button>
                            </div>
                            <!-- /.form-group -->
                            <table id="search-table-album"
                                   class="table table-bordered table-responsive table-striped table-hover table-condensed">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>
                                        Tiêu đề
                                    </th>
                                    <th>
                                        <a onclick="show_create_album();" class="btn btn-primary"
                                           data-toggle="tooltip" title="Thêm album hình"><i class="fa fa-plus">
                                            </i></a>
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <!-- /.col -->
                        <div class="col-md-9">
                            <form id="Media" action="" method="POST" enctype="multipart/form-data">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                                <div class="form-group" style="display: none;">
                                    <label>Loại</label>
                                    <select name="media_type" id="media_type" class="form-control">
                                        <option value="0">Hình ảnh</option>
                                        <option value="1">Video</option>
                                    </select>
                                </div>
                                <!-- /.form-group -->
                                <div class="form-group">
                                    <label>Album</label>
                                    <select name="album_id" id="album_id" class="form-control">
                                        <option value=""></option>
                                    </select>
                                </div>
                                <!-- /.form-group -->
                                <div class="form-group" style="display: none;" name="youtube_input">
                                    <label>Youtube Link</label>
                                    <input type="text" class="form-control" id="youtube_link" name="youtube_link"
                                           value="">
                                </div>
                                <!-- /.form-group -->
                                <div class="form-group" name="file_input">
                                    <label>Chọn tập tin (một hoặc nhiều)</label>
                                    <input type="file" id="filex" name="filex[]" multiple>
                                </div>
                            </form>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <button type="button" onclick="save_data()" class="btn btn-primary">
                                    Tải lên
                                </button>
                                <button type="button" onclick="insert_image();" class="btn btn-primary">Thêm vào bài
                                    viết
                                </button>
                                <a onclick="load_album_current(false);" class="btn btn-primary"
                                   data-toggle="tooltip" title="Xem trang trước"><i class="fa fa-arrow-left">
                                    </i></a>
                                <a onclick="load_album_current(true);" class="btn btn-primary"
                                   data-toggle="tooltip" title="Xem trang tiếp"><i class="fa fa-arrow-right">
                                    </i></a>
                            </div>
                            <div class="form-group" id="photos">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal"
                        onclick="bPopup.close();">
                    Đóng
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-create-album" style="display: none">
        <form id="Album" action="" method="POST" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick="bPopup2.close();">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Album hình</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Tiêu đề</label>
                        <input type="text" class="form-control" id="title" name="title" value="">
                    </div>
                    <!-- /.form-group -->
                    <div class="form-group">
                        <label>Mô tả</label>
                        <textarea rows="3" class="form-control" name="description"></textarea>
                    </div>
                    <!-- /.form-group -->
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal"
                            onclick="bPopup2.close();">
                        Đóng
                    </button>
                    <button type="button" onclick="save_album()" class="btn btn-primary">
                        Lưu
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </form>
    </div>
    <div id="dialog-detail-role" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Quyền</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>Tiêu đề</label>
                    <input type="text" class="form-control" id="search_title_role" name="title" value="">
                </div>
                <!-- /.form-group -->
                <div class="form-group">
                    <button type="button" onclick="search_role(1)" class="btn btn-primary">
                        Tìm
                    </button>
                </div>
                <!-- /.form-group -->
                <table id="search-table-role"
                       class="table table-bordered table-responsive table-striped table-hover table-condensed">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>
                            Tiêu đề
                        </th>
                        <th>
                            Mô tả
                        </th>
                        <th>
                            Thao tác
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-send-approve" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <h4 class="modal-title">Bạn có muốn gửi bài chờ duyệt ?</h4>
                <form id="form_send_approve" action="{{ action('PostController@send_approve', ['id' => $model->id]) }}"
                      method="POST"
                      enctype="multipart/form-data">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="send_approve();">
                    Thực hiện
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-approve" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <h4 class="modal-title">Bạn có muốn duyệt bài viết ?</h4>
                <form id="form_approve" action="{{ action('PostController@approve', ['id' => $model->id]) }}"
                      method="POST"
                      enctype="multipart/form-data">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="approve();">
                    Thực hiện
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-publish" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <h4 class="modal-title">Bạn có muốn công bố bài viết ?</h4>
                <form id="form_publish" action="{{ action('PostController@publish', ['id' => $model->id]) }}"
                      method="POST"
                      enctype="multipart/form-data">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="publish();">
                    Thực hiện
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-re-approve" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <h4 class="modal-title">Bạn có muốn bài chờ duyệt lại ?</h4>
                <form id="form_re_approve" action="{{ action('PostController@re_approve', ['id' => $model->id]) }}"
                      method="POST"
                      enctype="multipart/form-data">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="re_approve();">
                    Thực hiện
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- end hero emagazine-->
@endsection
@section('customjs')
    <script type="text/javascript" src="{{asset('plugins/jquery-1.11.3/jquery-1.11.3.min.js')}}"></script>
    <script src="{{ asset('js/jquery.bpopup.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{asset('plugins/bootstrap-3.3.6/js/bootstrap.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('plugins/jquery-ui-1.12.1.custom/jquery-ui.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('plugins/jquery.nicescroll-3.6.6/jquery.nicescroll.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('plugins/ckeditor5-build-inline-custom/ckeditor.js')}}"></script>
    <script type="text/javascript" src="{{asset('plugins/formBuilder-2.5.3/form-builder.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('plugins/formBuilder-2.5.3/form-render.min.js')}}"></script>
    <!-- Start of KEditor scripts -->
    <script type="text/javascript" src="{{asset('dist/js/keditor.js')}}"></script>
    <script type="text/javascript" src="{{asset('dist/js/keditor-components.js')}}"></script>
    <!-- End of KEditor scripts -->
    <script type="text/javascript" src="{{asset('plugins/code-prettify/src/prettify.js')}}"></script>
    <script type="text/javascript" src="{{asset('plugins/js-beautify-1.7.5/js/lib/beautify.js')}}"></script>
    <script type="text/javascript" src="{{asset('plugins/js-beautify-1.7.5/js/lib/beautify-html.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/examples.js')}}"></script>
    <script type="text/javascript" data-keditor="script">
        $(function () {
            $('#content-area').keditor();
        });
    </script>
    <script>
        var bPopup;
        var bPopup2;
        function submit_data() {
            $("#Post").submit();
        }
        function defaulString(val) {
            if (val == null) {
                return "";
            }
            return val;
        }
        function delete_data(link) {
            $("#delete-link").attr("href", link)
            bPopup = $('#dialog-delete').bPopup();
        }
        function search_data(page) {
            var url = '{{ action("CategoryController@get_list") }}';
            url += "?title=" + $("#search_title").val() + "&pg=" + page.toString();
            $.post(url, {"_token": "{{ csrf_token() }}"}, function (data) {
                $('#search-table > tbody').empty();
                for (var i = 0; i < data.list.length; i++) {
                    var add_url = '{{ action("PostController@add_detail",  ['id' => $model->id]) }}' + "?detail_id=" + data.list[i].id.toString();
                    var link = '<a href="' + add_url + '" class="" rel="tooltip" title=""><i class="fa fa-plus"></a>';
                    if (!data.list[i].is_last) {
                        link = "";
                    }
                    $('#search-table > tbody:last-child').append('<tr>' + '<td>' + (i + 1).toString() + '</td>' + '<td>' + defaulString(data.list[i].title) + '</td>' + '<td>' + defaulString(data.list[i].description) + '</td>' + '<td>' + link + '</td>' + '<tr>');
                }
                bPopup = $('#dialog-detail').bPopup();
            });
        }
        function show_create() {
            //$("#Media")[0].reset();
            $('#album_id').empty();
            $('#album_id').append('<option value=""></option>')
            $('#photos').empty();
            album_id_curent = 0;
            album_title_curent = '';
            album_page_current = 1;
            if ($("#Media select[name=media_type]").val() !== "0") {
                $('#dialog-create-title').html("Video");
                $("#Media div[name=youtube_input]").show();
                $("#Media div[name=file_input]").hide();
            } else {
                $('#dialog-create-title').html("Hình ảnh");
                $("#Media div[name=youtube_input]").hide();
                $("#Media div[name=file_input]").show();
            }
            $("#Media input[name=youtube_link]").val("");
            var $el = $('#filex');
            $el.wrap('<form>').closest('form').get(0).reset();
            $el.unwrap();
            bPopup = $('#dialog-create').bPopup();
            search_album(1);
        }
        function show_create_photo() {
            $("#Media select[name=media_type]").val("0");
            show_create();
        }
        function show_create_video() {
            $("#Media select[name=media_type]").val("1");
            show_create();
        }
        function save_data() {
            if ($('#album_id').val() === null || $('#album_id').val() === "") {
                $('#display-msg').html("Cần chọn album bên danh sách album trước khi tải lên");
                $('#dialog-msg').bPopup();
                return;
            }
            if ($('#media_type').val() !== "1") {
                if ($('#filex').get(0).files.length == 0) {
                    $('#display-msg').html("Chưa chọn tập tin");
                    $('#dialog-msg').bPopup();
                    return;
                }
            }
            var url = '{{ action("MediaController@store_j") }}';
            var form = new FormData($("#Media")[0]);
            $.ajax({
                url: url,
                type: 'POST',
                data: form,
                async: true,
                success: function (data) {
                    $("#Media")[0].reset();
                    $('#photos').empty();
                    for (var i = 0; i < data.list.length; i++) {
                        var r = '{{ url("/") }}' + "/";
                        if (data.list[i].type == 1) {
                            r = "";
                        }
                        var v = JSON.stringify(data.list[i]);
                        $('#photos').append('<div class="col-md-3" style="max-height:100px"><label class="btn-primary"><img src="' + r + data.list[i].thumb + '" alt="..." class="img-thumbnail img-check"   style="max-height:100px"><input type="checkbox" class="hidden" value=\'' + v + '\' autocomplete="off"></label></div>');
                    }
                    $(".img-check").click(function () {
                        $(this).toggleClass("check");
                    });
                },
                cache: false,
                contentType: false,
                processData: false
            });
        }
        function show_create_album() {
            //bPopup.close();
            $("#Album")[0].reset();
            bPopup2 = $('#dialog-create-album').bPopup();
        }
        function save_album() {
            var url = '{{ action("AlbumController@store_j") }}';
            var form = new FormData($("#Album")[0]);
            $.ajax({
                url: url,
                type: 'POST',
                data: form,
                async: true,
                success: function (data) {
                    bPopup2.close();
                    $('#search_title_album').val('');
                    $('#album_id').empty();
                    $('#album_id').append('<option value="' + data.id.toString() + '">' + data.title + '</option>')
                    search_album(1);
                },
                cache: false,
                contentType: false,
                processData: false
            });
        }
        function search_role(page) {
            var url = '{{ action('PostController@send_approve', ['id' => $model->id]) }}';
            $("#Post").submit();
            $.post(url, {"_token": "{{ csrf_token() }}"}, function (data) {
                $('#search-table-role > tbody').empty();
                for (var i = 0; i < data.list.length; i++) {
                    var add_url = '{{ action("PostController@send_role",  ['id' => $model->id]) }}' + "?detail_id=" + data.list[i].id.toString();
                    var link = '<a href="' + add_url + '" class="" rel="tooltip" title=""><i class="fa fa-plus"></a>';
                    $('#search-table-role > tbody:last-child').append('<tr>' + '<td>' + (i + 1).toString() + '</td>' + '<td>' + defaulString(data.list[i].title) + '</td>' + '<td>' + defaulString(data.list[i].description) + '</td>' + '<td>' + link + '</td>' + '<tr>');
                }
                bPopup.close();
            });
        }
        function search_album(page) {
            var url = '{{ action("AlbumController@get_list") }}';
            url += "?title=" + $("#search_title_album").val() + "&pg=" + page.toString();
            $.post(url, {"_token": "{{ csrf_token() }}"}, function (data) {
                $('#search-table-album > tbody').empty();
                for (var i = 0; i < data.list.length; i++) {
                    var title = "'" + data.list[i].title + "'";
                    var link = '<a onclick="load_album(' + data.list[i].id + ',' + title + ',1)" style="cursor: pointer" class="" rel="tooltip" title=""><i class="fa fa-eye"></a>';
                    $('#search-table-album > tbody:last-child').append('<tr>' + '<td>' + (i + 1).toString() + '</td>' + '<td>' + defaulString(data.list[i].title) + '</td>' + '<td>' + link + '</td>' + '<tr>');
                }
            });
        }
        var album_id_curent = 0;
        var album_title_curent = '';
        var album_page_current = 1;
        function load_album_current(next) {
            if (next) {
                load_album(album_id_curent, album_title_curent, album_page_current + 1);
            } else {
                load_album(album_id_curent, album_title_curent, album_page_current - 1);
            }
        }
        function load_album(id, title, page) {
            if (id > 0 && page > 0) {
                album_id_curent = id;
                album_title_curent = title;
                album_page_current = page;
                $('#album_id').empty();
                $('#album_id').append('<option value="' + id.toString() + '">' + title + '</option>')
                var url = '{{ action("MediaController@get_list") }}';
                url += "?album_id=" + id.toString() + "&media_type=" + $("#media_type").val() + "&pg=" + page.toString();
                $.post(url, {"_token": "{{ csrf_token() }}"}, function (data) {
                    $('#photos').empty();
                    for (var i = 0; i < data.list.length; i++) {
                        var r = '{{ url("/") }}' + "/";
                        if (data.list[i].type == 1) {
                            r = "";
                        }
                        var v = JSON.stringify(data.list[i]);
                        $('#photos').append('<div class="col-md-3" style="max-height:100px"><label class="btn-primary"><img src="' + r + data.list[i].thumb + '" alt="..." class="img-thumbnail img-check"   style="max-height:100px"><input type="checkbox" class="hidden" value=\'' + v + '\' autocomplete="off"></label></div>');
                    }
                    $(".img-check").click(function () {
                        $(this).toggleClass("check");
                    });
                });
            }
        }
        function insert_image() {
            var doctarget = CKEDITOR.instances["post_content"];
            $('#photos input:checked').each(function () {
                var obj = JSON.parse($(this).val());
                if (obj.type === 0) {
                    var url = obj.link;
                    var image_tag = "<img src='/" + url + "'>";
                    doctarget.insertHtml(image_tag);
                } else {
                    if (obj.link.indexOf('youtube.com') !== -1) {
                        var name = obj.name;
                        var image_tag = '<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="315" src="http://www.youtube.com/embed/' + name + '" frameborder="0" allowFullScreen></iframe>';
                        doctarget.insertHtml(image_tag);
                    } else {
                        var url = obj.link;
                        var image_tag = '<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="315" src="http://www.youtube.com/embed/' + name + '" frameborder="0" allowFullScreen></iframe>';
                        doctarget.insertHtml(image_tag);
                    }
                }
            });
            bPopup.close();
        }

        function show_send_approve() {
            bPopup = $('#dialog-send-approve').bPopup();
        }
        function show_approve() {
            bPopup = $('#dialog-approve').bPopup();
        }
        function show_publish() {
            bPopup = $('#dialog-publish').bPopup();
        }
        function show_re_approve() {
            bPopup = $('#dialog-re-approve').bPopup();
        }
        function send_approve() {
            $("#form_send_approve").submit();
        }
        function approve() {
            $("#form_approve").submit();
        }
        function publish() {
            $("#form_publish").submit();
        }
        function re_approve() {
            $("#form_re_approve").submit();
        }
    </script>
@endsection