@extends ('backend.layouts.app')
@section('title', 'Need Login Articles')
@section('content')
    <div class="box box-info">
        <div class="box-header with-border card-header">
            <h3 class="box-title" style="display: block;">Need Login Articles</h3>
 
            <span>
                <p id="message"></p>
            </span>
            <div class="box-body">
                <div class="table-responsive data-table-wrapper">
                    <div class="table-responsive data-table-wrapper">
                        <div id="stays-table_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                            <div class="dataTables_length" id="stays-table_length">
                            </div>
                            <table id="articles-table" class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ trans('labels.backend.articles.table.id') }}</th>
                                        <th>{{ trans('labels.backend.articles.table.tt') }}</th>
                                        <th>Author</th>
                                        <th>{{ trans('labels.backend.articles.table.pub') }}</th>
                                        <th>{{ trans('labels.general.actions') }}</th>

                                    </tr>
                                </thead>

                                <thead class="transparent-bg">
                                    <tr>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>


                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

@endsection
@section('after-scripts')
    {{-- For DataTables --}}
    {{ Html::script(mix('js/dataTable.js')) }}



@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


<script>
     //Below written line is short form of writing $(document).ready(function() { })
     $(function() {
         $.ajaxSetup({
             headers: {
                 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
             }
         });
         var dataTable = $('#articles-table').dataTable({
          
             processing: true,
             "iDisplayLength": 10,
             serverSide: true,
             ajax: {
                 url: "{{ url('admin/fetch_need_login_articles') }}",
                 type: 'post',
             },
             columns: [{
                     data: 'article_id',
                     name: '{{ config('module.articles.table') }}.article_id'
                 },
                 {
                     data: 'title',
                     name: '{{ config('module.articles.table') }}.title'
                 },
                 {
                     data: 'authorname',
                     name: '{{ config('module.articles.table') }}.authorname'
                 },
                 
                 {
                     data: 'publish_date',
                     name: 'publish_date'
                 },
                 {
                     data: 'actions',
                     name: 'actions',
                     searchable: false,
                     sortable: false
                 }

             ],
             order: [
                 [0, "asc"]
             ],
             searchDelay: 500,
             dom: 'lBfrtip',
             buttons: {
                 buttons: [{
                         extend: 'copy',
                         className: 'copyButton',
                         exportOptions: {
                             columns: [0, 1]
                         }
                     },
                     {
                         extend: 'csv',
                         className: 'csvButton',
                         exportOptions: {
                             columns: [0, 1]
                         }
                     },
                     {
                         extend: 'excel',
                         className: 'excelButton',
                         exportOptions: {
                             columns: [0, 1]
                         }
                     },
                     {
                         extend: 'pdf',
                         className: 'pdfButton',
                         exportOptions: {
                             columns: [0, 1]
                         }
                     },
                     {
                         extend: 'print',
                         className: 'printButton',
                         exportOptions: {
                             columns: [0, 1]
                         }
                     }
                 ]
             }
         });
         Backend.DataTableSearch.init(dataTable);
     });
 </script>

<script>
//     $.noConflict();
//     jQuery(document).ready(function($) {
//         fetch_data();
//     });

//     function fetch_data() {
//         var _token = "{{ csrf_token() }}";
//         id = $('#newsletterId').val();
//         $.ajax({
//             url: "{{ url('admin/fetch_need_login_articles') }}",
//             data: {
//                 id: id,
//                 _token: _token
//             },
//             dataType: "json",
//             type: "post",
//             success: function(data) {
//                 console.log(data)
//                 var html = '';
//                 for (var count = 0; count < data.length; count++) {
//                     html += '<tr id="view_' + data[count].article_id + '">';
//                     html += '<td>' + data[count].article_id + '</td>';
//                     html += '<td>' + data[count].title + '</td>';
//                     html += '<td>' + data[count].authorname + '</td>';
//                     html += '<td>' + data[count].publish_date + '</td>';
//                     if (data[count].news_type == 5) {
//                         html +=
//                             '<td style="width: 10%;margin:5px;"><button style="background-color: red;color:white;font-weight:bold;" class="btn-sm btn-primary remove-need-login" id="' +
//                             data[count].article_id + '">Remove</button>';
//                     }
//                 }
//                 $('#articles-table tbody').html(html);
//             }

//         });
//     }


    $(document).on('click', '.remove-need-login', function() {
        var _token = $('input[name="_token"]').val();
        var id = $(this).attr("id");
        swal({
            title: "Are you sure?",
            text: "It will remove the need login feature from this article?",
            type: "warning",
            showCancelButton: true,
            closeOnConfirm: false,
            confirmButtonText: "Yes, Do it!",
            confirmButtonColor: "#ec6c62"
        }, function() {
            $.ajax({
                    url: "{{ url('admin/articles/remove_need_login_articles') }}",
                    method: "POST",
                    data: {
                        type: 'remove_need_login',
                        id: id,
                        _token: _token
                    },
                    success: function(data) {
                         location.reload();
                        fetch_data();
                    }
                })
                .done(function(data) {
                    swal("Done!",
                        "Need Login feature is remove the article.",
                        "success");
                })
                .error(function(data) {
                    swal("Oops", "We couldn't connect to the server!", "error");
                });
        });
    });
</script>