@extends(\Auth::user()->role != 10 ? 'layout' : 'layoutfrontdesk')

@section('title', 'Log')

@section('css')
<style type="text/css">
	.datatable-column-width{
		overflow: hidden; text-overflow: ellipsis; max-width: 200px;
	}
</style>
@endsection

@section('content')

    @php
        $afters = json_decode($log->json_after);
    @endphp

	<!-- Page header -->
	<div class="page-header">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4>  <span class="font-weight-semibold">Log</span> - Detail Log</h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">
        <div class="row">
            <div class="col-lg-12 card px-3 py-2">
                <table style="width: 100%; font-weight:bolder" class="mt-1">
                    <tr>
                        <td style="width:100px">By User</td>
                        <td>: {{@$log->user->nama}}</td>
                    </tr>
                    <tr>
                        <td style="width:100px">Modul</td>
                        <td>: {{@$log->modul}}</td>
                    </tr>
                    <tr>
                        <td style="width:100px">Time</td>
                        <td>: {{@$log->created_at}}</td>
                    </tr>
                </table>

            </div>

            <div class="col-lg-6 card px-2 py-2">
                <span class="card card-header px-2 py-1 text-center bg-info"><h5 class="font-weight-bold">Before</h5></span>
                <div class="px-1 overflow-auto" style="max-height:600px">
                    @if ($data_from)
                        @if (is_array($data_from))
                            @foreach ($data_from as $h1=>$b1)
                                @if (is_array($b1))
                                    @foreach ($b1 as $h2=>$b2 )
                                        @if (is_array($b2))
                                            @foreach ($b2 as $h3=>$b3)
                                                @if (is_array($b3))
                                                    @foreach ($b3 as $h4=>$b4)
                                                        {{$h4}} : {{$b4}} <br>
                                                    @endforeach
                                                @else
                                                    {{$h3}} : {{$b3}} <br>
                                                @endif
                                            @endforeach
                                        @else
                                            {{$h2}} : {{$b2}} <br>
                                        @endif
                                    @endforeach
                                @else
                                    {{$h1}} : {{$b1}} <br>
                                @endif
                            @endforeach
                        @else
                            {{$data_from}} <br>
                        @endif
                    @else
                        <div class="text-center">( --- Kosong --- )</div>
                    @endif
                </div>
            </div>

            <div class="col-lg-6 card px-2 py-2">
                <div class="card card-header px-2 py-1 text-center bg-info"><h5 class="font-weight-bold">After</h5></div>
                <div class="px-1 overflow-auto" style="max-height:600px">
                    @if ($data_after)
                        @if (is_array($data_after))
                            @foreach ($data_after as $h1=>$b1)
                                @if (is_array($b1))
                                    @foreach ($b1 as $h2=>$b2 )
                                        @if (is_array($b2))
                                            @foreach ($b2 as $h3=>$b3)
                                                @if (is_array($b3))
                                                    @foreach ($b3 as $h4=>$b4)
                                                        {{$h4}} : {{$b4}} <br>
                                                    @endforeach
                                                @else
                                                    {{$h3}} : {{$b3}} <br>
                                                @endif
                                            @endforeach
                                        @else
                                            {{$h2}} : {{$b2}} <br>
                                        @endif
                                    @endforeach
                                @else
                                    {{$h1}} : {{$b1}} <br>
                                @endif
                            @endforeach
                        @else
                            {{$data_after}}
                        @endif
                    @else
                        <div class="text-center">( --- Kosong --- )</div>
                    @endif
                </div>
            </div>
        </div>
	</div>
	<!-- /content area -->
@endsection

@section('js')
	<!-- Theme JS files -->
	<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/notifications/bootbox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/spin.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>
	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>

	<script type="text/javascript">
		$( document ).ready(function() {
	        // Default style
	        @if(session('error'))
	            new PNotify({
	                title: 'Error',
	                text: '{{ session('error') }}.',
	                icon: 'icon-blocked',
	                type: 'error'
	            });
            @endif
            @if ( session('success'))
	            new PNotify({
	                title: 'Success',
	                text: '{{ session('success') }}.',
	                icon: 'icon-checkmark3',
	                type: 'success'
	            });
            @endif

		});
	</script>
@endsection