@extends('layouts.app')

@section('linktext')
    <link href="{{ asset('css/bootstrap-select.min.css') }}" rel="stylesheet">
@endsection

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

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

                <h4>Статусы WORK</h4>

                <table class="table table-bordered sortable">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>PFID</th>
                        <th>Название</th>

                    </tr>
                    </thead>
                    <tbody>
                    @if($statusworks)
                        @foreach ($statusworks as $statuswork)
                            <tr>
                                <td>{{ $statuswork->ID }}</td>
                                <td>
                                    @if($statuspf)
                                        <select class="selectpicker" idstatuswork="{{ $statuswork->ID }}">
                                            <option idstatuspf="999" @if($statuswork->PFID=='') selected @endif>не выбрано</option>
                                            @foreach ($statuspf as $status)
                                                <option @if($statuswork->PFID==$status->pfid&$statuswork->PFID<>'') selected @endif idstatuspf="{{$status->pfid}}" style=" color: {{ $status->color }}" >{{ $status->pfid .' => '. $status->name }}</option>
                                            @endforeach
                                        </select>
                                    @endif
                                </td>
                                <td>{{ $statuswork->LONGPRIM }}</td>
                            </tr>
                        @endforeach
                    @endif
                </table>

            </div>
            <div class="col-md-6">
                <h4>Статусы Planfix <button type="button" typ="pfupdateprocess" class="btn btn-success clickbottom">Обновить</button> </h4>

                <table class="table table-bordered sortable">
                    <thead>
                    <tr>
                        <th>PFID</th>
                        <th>Название</th>
                        <th>Кнопки</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if($processpf)
                        @foreach ($processpf as $process)
                            <tr @if ($process->check==1)style="background-color: #d0e9c6" @endif>
                                <td>{{ $process->pfid }}</td>
                                <td>{{ $process->name }}</td>
                                <td><button type="button" processid="{{ $process->pfid }}" typ="updatestatuspf" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-refresh"></span> </button></td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>

                <table class="table table-bordered sortable">
                    <thead>
                    <tr>
                        <th>PFID</th>
                        <th>Название</th>
                        <th>Кнопки</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if($statuspf)
                        @foreach ($statuspf as $status)
                            <tr>
                                <td>{{ $status->pfid }}</td>
                                <td style="color: {{ $status->color }}">{{ $status->name }}</td>
                                <td><button type="button" processid="{{ $process->pfid }}" typ="updatestatuspf" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-refresh"></span> </button></td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>

            </div>
        </div>


    </div>
@endsection

@section('scriptext')

    <script src="{{ asset('js/bootstrap-select.min.js') }}"></script>
    <script src="{{ asset('js/i18n/defaults-ru_RU.min.js') }}"></script>

    <script>
        $(document).ready(function(){

            $('select').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
                // do something...
                if (confirm('Точно?')) {
                    var idstatuswork = $(this).attr('idstatuswork');
                    var idstatuspf = e.currentTarget[clickedIndex].getAttribute('idstatuspf');
                    var typ = 'updatestatuswork';

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

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

            });

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

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

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

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

                            if(typ=='pfupdateprocess'){
                                $('#resultprocess').html(data);
                                toastr.success('OK', 'Success Alert', {timeOut: 5000});
                                location='pfstatus';
                            }

                            if(typ=='updatestatuspf'){
                                location='pfstatus';
                            }

                            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