@extends('layouts.app')

@section('linktext')
@endsection

@section('content')
    <div class="container">
        <div class="col-xs-12">

            <table class="table table-striped table-bordered">
                <thead style="font-size: 9px">
                <th>MON$ATTACHMENT_ID</th>
                <th>MON$SERVER_PID</th>
                <th>MON$STATE</th>
                <th>MON$TIMESTAMP</th>
                <th>MON$ATTACHMENT_NAME</th>
                <th>MON$USER</th>
                <th>MON$ROLE</th>
                <th>MON$REMOTE_PROTOCOL</th>
                <th>MON$REMOTE_ADDRESS</th>
                <th>MON$REMOTE_PID</th>
                <th>MON$CHARACTER_SET_ID</th>

                <th>MON$REMOTE_PROCESS</th>
                <th>MON$STAT_ID</th>
                </thead>

                <tbody>

            @foreach ($lists as $key=>$list)
                <tr @if($list['MON$STATE']==1) style="background-color: rgba(42,178,123,0.37)" @endif>
                    <td class="clickbottom" typ="infotranz" attachmentid="{{ $list['MON$ATTACHMENT_ID'] }}">{{ $list['MON$ATTACHMENT_ID']}} </td>
                    <td>{{ $list['MON$SERVER_PID']}} </td>
                    <td>{{ $list['MON$STATE']}} </td>
                    <td>{{ date('d-m-Y', strtotime($list['MON$TIMESTAMP']))}} </td>
                    <td>{{ $list['MON$ATTACHMENT_NAME']}} </td>
                    <td>{{ $list['MON$USER']}} </td>
                    <td>{{ $list['MON$ROLE']}} </td>
                    <td>{{ $list['MON$REMOTE_PROTOCOL']}} </td>
                    <td @if($list['MON$REMOTE_ADDRESS']=='172.16.4.67') style="background-color: yellow" @endif @if($list['MON$REMOTE_ADDRESS']=='172.16.4.154') style="background-color: rgba(17,255,10,0.31)" @endif >{{ $list['MON$REMOTE_ADDRESS']}} </td>
                    <td>{{ $list['MON$REMOTE_PID']}} </td>
                    <td>{{ $list['MON$CHARACTER_SET_ID']}} </td>

                    <td>{{ $list['MON$GARBAGE_COLLECTION']}} </td>
                    <td>{{ $list['MON$REMOTE_PROCESS']}} </td>
                    <td>{{ $list['MON$STAT_ID']}} </td>
                </tr>
                <tr style="display: none" id="infotranz{{ $list['MON$ATTACHMENT_ID'] }}" class="infotranz{{ $list['MON$ATTACHMENT_ID'] }}">

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

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

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

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

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

                $infotranz = document.getElementById("infotranz"+ attachmentid) ;

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

                if(zapros==1) {
                    $.ajax({
                        type: 'get',
                        url: 'clickbottom',
                        data: {
                            'typ': typ,
                            'attachmentid': attachmentid,
                            '_token': "{{ csrf_token() }}"
                        },
                        success: function (data) {


                            $objtd = $('.infotranz' + attachmentid);
                            $objtd.html(data);
                            $infotranz.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