@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-9">

                <h4>Пользоватеские поля головной задачи PF <button type="button" typ="updatecustomdata" class="btn btn-success clickbottom">Обновить</button></h4>

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

                        @foreach ($customdatas as $customdata)
                            <tr id="custom{{ $customdata->id }}" @if($customdata->check==1) class="success" @endif>
                                <td>{{ $customdata->id }}</td>
                                <td>{{ $customdata->pfid }}</td>
                                <td>{{ $customdata->name }}</td>
                                <td>

                                    @if($poleworks)
                                        <select class="selectpicker" customdatapfid="{{ $customdata->pfid }}">
                                            <option idstatuspf="999" @if(trim($customdata->polework)=='') selected @endif>не выбрано</option>
                                            @foreach ($poleworks as $polework)
                                                <option namepolework="{{$polework->NAME}}" @if(trim($customdata->polework)==trim($polework->NAME)&trim($customdata->polework)<>'') selected @endif >{{ $polework->NAME }}</option>
                                            @endforeach
                                        </select>
                                    @endif

                                </td>
                                <td>
                                    <button title="Поле будет учавствовать в обмене" type="button" customdatacheck="{{ $customdata->check }}"  customdataid="{{ $customdata->pfid }}" typ="checkcustomdata" 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 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 customdatapfid = $(this).attr('customdatapfid');
                    var namepolework = e.currentTarget[clickedIndex].getAttribute('namepolework');

                    var typ = 'updatepolework';

                    $.ajax({
                        type: 'get',
                        url: 'pfordercustomdata/clickbottom',
                        data: {
                            'typ': typ,
                            'customdatapfid': customdatapfid,
                            'namepolework': namepolework,
                            '_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 customdataid = $(this).attr('customdataid');
                    var customdatacheck = $(this).attr('customdatacheck');

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

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

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

                            if(typ=='checkcustomdata'){
                                    $('#custom'+customdataid).toggleClass('success');
                            }

                            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