@extends('layouts.admin')

@section('page-title', trans('crm.clients_nav_kb'))

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span
                            class="font-weight-semibold">@lang('crm.clients_nav_kb')</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="card">

            <div class="card-body">
                <div class="row header-controls" id="article_buttons">
                    <div class="col-md-6">
                        <a href="#" onclick="createGroup()" class="btn btn-success" id="create_group">
                            @lang('crm.new_group')
                        </a>
                        <a href="{{route('admin.knowledgebase.articles')}}" class="btn btn-success ml-2" id="articles">
                            @lang('crm.als_all_articles')
                        </a>
                    </div>
                    <div class="col-md-6">

                    </div>
                </div>

                <table class="table" id="article-table">
                    <thead>
                    <th>@lang('crm.name')</th>
                    <th>@lang('crm.group_table_isactive_heading')</th>
                    <th>@lang('crm.options')</th>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="modal fade" id="knownbase_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
        </div>
    </div>
@stop

@section('scripts')

    {!! HTML::script('assets/js/as/knowledgebase.js') !!}

    <script>
        $(document).ready(function () {
            $('#article-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url': '{{ url('admin/knowledgebase/postGetGroups') }}',

                },
                'columns': [
                    {data: 'name'},
                    {data: 'active'},
                    {data: 'options'},
                ],
                'order': [[1, 'asc']]
            });
        });

        function activeClicked(cb, group_id) {

            $.ajax({
                type: 'POST',
                url: "{{ url('admin/knowlegebase/group_change_status') }}",
                data: {
                    group_id: group_id,
                    status: cb.checked,
                },
                success: function (data) {
                    if (data.status == 1) {
                        successNotify('', data.msg);
                    } else {
                        errorNotify('', data.msg);
                        cb.checked = !cb.checked;
                    }
                },
                error: function (data) {
                    errorNotify('', data.msg);
                    cb.checked = !cb.checked;
                }
            }, 'json')
        }

        function deleteGroup(id) {
            if (!id) {
                return;
            }

            confirmAlert('', 'Are you sure that you want to this action?', 'Yes', 'No', function () {
                $.ajax({
                    type: 'POST',
                    url: "{{ url('admin/knowledgebase/delete_group') }}",
                    data: {group_id: id},
                    success: function (data) {
                        if (data.status == 1) {
                            successAlert(data.msg, '', function () {
                                reloadPage();
                            });
                        } else {
                            errorAlert(data.msg);
                        }
                    },
                    error: function (data) {
                        errorAlert(data.msg);
                    }
                }, 'json')
            })
        }
    </script>
@stop