@extends('layouts.app')

@section('content')
{{--*/ usort($tableGrid, "SiteHelpers::_sort") /*--}}
  <div class="page-content row">
    <!-- Page header -->
    <div class="page-header">
      <div class="page-title">
        <h3> {{ $pageTitle }} <small>{{ $pageNote }}</small></h3>
      </div>

      <ul class="breadcrumb">
        <li><a href="{{ URL::to('dashboard') }}"> Dashboard </a></li>
        <li class="active">{{ $pageTitle }}</li>
      </ul>	  
	  
    </div>
	
	
	<div class="page-content-wrapper m-t">
		{!! Form::open(array('url'=>'notification/bulk/', 'class'=>'form-horizontal' ,'id' =>'SximoTable' )) !!}
	    <div class="toolbar-line ">

			@if($access['is_remove'] ==1)
				<div class="pull-right">
					Bulk Actions
					<select name="bulkaction" class="form-control">
						<option value="read">Mark as Read</option>
						<option value="remove">Remove</option>
					</select>
					<button type="submit" class="tips btn btn-sm btn-danger" title="{{ Lang::get('core.btn_remove') }}">
					<i class="fa fa-minus-circle "></i>&nbsp;{{ Lang::get('core.submit') }}</button>
				</div>
			@endif 		
			<div class="clr clear"></div>
			<hr />
		</div> 	

		<ul class="notification">
			<li>
				<table>
					<tr>
						<th class="checkbx"><input type="checkbox" class="checkall" name="checkall" />
						</th>
						<th class="notice">Severity</th>
						<th class="dateadded">Date Added</th>
						<th>Message</th>
						<th class="actions" align="right">Actions</th>
					</tr>
				</table>
			</li>
		 @foreach ($rowData as $row)
		 	<li>
				<table>
					<tr>
						<td class="checkbx">
		 					<input type="checkbox" class="ids" name="id[]" value="{{ $row->id }}" />
						</td>
						<td class="notice">
							@if($row->icon === 'error')
								<button type="button" class="btn btn-xs btn-danger">{{ Lang::get('core.btn_critical') }}</button>
							@elseif($row->icon === 'minor')
								<button type="button" class="btn btn-xs btn-warning">{{ Lang::get('core.btn_minor') }}</button>
							@else
								<button type="button" class="btn btn-xs btn-success">{{ Lang::get('core.btn_notice') }}</button>
							@endif
						</td>
						<td class="dateadded">
							{{ date("m/d/y h:i A",strtotime($row->created)) }}
						</td>
						<td>
		 					<div><strong>{!! $row->title !!}</strong><br />{!! $row->note !!}</div>
						</td>
						<td class="actions" align="right">
							@if(!empty($row->url))
								<a href="{{$row->url}}" target="_blank">Read Details</a> |
							@endif
							@if(!$row->is_read)
								<a href="{{ URL::to('notification/markread/'.$row->id) }}">Mark as Read</a> |
							@endif
								<a href="{{ URL::to('notification/delete/'.$row->id) }}">Remove</a>
						</td>
					</tr>
				</table>
		 	</li>
		@endforeach
		</ul>
		 {!! Form::close() !!}
		 @include('footer')

	  
</div>	
<style type="text/css">
	select[name="bulkaction"]{display: inline-block;width: 130px;}
	ul.notification { margin: 0; padding: 0; list-style: none;}
	ul.notification li { padding:5px 0 15px 0; border-bottom: solid 1px #ddd}
		ul.notification li > table{ width:100%;}
			ul.notification li .checkbx{ width:40px;}
			ul.notification li .notice{ width:70px;}
			ul.notification li .dateadded{ width:150px;}
			ul.notification li .actions{ width:150px; text-align: center;}
	ul.notification li div{ padding-left: 15px; }

</style>
	<script>
		jQuery(document).ready(function($){
			$('.checkall').change(function () {
				$("input.ids:checkbox").prop('checked', $(this).prop("checked"));
			});
			$('#SximoTable').submit(function(){
				if($("input.ids:checked", $('ul.notification')).length <= 0){
					alert("Try selecting at least one record to modify :)");
					return false;
				}
			})
		});
	</script>
@stop