@extends('layouts.app')

@section('linktext')

@endsection

@section('content')
    <div class="container">

        <div class="row">
            <div class="col-md-6">

                <h4>Проекты PF <button type="button" typ="updateprojectpf" class="btn btn-success clickbottom">Обновить</button></h4>

                @if($projects)
                    <table class="table table-bordered sortable">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>PFID</th>
                            <th>Название</th>
                            <th>Кнопки</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach ($projects as $project)
                            <tr @if($project->check==1) style="background-color: #d0e9c6" @enDif>
                                <td>{{ $project->id }}</td>
                                <td>{{ $project->pfid }}</td>
                                <td>{{ $project->title }}</td>
                                <td>
                                    <button title="Сделать основным" type="button" projectid="{{ $project->pfid }}" typ="updatecheck" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-ok"></span> </button>
                                </td>
                            </tr>
                        @endforeach

                    </table>
                @endif

            </div>

        </div>



    </div>
@endsection

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

            $(".clickbottom").click(function(){
                if (confirm('Точно?')) {
                    var typ = $(this).attr('typ');
                    var projectid = $(this).attr('projectid');

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

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

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


                            if(typ=='updateprojectpf'||typ=='updatecheck'){

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

                            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