@extends('layouts.app')

@section('linktext')

@endsection

@section('content')
    <div class="container">
        <table class="table table-bordered sortable">
            <caption>Контакты PF <button type="button" typ="pfupdatecontact" class="btn btn-success clickbottom">Обновить</button></caption>
            <thead>
            <tr>
                <th data-defaultsort="desc">#</th>
                <th>Название</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($contacts as $contact)
                <tr>
                    <td>{{$contact['pfid']}}</td>
                    <td>{{$contact['name']}}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endsection

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

            $(".clickbottom").click(function(){

                if (confirm('Точно?')) {

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

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

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

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

                            if(typ=='pfupdatecontact'){

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

                                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);
                        }
                    });
                } else {
                    exit();
                }

            });

        });
    </script>

@endsection