@extends('admin')

@section('styles')

    <link href="/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css"
          rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-editable/inputs-ext/address/address.css" rel="stylesheet"
          type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>

    <style>
        div.editable-input > textarea {
            width: 600px !important;
        }

        .pac-container {
            z-index: 10052 !important;
        }

        #map {
            width: auto !important;
            height: 500px !important;
        }

        #map_edit {
            width: auto !important;
            height: 500px !important;
        }

        tfoot {
            display: table-header-group;
        }

        tfoot input {
            font-weight: normal !important;
        }

        tfoot select {
            font-weight: normal !important;
        }

        .dataTables_filter {
            display: none;
        }

        #orders-table_length {
            display: none;
        }

        .ws-nr {
            width: 100% !important;
        }

    </style>

@endsection
@section('content')
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif
    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <h1 class="page-title">
        Danh sách tin Facebook Crawl
    </h1>

    {{--    <div class="row">--}}
    {{--        <div class="col-md-12">--}}
    {{--            <a class="btn red" id="btn-add" data-toggle="modal" href="#add-hostel-post-crawl-form">--}}
    {{--                <i class="fa  fa-plus"></i> Thêm--}}
    {{--            </a>--}}
    {{--        </div>--}}
    {{--    </div>--}}
    <div class="row">
        <div class="portlet-body form">
            <div class="form-body">
                <div class="form-group">
                    <form action="#" class="mt-repeater form-horizontal">
                        <div data-repeater-list="group-a">
                            <div data-repeater-item="" class="mt-repeater-item">
                                <div class="mt-repeater-input">
                                    <label class="control-label">Tỉnh / Thành phố</label>
                                    <br>
                                    <select name="province" class="form-control select2" id="province">
                                        <option value="">Chọn tỉnh / thành phố</option>
                                        @php $provinces = App\Models\Province::all(); @endphp
                                        @foreach($provinces as $province)
                                            <option value="{{ $province->provinceid }}">{{ $province->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mt-repeater-input">
                                    <label class="control-label">Quận / huyện</label>
                                    <br>
                                    <select name="district" class="form-control select2" id="district">
                                    </select>
                                </div>
                                <div class="mt-repeater-input">
                                    <label class="control-label">Phường / xã</label>
                                    <br>
                                    <select name="ward" class="form-control select2" id="ward">

                                    </select>
                                </div>
                                <div class="mt-repeater-input">
                                    <a href="javascript:;" onclick="getPostByAttr()" data-repeater-delete=""
                                       class="btn btn-danger mt-repeater-delete">
                                        <i class="fa fa-check"></i> Lọc</a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <table class="table table-striped table-bordered table-hover" id="orders-table">
                <thead>
                <tr style="background-color: #5376B9; color: white">
                    <th>Tiêu đề</th>
                    <th>Mô tả</th>
                    <th>Loại nhà</th>
                    <th>Giá cho thuê</th>
                    <th>Tỉnh</th>
                    <th>Huyện</th>
                    <th>Xã</th>
                    <th>Địa chỉ</th>
                    <th>Người đăng</th>
                    <th>SĐT người đăng</th>
                    <th>Nguồn</th>
                    <th>Ngày đăng</th>
                    <th>Duyệt tin</th>
                    <th>Hành động</th>
                </tr>
                </thead>
                <tfoot>
                <tr>
                    <th><input type="text" class="form-control"></th>
                    <th></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>

                    <th>
                        <select class="form-control">
                            <option value="">Vui lòng chọn</option>
                            <option value="{{ \App\Models\HostelPostCrawl::FROM_FACEBOOK }}">Facebook</option>
                            <option value="{{ \App\Models\HostelPostCrawl::FROM_USER_ITRO_POST }}">ITRO</option>
                            <option value="{{ \App\Models\HostelPostCrawl::FROM_OHANA }}">Ohana</option>
                            <option value="{{ \App\Models\HostelPostCrawl::FROM_PHONGTRO_123 }}">Phong tro 123</option>
                        </select>

                    </th>
                    <th></th>
                    <th>
                        <select class="form-control">
                            <option value="">Vui lòng chọn</option>
                            <option value="1">Đã xác nhận</option>
                            <option value="0">Chưa xác nhận</option>
                        </select>

                    </th>
                    <th></th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12" id="detail">
        </div>
    </div>

    <div class="modal fade bs-modal-lg" id="add-hostel-post-crawl-form" role="basic" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Thêm</h4>
                </div>
                <div class="modal-body" id="add-hostel-post-crawl-form-content">

                </div>
                <div class="modal-footer">

                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Đóng</button>
                    <button type="submit" class="btn green" id="btn-save-hostel-post-crawl-form">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
    </div>
    <div class="modal fade bs-modal-lg" id="edit-hostel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Cập nhật nhà</h4>
                </div>
                <div class="modal-body" id="edit-hostel-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Hủy
                    </button>
                    <button type="button" class="btn green" id="btn-save-edit-hostel">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>


    <div class="modal fade bs-modal-lg" id="edit-hostel-post-crawl" role="basic" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Cập nhật</h4>
                </div>

                <div class="modal-body" id="edit-hostel-post-crawl-form-content">

                </div>
                <div class="modal-footer">

                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">Đóng</button>
                    <button type="submit" class="btn green" id="btn-save-edit-hostel-post-crawl-form">Lưu</button>
                </div>            </div>
            <!-- /.modal-content -->
        </div>
    </div>




@endsection

@push('scripts')
    <script src="/assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.js"
            type="text/javascript"></script>
    <script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCydLs7dhJPuozABFQjJO-uk1PITW18oo8&libraries=places&region=vi&language=vi&sensor=false"></script>
    <script type="text/javascript" src="/js/gmap.js"></script>
    <script>
        $.validator.addMethod("greaterThan",
            function (value, element, param) {
                var $otherElement = $(param);
                return parseInt(value, 10) >= parseInt($otherElement.val(), 10);
            }
        );
    </script>


@endpush


@push('scripts')
    <script>


        var map;
        var table;
        var cur_lat = null;
        var cur_lng = null;

        function geo_input_edit() {
            var input = document.getElementById('query_place_edit');
            var autocomplete = new google.maps.places.Autocomplete(input, {
                types: ["geocode"],
                componentRestrictions: {country: "vn"}
            });

            google.maps.event.addListener(autocomplete, 'place_changed', function () {
                var place = autocomplete.getPlace();
                var lat_place = place.geometry.location.lat();
                var lng_place = place.geometry.location.lng();
                $('#lat-e').val(lat_place);
                $('#lng-e').val(lng_place);
                map.setCenter(lat_place, lng_place)
            });
        }
        function getPostByAttr() {
            table.ajax.reload();
        }

        $(function () {

            table = $('#orders-table').DataTable({
                "bDestroy": true,
                processing: true,
                searching: true,
                serverSide: true,
                aaSorting: [],
                ajax: {
                    url: '{!! url('admin/hostel-post-crawl/hostel-post-crawl.data') !!}',
                    data: function (d) {
                        d.province_id = $('#province').val();
                        d.district_id = $('#district').val();
                        d.ward_id = $('#ward').val();
                    }
                },
                columns: [
                    {data: 'title', name: 'title'},
                    {data: 'content', name: 'content'},
                    {data: 'type', name: 'type'},
                    {data: 'price', name: 'price'},

                    {data: 'province_id', name: 'province_id'},
                    {data: 'district_id', name: 'district_id'},
                    {data: 'ward_id', name: 'ward_id'},
                    {data: 'address', name: 'address'},

                    {data: 'user_post', name: 'user_post'},
                    {data: 'user_post_phone', name: 'user_post_phone'},

                    {data: 'from', name: 'from'},
                    {data: 'created_at', name: 'created_at'},

                    {data: 'is_confirm', name: 'is_confirm'},
                    {data: 'action', name: 'action', 'orderable': false, searchable: false},
                ],
                drawCallback: function () {
                    $(".make-switch").bootstrapSwitch();

                    $('.editable-text').editable({
                        //showbuttons: false,
                        // onblur: 'submit',
                        inputclass: "form-control",
                        url: '{{ url('admin/hostel-post-crawl/update-attribute') }}',
                        display: function (value) {
                            $(this).text(value.trim());
                        }
                    });

                    $('.editable-select').editable({
                        //showbuttons: false,
                        // onblur: 'submit',
                        inputclass: "form-control",
                        url: '{{ url('admin/hostel-post-crawl/update-attribute') }}',
                    });

                    $('.editable-select2').editable({
                        //showbuttons: false,
                        // onblur: 'submit',
                        tpl: '<select></select>',
                        inputclass: "form-control",
                        url: '{{ url('admin/hostel-post-crawl/update-attribute') }}',
                    });
                }
            });

            table.columns().every(function (index) {
                if (index !== 0) {
                    var that = this;
                    $('input', this.footer()).on('keyup', function () {
                        if (that.search() !== this.value) {
                            that
                                .search(this.value)
                                .draw();
                        }
                    });

                    $('select', this.footer()).on('change', function () {
                        if (that.search() !== this.value) {
                            that
                                .search(this.value)
                                .draw();
                        }
                    });
                }
            });

        });

        $(document).on('click', '#btn-add', function (e) {
            e.preventDefault();

            $.ajax({
                url: '{{ url('admin/hostel-post-crawl/create') }}',
                type: 'get',
                dataType: 'json',
                beforeSend: function () {
                    $('#add-hostel-post-crawl-form-content').addClass('ht-on-loading');
                    $('#edit-hostel-post-crawl-form-content').html('');
                },
                success: function (response) {
                    $('#add-hostel-post-crawl-form-content').removeClass('ht-on-loading').html(response.data);
                    $('.select2').select2();
                }
            });
        });

        $(document).on('click', '.btn-edit', function (e) {
            e.preventDefault();

            var id = $(this).attr('data-id');
            $.ajax({
                url: '{{ url('admin/hostel-post-crawl/edit-2') }}',
                type: 'get',
                data: {
                    id: id
                },
                dataType: 'json',
                beforeSend: function () {
                    $('#edit-hostel-post-crawl-form-content').addClass('ht-on-loading');
                    $('#add-hostel-post-crawl-form-content').html('');
                },
                success: function (response) {
                    $('#edit-hostel-post-crawl-form-content').removeClass('ht-on-loading').html(response.data);
                    $('.select2').select2();
                    $('.nav-tabs').tab();

                    var lat = 21.0277644;
                    var lng = 105.8341598;

                    if (response.lat && response.lng) {
                        lat = response.lat;
                        lng = response.lng;
                    }
                    map = new GMaps({
                        div: '#map_edit',
                        lat: lat,
                        lng: lng
                    });
                    map.addMarker({
                        lat: lat,
                        lng: lng,
                        draggable: true,
                        dragend: function (event) {
                            var lat = event.latLng.lat();
                            var lng = event.latLng.lng();
                            $('#lat').val(lat);
                            $('#lng').val(lng);
                        },
                    });


                    $('.nav-tabs a').on('shown.bs.tab', function (event) {

                        var lat = 21.0277644;
                        var lng = 105.8341598;


                        if (response.lat && response.lng) {
                            lat = response.lat;
                            lng = response.lng;
                        }
                        if (cur_lat != null && cur_lng != null) {
                            lat = cur_lat;
                            lng = cur_lng;
                        }
                        map.refresh();
                        map = new GMaps({
                            div: '#map_edit',
                            lat: lat,
                            lng: lng,
                            center_changed: function () {
                                var lat = map.getCenter().lat();
                                var lng = map.getCenter().lng();
                                $('#lat-e').val(lat);
                                $('#lng-e').val(lng);
                            }
                        });


                        $('<div/>').addClass('centerMarker').appendTo(map.getDiv())
                            //do something onclick
                            .click(function () {
                                var that = $(this);
                                if (!that.data('win')) {
                                    that.data('win', new google.maps.InfoWindow({
                                        content: 'Vị trí được chọn'
                                    }));
                                    that.data('win').bindTo('position', map.map, 'center');
                                }
                                that.data('win').open(map.map);
                            });
                    });
                    $('.ckeditor').ckeditor();
                    geo_input_edit();
                }
            });
        });

        $(document).on('change', '#province_id,#province', function (e) {
            var id = $(this).val();
            $.ajax({
                url: '{{ url('get-sub-location') }}',
                type: 'get',
                data: {
                    'id': $(this).val(),
                    'type': 'province',
                },
                dataType: 'html',
                success: function (response) {
                    $('#district_id').html(response);
                    $('#ward_id').html('');
                    $('#district').html(response);
                    $('#ward').html('');
                }
            });
        });

        $(document).on('change', '#district_id,#district', function (e) {
            var id = $(this).val();
            $.ajax({
                url: '{{ url('get-sub-location') }}',
                type: 'get',
                data: {
                    'id': $(this).val(),
                    'type': 'district'
                },
                dataType: 'html',
                success: function (response) {
                    $('#ward_id').html(response);
                    $('#ward').html(response);
                }
            });
        });


        $(document).on('click', '.btn-delete', function (e) {
            e.preventDefault();
            var id = $(this).attr('data-id');

            bootbox.confirm({
                message: "Bạn có chắc chắn muốn xóa",
                buttons: {
                    confirm: {
                        label: 'Có',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Không',
                        className: 'btn-danger'
                    }
                },


                callback: function (result) {
                    if (result == true) {

                        $.ajax({
                            url: '{{ url('admin/hostel-post-crawl/delete') }}',
                            type: 'post',
                            data: {
                                id: id,
                            },
                            dataType: 'json',
                            success: function (response) {
                                if (response.status == 1) {
                                    swal('Thành công', '', 'success');
                                } else if (response.status == 2) {
                                    swal('Thông báo', response.message, 'info');
                                } else {
                                    swal('Thông báo', response.message, 'warning');
                                }
                                table.ajax.reload();
                            }
                        });

                    }
                }
            });
        });

        $('#btn-save-hostel-post-crawl-form').click(function (e) {
            e.preventDefault();

            var formStatus = $('#form-add-hostel-post-crawl-item').validate({
                errorElement: "span",
                errorClass: "help-block help-block-error",

                highlight: function (e) {
                    $(e).closest(".form-group").addClass("has-error")
                },
                unhighlight: function (e) {
                    $(e).closest(".form-group").removeClass("has-error")
                },
                success: function (e) {
                    e.closest(".form-group").removeClass("has-error")
                },
                rules: {
                    'name': "required",
                    "phone": "required",
                    "source_link": "required"
                },
                messages: {
                    'name': "Không được bỏ trống tên",
                    "phone": "Không được bỏ trống SĐT",
                    "source_link": "Không được bỏ trống link nguồn"
                }
            }).form();

            if (formStatus) {
                let data = $('#form-add-hostel-post-crawl-item').serialize();
                $.ajax({
                    url: '{{ url('admin/hostel-post-crawl/create') }}',
                    type: 'post',
                    data: data,
                    dataType: 'json',
                    beforeSend: function () {
                        $('#add-hostel-post-crawl-form-content').addClass('ht-on-loading');
                    },
                    success: function (response) {
                        $('#add-hostel-post-crawl-form-content').removeClass('ht-on-loading');
                        $('#add-hostel-post-crawl-form').modal('hide');
                        if (response.status == 1) {
                            swal('Thành công', response.message, 'success');

                        } else if (response.status == 0) {
                            swal('Thông báo', response.message, 'warning');
                        } else if (response.status == 2) {
                            swal('Thông báo', response.message, 'info');
                        }
                        table.ajax.reload();
                    }
                });
            }
        });

        $('#btn-save-edit-hostel-post-crawl-form').click(function (e) {
            e.preventDefault();

            var formStatus = $('#form-edit-hostel-post-crawl-item').validate({
                errorElement: "span",
                errorClass: "help-block help-block-error",

                highlight: function (e) {
                    $(e).closest(".form-group").addClass("has-error")
                },
                unhighlight: function (e) {
                    $(e).closest(".form-group").removeClass("has-error")
                },
                success: function (e) {
                    e.closest(".form-group").removeClass("has-error")
                },
                rules: {
                    'user_post': "required",
                    "source_link": "required"
                },
                messages: {
                    'user_post': "Không được bỏ trống tên",
                    "source_link": "Không được bỏ trống link nguồn"
                }
            }).form();

            if (formStatus) {
                let data = $('#form-edit-hostel-post-crawl-item').serialize();
                $.ajax({
                    url: '{{ url('admin/hostel-post-crawl/edit') }}',
                    type: 'post',
                    data: data,
                    dataType: 'json',
                    beforeSend: function () {
                        $('#edit-hostel-post-crawl-form-content').addClass('ht-on-loading');
                    },
                    success: function (response) {
                        $('#edit-hostel-post-crawl-form-content').removeClass('ht-on-loading');
                        $('#edit-hostel-post-crawl').modal('hide');
                        if (response.status == 1) {
                            swal('Thành công', response.message, 'success');

                        } else if (response.status == 0) {
                            swal('Thông báo', response.message, 'warning');
                        } else if (response.status == 2) {
                            swal('Thông báo', response.message, 'info');
                        }
                        table.ajax.reload();
                    }
                });
            }
        });

        $('#btn-save-hostel-post-crawl').click(function (e) {
            e.preventDefault();

            var formStatus = $('#form-add-hostel-post-crawl').validate({
                errorElement: "span",
                errorClass: "help-block help-block-error",

                highlight: function (e) {
                    $(e).closest(".form-group").addClass("has-error")
                },
                unhighlight: function (e) {
                    $(e).closest(".form-group").removeClass("has-error")
                },
                success: function (e) {
                    e.closest(".form-group").removeClass("has-error")
                },
                rules: {
                    'file': "required",
                },
                messages: {
                    'file': "Không được bỏ trống file",
                }
            }).form();

            if (formStatus) {
                let data = new FormData($('#form-add-hostel-post-crawl')[0]);
                $.ajax({
                    url: '{{ url('admin/hostel-post-crawl/excel') }}',
                    type: 'post',
                    data: data,
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    beforeSend: function () {
                        $('#add-hostel-post-crawl-content').addClass('ht-on-loading');
                    },
                    success: function (response) {
                        $('#add-hostel-post-crawl-content').removeClass('ht-on-loading');
                        $('#add-hostel-post-crawl').modal('hide');
                        if (response.status == 1) {
                            swal('Thành công', response.message, 'success');

                        } else if (response.status == 0) {
                            swal('Thông báo', response.message, 'warning');
                        } else if (response.status == 2) {
                            swal('Thông báo', response.message, 'info');
                        }
                        table.ajax.reload();
                    }
                });
            }
        });

        $(document).on('switchChange.bootstrapSwitch', '.btn-is-confirm', function (e) {
            var id = $(this).attr('data-id');
            $.ajax({
                url: '{{ url('admin/hostel-post-crawl/update-is-confirm') }}',
                type: 'post',
                data: {
                    id: id
                },
                dataType: 'json',
                success: function (response) {

                }
            });
        });


        $(document).on('click', '.btn-edit-hostel', function (e) {
            cur_lat = null;
            cur_lng = null;

            e.preventDefault();

            hostelId = $(this).attr('data-hostel');

            console.log(hostelId);

            $.ajax({
                url: '{{ url('admin2/hostel/edit') }}' + '/' + hostelId,
                type: 'get',
                dataType: 'json',
                beforeSend: function () {
                    $('#edit-hostel-content').addClass('ht-on-loading');
                    $('#add-hostel-content').html('');
                },
                success: function (response) {
                    $('#edit-hostel-content').removeClass('ht-on-loading').html(response.data);
                    $('.nav-tabs').tab();
                    $('.select2').select2();

                    var lat = 21.0277644;
                    var lng = 105.8341598;

                    if (response.lat && response.lng) {
                        lat = response.lat;
                        lng = response.lng;
                    }
                    map = new GMaps({
                        div: '#map_edit',
                        lat: lat,
                        lng: lng
                    });
                    map.addMarker({
                        lat: lat,
                        lng: lng,
                        draggable: true,
                        dragend: function (event) {
                            var lat = event.latLng.lat();
                            var lng = event.latLng.lng();
                            $('#lat').val(lat);
                            $('#lng').val(lng);
                        },
                    });


                    $('.nav-tabs a').on('shown.bs.tab', function (event) {

                        var lat = 21.0277644;
                        var lng = 105.8341598;


                        if (response.lat && response.lng) {
                            lat = response.lat;
                            lng = response.lng;
                        }
                        if (cur_lat != null && cur_lng != null) {
                            lat = cur_lat;
                            lng = cur_lng;
                        }
                        map.refresh();
                        map = new GMaps({
                            div: '#map_edit',
                            lat: lat,
                            lng: lng,
                            center_changed: function () {
                                var lat = map.getCenter().lat();
                                var lng = map.getCenter().lng();
                                $('#lat-e').val(lat);
                                $('#lng-e').val(lng);
                            }
                        });


                        $('<div/>').addClass('centerMarker').appendTo(map.getDiv())
                            //do something onclick
                            .click(function () {
                                var that = $(this);
                                if (!that.data('win')) {
                                    that.data('win', new google.maps.InfoWindow({
                                        content: 'Vị trí được chọn'
                                    }));
                                    that.data('win').bindTo('position', map.map, 'center');
                                }
                                that.data('win').open(map.map);
                            });
                    });
                    $('.ckeditor').ckeditor();
                    geo_input_edit();
                }
            });

        });

        $(document).on('click', '.btn-delete-hostel-image', function (e) {
            var that = this;

            e.preventDefault();

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


            bootbox.confirm({
                message: "Bạn có chắc chắn muốn xóa",
                buttons: {
                    confirm: {
                        label: 'Có',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Không',
                        className: 'btn-danger'
                    }
                },


                callback: function (result) {
                    if (result == true) {
                        $.ajax({
                            url: '{{ url('admin2/hostel-post-crawl/delete-image') }}',
                            type: 'post',
                            data: {
                                id: id
                            },
                            dataType: 'json',
                            success: function (response) {
                                swal('Xóa thành công', '', 'success');
                                // $('#hostel_images_list').html(response.data);
                                $(that).parent().remove();
                            }
                        });
                    }
                }
            });

        });
    </script>
@endpush