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


                        <td>{{ $list['id']  }} => {{ $list['name']  }} <span style="float: right;">{{ $list['SHORTNAME']}}</span></td>

                    </tr>

                    @foreach ($list['texprocs'] as $texproc)
                        <tr style="background-color: #cfff0040;">
                            <td>--{{ $texproc['name']}} <span style="float: right;">{{ $texproc['art']}}</span></td>
                            <td @if(!isset($texproc['OPERTIME'])) style="background-color: rgba(255,0,0,0.28)" @endif>{{ $texproc['OPERTIME']}}</td>
                            <td>{{$texproc['OPERTIME']/16}}д.</td>
                        </tr>
                    @endforeach


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

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

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

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

                $.ajax({
                    type: 'get',
                    url: 'universal/clickbottom',
                    data: {
                        'typ': typ,
                        '_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);
                    }
                });

            });

        });
    </script>

@endsection