@extends('themes.default1.agent.layout.agent')


@section('Users')
class="active"
@stop
@section('HeadInclude')
<style>
    h1 {
        color: #f2f2f2;
        font-family: Arial;
        font-size: 14px;
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
    }
    input[type="checkbox"]:not(old) {
        width   : 28px;
        margin  : 0;
        padding : 0;
        opacity : 0;
    }
    input[type="checkbox"]:not(old) + label {
        color: #f2f2f2;
        font-family: Arial,sans-serif;
        font-size: 14px;
    }
    input[type="checkbox"]:not(old) + label span {
        background: rgba(0, 0, 0, 0) url("lb-faveo/media/images/check_radio_sheet.png") no-repeat scroll left top;
        cursor: pointer;
        display: inline-block;
        height: 19px;
        margin-left  : -28px;
        vertical-align: middle;
        width: 19px;
    }
    input[type="checkbox"]:checked + label span {
        background: rgba(0, 0, 0, 0) url("lb-faveo/media/images/check_radio_sheet.png") no-repeat scroll -19px top;
    }
</style>
@stop
@section('user-bar')
active
@stop

@section('user')
class="active"
@stop

<!-- /breadcrumbs -->
<!-- content -->
@section('content')
    @if(Session::has('success'))
    <div class="alert alert-success alert-dismissable">
        <i class="fa fa-ban"></i>
        <b>Alert!</b> Success.
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{Session::get('success')}}
    </div>
    @endif
    <!-- fail message -->
    @if(Session::has('fails'))
    <div class="alert alert-danger alert-dismissable">
        <i class="fa fa-ban"></i>
        <b>Alert!</b> Failed.
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{Session::get('fails')}}
    </div>
    @endif
    <div id="alert21" class="alert alert-success alert-dismissable" style="display:none;">
        <button id="dismiss11" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <h4><i class="icon fa fa-check"></i>Alert!</h4>
        <div id="message-success2"></div>
    </div>
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Notification Page</h3>
                </div>
                <!-- /.box-header -->
                <div class="row">
                    <!-- Left col -->
                    <section class="col-lg-12">
                        <!-- Custom tabs (Charts with tabs)-->




                        <!-- TO DO List -->
                        <div class="box box-default">
                            <!--
<div class="box-header">
<i class="ion ion-clipboard"></i>
<h3 class="box-title">Task</h3>
<div class="box-tools pull-right">
<ul class="pagination pagination-sm inline">
<li><a href="#">&laquo;</a>
</li>
<li><a href="#">1</a>
</li>
<li><a href="#">2</a>
</li>
<li><a href="#">3</a>
</li>
<li><a href="#">&raquo;</a>
</li>
</ul>
</div>
</div>
                            -->
                            <!-- /.box-header -->
                            <div class="box-body">
                                <ul class="todo-list">
                                    @if(count($notifications))
                                    @foreach($notifications as $notification)
                                    @if($notification->type == 'registration')
                                    <li>
                                        <!-- drag handle -->

                                        <!-- checkbox -->
                                        <input type="checkbox" value="" name="cc" class="noti_User clickfun" id="{{$notification -> notification_id}}">
                                        <label for='cl'  data-toggle="tooltip"  data-placement="top" title="Mark Read"><span></span>
                                            <!-- todo text -->
                                            <h6 class="textcontent marginzero"><a href="{!! route('user.show', $notification->notification_id) !!}" id="{{$notification -> notification_id}}" class='noti_User'>{!! $notification->message !!}</a></h6>
                                            <small class="label label-danger"><i class="fa fa-clock-o"></i> {{ $notification -> created_at }}</small></label> <!-- Emphasis label -->

                                        <!-- General tools such as edit or delete-->
                                        <div class="tools">
                                            <a href="{!! route('user.show', $notification->notification_id) !!}"  data-toggle="tooltip"  data-placement="top" title="View" id="{{$notification -> notification_id}}" class='noti_User'><i class="fa fa-eye"></i></a>
                                            <a href="#" id='{{ $notification->notification_id }}' data-toggle="tooltip"  data-placement="top" title="Delete" class='notification-delete clickfun'><i class="fa fa-trash-o"></i></a>
                                        </div>
                                    </li>
                                    @else
                                    <li>

                                        <input type="checkbox" value="" name="cc"  data-toggle="tooltip"  data-placement="top" title="Mark Read" class="noti_User clickfun" id="{{$notification -> notification_id}}">
                                        <label for='cl'><span></span>
                                            <h6 class="textcontent marginzero"><a href="{!! route('ticket.thread', $notification->model_id) !!}" id='{{ $notification->notification_id }}' class='noti_User'>{!! $notification->message !!}</a></h6>
                                            <small class="label label-info"><i class="fa fa-clock-o"></i> {{ $notification -> created_at }}</small>
                                        </label><div class="tools">
                                            <a href="{!! route('ticket.thread', $notification->model_id) !!}" id='{{ $notification->notification_id }}'  data-toggle="tooltip"  data-placement="top" title="View" class='noti_User'><i class="fa fa-eye"></i></a>
                                            <a href="#" id='{{ $notification->notification_id }}' data-toggle="tooltip"  data-placement="top" title="Delete" class='notification-delete clickfun'><i class="fa fa-trash-o"></i></a>
                                        </div>
                                    </li>
                                    @endif
                                    @endforeach

                                    @else
                                    <li>

                                        <h6 class="textcontent marginzero">No Notifications Available!</h6>
                                        <small class="label label-warning" ><i class="fa fa-bell-slash-o"></i></small>

                                    </li>
                                    @endif

                                </ul>
                            </div>

                        </div>
                        <!-- /.box -->


                    </section>
                </div>

                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        
<script>
    $(document).ready(function() {
        $(".clickfun").click(function() {
            $(this).closest("li").toggleClass("task");
        });
    });
</script>
<script>
    $(document).ready(function() {

        $('.notification-delete').click(function() {
            var id = this.id;
            var dataString = 'id=' + id;
            $.ajax
                    ({
                        type: "POST",
                        url: "{{url('notification-delete')}}" + "/" + id,
                        data: dataString,
                        cache: false,
                        success: function(response)
                        {
                            if (response == 1)
                            {

                                var message = "Success! You have deleted this notification successfully!";
                                $("#alert21").show();
                                $('#message-success2').html(message);
                            }
                        }
                    });
        });
    });
</script>
@stop