@extends('layouts.app')

@section('linktext')

@endsection

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-6">

                <table class="table table-bordered sortable">
                    <thead>
                    <tr>
                        <th>PFID</th>
                        <th>Кнопки</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>contact.getGroupList</td>
                            <td>
                                <button type="button" typ="contact_getGroupList" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-refresh"></span> </button>
                            </td>
                        </tr>
                        <tr>
                            <td>contact.getList</td>
                            <td>
                                <button type="button" typ="pfupdatecontact" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-refresh"></span> </button>
                            </td>
                        </tr>

                        <tr>
                            <td>handbook.getRecords Справочник салоны => 31632</td>
                            <td>
                                <button type="button" typ="handbook_getRecords" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-refresh"></span> </button>
                            </td>
                        </tr>
                        <tr>
                            <td>task.get</td>
                            <td>
                                <button type="button" typ="task_get" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-refresh"></span> </button>
                            </td>
                        </tr>
                    </tbody>
                </table>

            </div>
            <div class="col-md-6" id="result">


            </div>
        </div>
    </div>
@endsection

@section('scriptext')
    <script>
        $(document).ready(function(){
            $(".clickbottom").click(function(){

                    var typ = $(this).attr('typ');

                    var obj = $(this);
                    $(obj).toggleClass('btn-success');
                    $(obj).toggleClass('btn-warning');

                    $.ajax({
                        type: 'get',
                        url: 'pfquery/clickbottom',
                        data: {
                            'typ': typ,
                            '_token': "{{ csrf_token() }}"
                        },
                        success: function(data) {

                            $(obj).toggleClass('btn-warning');
                            $(obj).toggleClass('btn-success');

                            $objtd = $('#result');
                            $objtd.html(data);

                            var compacted = document.querySelectorAll('.sf-dump-compact');

                            for (var i = 0; i < compacted.length; i++) {
                                compacted[i].className = 'sf-dump-expanded';
                            }

                            if (data['typmessage'] == 'success') {
                                toastr.success(data['message'], 'Success Alert', {timeOut: 5000});
                            }

                            if(data['typmessage']=='warning'){
                                toastr.warning(data['message'], 'warning Alert', {timeOut: 5000});
                            }

                        },
                        error: function (data) {
                            console.log('Error:', data);
                        }
                    });


            });
        });
    </script>

@endsection