@extends('layouts.container')
@section('title', 'Log Notifikasi')
@section('css')
    <link href="{{asset('/engine/adminLTE/dist/css/skins/skin-black.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/iCheck/flat/flat.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/jquery/themes/admin-theme/jquery-ui.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/jquery/themes/admin-theme/jquery-ui.theme.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('body-class', 'skin-black')
@section('content')
    <div class="box">
        <div class="box-header">
            <div class="margin">
                <div class="btn-group">
                    <button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
                    <button class="btn btn-default btn-sm btn_read" title="Change Status to Read"><i class="fa fa-archive"></i></button>
                    <button class="btn btn-default btn-sm btn_unread" title="Change Status to Unread"><i class="fa fa-edit"></i></button>
                </div><!-- /.btn-group -->
            </div>
        </div>
        <div class="box-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <td width="10">#</td>
                        <th>Notifikasi</th>
                        <th class="col-md-3">Dilakukan Oleh</th>
                        <th class="col-md-2">Tanggal</th>
                        <th width="75">Status</th>
                        <th width="50">Action</th>
                    </tr>
                </thead>
                <tbody class="logs-messages">
                    @if(count($log) > 0)
                    @foreach($log as $index => $value)
                    <tr>
                        <td><input type="checkbox" class="logs_ids" id="logs_ids[{{ $index }}]" value="{{ $value->id }}" /></td>
                        <td>
                            {{ strip_tags(str_replace('::n', '', $value->message)) }}
                        </td>
                        <td>{{ $value->User->first_name . '<br />' . $value->user->last_name }}</td>
                        <td>{{ $value->created_at }}</td>
                        <td>
                            @if(in_array('#'.Sentry::getUser()->getId().'#', is_array(json_decode($value->status)) ? json_decode($value->status) : array()))
                                <span class="badge bg-blue">Read</span>
                            @else
                                <span class="badge bg-red">Unread</span>
                            @endif
                        </td>
                        <td>
                            <a class="btn btn-info btn-sm" href="{{ URL::route('kipd-notification-redirect', $value->id) }}"><span class="glyphicon glyphicon-cloud"></span></a>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <div class="row">
                            <div class="col-md-6">
                                @if ($value->data_before)
                                <div class="box-group" id="accordionX{{ $index }}">
                                    @foreach(json_decode($value->data_before) as $xindex => $xvalue)
                                        <div class="panel box box-danger">
                                            <div class="box-header"><h4 class="box-title"><a data-toggle="collapse" data-parent="#accordionX{{ $index }}" href="#collapseX{{ $index }}_{{ $xindex }}" aria-expanded="false" class="collapsed">Data Sebelum Perubahan Index [{{ $xindex }}]</a></h4></div>
                                            <div id="collapseX{{ $index }}_{{ $xindex }}" class="panel-collapse collapse">
                                                <div class="box-body">
                                                    @if(!is_object($xvalue))
                                                    {{ print_r(json_decode($xvalue)) }}
                                                    @else
                                                    {{ print_r($xvalue) }}
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                @else
                                <div class="box-group" id="accordionX{{ $index }}">
                                    <div class="panel box box-primary">
                                        <div class="box-header"><h4 class="box-title"><a data-toggle="collapse" data-parent="#accordionX{{ $index }}" href="#collapseX{{ $index }}" aria-expanded="false" class="collapsed">Data Yang Dikirim</a></h4></div>
                                        <div id="collapseX{{ $index }}" class="panel-collapse collapse">
                                            <div class="box-body">
                                                {{ print_r(json_decode($value->data_sent)) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                            <div class="col-md-6">
                                @if($value->data_after)
                                    <div class="box-group" id="accordionY{{ $index }}">
                                        @foreach(json_decode($value->data_after) as $xindex => $xvalue)
                                            <div class="panel box box-success">
                                                <div class="box-header"><h4 class="box-title"><a data-toggle="collapse" data-parent="#accordionY{{ $index }}" href="#collapseY{{ $index }}_{{ $xindex }}" aria-expanded="false" class="collapsed">Data Setelah Perubahan Index [{{ $xindex }}]</a></h4></div>
                                                <div id="collapseY{{ $index }}_{{ $xindex }}" class="panel-collapse collapse">
                                                    <div class="box-body">
                                                        @if(!is_object($xvalue))
                                                            {{ print_r(json_decode($xvalue)) }}
                                                        @else
                                                            {{ print_r($xvalue) }}
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                @else
                                    <div class="box-group" id="accordionX{{ $index }}">
                                        <div class="panel box box-primary">
                                            <div class="box-header"><h4 class="box-title"><a data-toggle="collapse" data-parent="#accordionX{{ $index }}" href="#collapseX{{ $index }}" aria-expanded="false" class="collapsed">Data Yang Dikirim</a></h4></div>
                                            <div id="collapseX{{ $index }}" class="panel-collapse collapse">
                                                <div class="box-body">
                                                    {{ print_r(json_decode($value->data_sent)) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        </td>
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="6"><div class="text-center">No Data.</div></td>
                    </tr>
                    @endif
                </tbody>
            </table>
            <div class="text-center">
                {{ $log->links() }}
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script src="{{asset('/engine/iCheck/icheck.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('/engine/fastclick/fastclick.min.js') }}"></script>
    <script src="{{asset('/engine/slimScroll/jquery.slimscroll.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('/engine/jquery/js/jquery-ui.min.js') }}"></script>
    <script src="{{asset('/engine/multiSelect/js/jquery.multi-select.js') }}" type="text/javascript"></script>
    <script src="{{asset('/engine/multiSelect/js/jquery.quicksearch.js') }}" type="text/javascript"></script>
    <script>
        $(function() {
            $('.logs-messages input[type="checkbox"]').iCheck({
                checkboxClass: 'icheckbox_flat',
                radioClass: 'iradio_flat'
            });

            //Enable check and uncheck all functionality
            $(".checkbox-toggle").click(function () {
                var clicks = $(this).data('clicks');
                if (clicks) {
                    //Uncheck all checkboxes
                    $(".logs-messages input[type='checkbox']").iCheck("uncheck");
                    $(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
                } else {
                    //Check all checkboxes
                    $(".logs-messages input[type='checkbox']").iCheck("check");
                    $(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
                }
                $(this).data("clicks", !clicks);
            });

            $('.btn_read').click(function() {
                var $checked = $(".logs-messages input[type='checkbox']:checked:enabled");
                var $counter = $checked.length;
                $checked.each(function(index, value) {
                    $.ajax({
                        url: "{{ URL::route('kipd-notification-redirect', '') }}"+ '/' + $(value).val(),
                        method: 'GET'
                    }).always(function() {
                        if (($counter-1) === index) {
                            $(".logs-messages input[type='checkbox']").iCheck("uncheck");
                            window.location.reload();
                        }
                    });
                });
            });

            $('.btn_unread').click(function() {
                var $checked = $(".logs-messages input[type='checkbox']:checked:enabled");
                var $counter = $checked.length;
                $checked.each(function(index, value) {
                    $.ajax({
                        url: "{{ URL::route('kipd-notification-unread', '') }}"+ '/' + $(value).val(),
                        method: 'GET'
                    }).always(function() {
                        if (($counter-1) === index) {
                            $(".logs-messages input[type='checkbox']").iCheck("uncheck");
                            window.location.reload();
                        }
                    });
                });
            });
        })
    </script>
@endsection