@extends('layouts.app')

@section('linktext')
@endsection

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

        <a class="btn btn-default" href="listmagazine" role="button">Все</a>
        <a class="btn btn-default" href="listmagazine?TEXPROC_GROUP_ID=1" role="button">Отделка</a>
        <a class="btn btn-default" href="listmagazine?TEXPROC_GROUP_ID=2" role="button">Производство</a>
        <a class="btn btn-default" href="listmagazine?TEXPROC_GROUP_ID=3" role="button">Топы</a>
        <a class="btn btn-default" href="listmagazine?TEXPROC_GROUP_ID=4" role="button">МехУчасток</a>

        <div class="col-xs-12">

            <table class="table table-hover table-striped">
                <thead>
                    <th>ID</th>
                    <th>SROK</th>
                    <th style="width: 150px;">DATEOTGRUZ</th>
                    <th>MAGAZINE <br> STATUSID</th>
                    <th>MAGAZINEITOG <br> OTGRUZKA_STATE</th>
                    <th style="width: 200px;">MAGAZINEITOG <br> PRIM</th>
                </thead>
                <tbody>
                @foreach ($lists as $key=>$list)
                    <tr >
                        <td  class="clickbottom" typ="infoparts" magazineid="{{ $list['ID'] }}" >{{ $list['ZAKAZNAME'] }}</td>
                        <td>{{ $list['SROK'] }}</td>
                        <td>{{ $list['DATEOTGRUZ'] }}</td>
                        <td @if($list['STATUSID']==20&$list['OTGRUZKA_STATE_ID']>=10) style="background-color: rgba(229,36,18,0.31)" @endif @if($list['STATUSID']<>6&$list['OTGRUZKA_STATE_ID']>=10) style="background-color: rgba(229,22,216,0.31)" @endif>{{ $list['STATUSID']}} => {{ $list['STATUSNAME'] }}</td>
                        <td @if($list['STATUSID']==6&$list['OTGRUZKA_STATE_ID']<10) style="background-color: rgba(255,0,0,0.18)" @endif>{{$list['OTGRUZKA_STATE_ID']}} => {{ $list['OTGRUZKA_STATE_NAME'] }}</td>
                        <td>{{ $list['PRIM'] }}</td>
                        <td><button title="Таблица MAGAZINE" type="button" class="btn btn-xs btn-primary info" magazine_id="{{$list['ID']}}"><span class="glyphicon glyphicon-magnet"></span></button></td>
                        <td><button title="Таблица MagazineITOG" type="button" class="btn btn-xs btn-primary clickbottom" typ="magazineitog" magazineid="{{$list['ID']}}"><span class="glyphicon glyphicon-inbox"></span></button></td>
                        <td><button title="ЛОГИ" type="button" class="btn btn-xs btn-primary clickbottom" typ="magazinelog" magazineid="{{$list['ID']}}"><span class="glyphicon glyphicon-list-alt"></span></button></td>
                    </tr>
                    <tr >
			<td style="display: none" id="infoparts{{ $list['ID'] }}" class="infoparts{{ $list['ID'] }}" colspan="9"></td>
                    </tr>
                    <tr style="display: none" id="magazine_id{{ $list['ID'] }}" class="magazine_id{{ $list['ID'] }}">
                        <td colspan="9">@php echo '<pre>';  @endphp {{print_r($list['item'])}} @php echo '</pre>';  @endphp</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

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

            $(".info").click(function () {
                var magazine_id = $(this).attr('magazine_id');

                $magazine_id = document.getElementById("magazine_id" + magazine_id);

                if ($magazine_id.style.display == '') {
                    $magazine_id.style.display = 'none';
                } else {
                    $magazine_id.style.display = '';
                }
            });

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


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

                $infoparts = document.getElementById("infoparts"+ magazineid) ;

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

                var zapros=1;
                if(typ=='infoparts') {
                    if ($infoparts.style.display == '') {
                        zapros=0;
                        $infoparts.style.display = 'none';
                    } else {
                        zapros=1;
                    }
                }
                if(typ=='magazineitog') {
                    if ($infoparts.style.display == '') {
                        zapros=0;
                        $infoparts.style.display = 'none';
                    } else {
                        zapros=1;
                    }
                }

                if(typ=='magazinelog') {
                    if ($infoparts.style.display == '') {
                        zapros=0;
                        $infoparts.style.display = 'none';
                    } else {
                        zapros=1;
                    }
                }

                if(zapros==1) {
                    $.ajax({
                        type: 'get',
                        url: 'clickbottom',
                        data: {
                            'typ': typ,
                            'magazineid': magazineid,
                            '_token': "{{ csrf_token() }}"
                        },
                        success: function (data) {
                            if(typ=='infoparts') {
                                $objtd = $('.infoparts' + magazineid);
                                $objtd.html(data);
                                $infoparts.style.display = '';
                            }
                            if(typ=='magazineitog') {
                                $objtd = $('.infoparts' + magazineid);
                                $objtd.html(data);
                                $infoparts.style.display = '';
                            }
                            if(typ=='magazinelog') {
                                $objtd = $('.infoparts' + magazineid);
                                $objtd.html(data);
                                $infoparts.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