@extends('layouts.app')

@section('linktext')
@endsection

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

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

            <table class="table table-hover table-striped">
                <thead>
                <th>MAGAZINE_ID {{$kolvozakaz}}</th>
                <th>DATE_OTGRUZKA</th>
                <th>KOLVO_ALL</th>
                <th>KOLVO_OTGR</th>
                <th>OTGRUZKA_STATE_NAME</th>
                </thead>
                <tbody>
                @foreach ($lists as $key=>$list)
                    <tr @if($list['OTGRUZKA_STATE_ID']>=10) style="background-color: rgba(229,36,18,0.31)" @endif >
                        <td >{{ $list['MAGAZINE_ID'] }}</td>
                        <td >{{ $list['DATE_OTGRUZKA'] }}</td>
                        <td >{{ $list['KOLVO_ALL'] }}</td>
                        <td >{{ $list['KOLVO_OTGR'] }}</td>
                        <td >{{ $list['KOLVO_NOTOTGR'] }}</td>
                        <td >{{ $list['OTGRUZKA_STATE_NAME'] }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

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

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


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


                $.ajax({
                    type: 'get',
                    url: 'clickbottom',
                    data: {
                        'typ': typ,
                        'magazineid': magazineid,
                        '_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