@extends('layouts.app')

@section('linktext')
@endsection

@section('content')
    <div class="container">
        <div class="col-xs-12">
            <table class="table table-striped table-bordered">
                <tbody>
                @foreach ($lists as $key=>$list)
                    <tr style="background-color: #ff000040;">
                        @if ($key==1)
                        <td>{{ $key }} Отделка</td>
                        @ENDIF
                        @if ($key==2)
                            <td>{{ $key }} Производство</td>
                        @ENDIF
                        @if ($key==3)
                            <td>{{ $key }} Топы</td>
                        @ENDIF
                        @if ($key==4)
                            <td>{{ $key }} Мех участок</td>
                        @ENDIF

                    </tr>
                    @foreach ($list as $texproc)
                        <tr style="background-color: #cfff0040;">
                            <td class="clickbottom" typ="infotprice1" texprocid="{{ $texproc['ID'] }}">--{{ $texproc['ID'] }} => {{ $texproc['name']}} <span style="float: right;">{{ $texproc['art']}}</span></td>
                            <td>{{ $key }}</td>
                        </tr>
                        <tr style="display: none" id="infotprice1{{ $texproc['ID'] }}" class="infotprice1{{ $texproc['ID'] }}">

                        </tr>
                        @foreach ($texproc['opers'] as $opers)
                            <tr>
                                <td>---{{ $opers['opername'].'  =>  '.$opers['name']  }}</td>
                                <td>{{ $opers['OPERTIME']}}</td>
                                <td>{{$opers['OPERTIME']/16}}д.</td>
                            </tr>

                        @endforeach
                    @endforeach
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

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

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

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

                $infotprice1 = document.getElementById("infotprice1"+ texprocid) ;

                var zapros=1;
                if(typ=='infotprice1') {
                    if ($infotprice1.style.display == '') {
                        zapros=0;
                        $infotprice1.style.display = 'none';
                    } else {
                        zapros=1;
                    }
                }
                if(zapros==1) {
                    $.ajax({
                        type: 'get',
                        url: 'clickbottom',
                        data: {
                            'typ': typ,
                            'texprocid': texprocid,
                            '_token': "{{ csrf_token() }}"
                        },
                        success: function (data) {

                            $objtd = $('.infotprice1' + texprocid);
                            $objtd.html(data);
                            $infotprice1.style.display = '';

                            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