@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')
<section class="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="row" >
					<div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1">

                    <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><small class="label label-danger"><i class="fa fa-clock-o"></i> {{ $notification -> created_at }}</small></h6>
                                        </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->notification_id) !!}" id='{{ $notification->notification_id }}' class='noti_User'>{!! $notification->message !!}</a><small class="label label-info"><i class="fa fa-clock-o"></i> {{ $notification -> created_at }}</small></h6>
                                        
                                        </label><div class="tools">
                                            <a href="{!! route('ticket.thread', $notification->notification_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!<small class="label label-warning" ><i class="fa fa-bell-slash-o"></i></small></h6>
                                        
                                        
                                    </li>
                                    @endif
                                    
                                </ul>
                            </div>
                           
                        </div>
                        <!-- /.box -->


                    </section>
                                        </div>
                       
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>
                <!-- /.row -->
				</div>
            </section>
 <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