@extends('admin.layout')
@section('content')

<style>	
	#watermarked::before {
		position: fixed;
		top: -75%;
		left: -75%;
	
		display: block;
		width: 300%;
		height: 300%;
	
		transform: rotate(-45deg);
		content: attr(data-watermark);
	
		font-size: 30px;
		opacity: 0.15;
		line-height: 4em;
		letter-spacing: 2px;
		color: #ff0523;
		z-index:0;
	}
	.content-wrapper, .right-side{
		background: #FFF;
	}
	.box {
		background: transparent;
		z-index: 1; 
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	.box-body br {
		display: block !important;
	}

	.mask-types-table  br {
		display: none !important;
	}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
	<section class="content-header">
		<h1> {{ trans('Report type') }}</h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active"> {{ trans('Report type') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData = userRoleData();
		$ReportType = explode(",",$getUserRoleData->ReportType);
	@endphp	
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">	
						@if(in_array("Add", $ReportType))
						<div class="col-xs-2">
							<div class="row">
								<div class="box-tools pull-left">
									<a href="{{ route('report-type.create') }}" type="button" class="btn btn-block btn-primary">{{ trans('Add Report type') }}</a>
								</div>
							</div>
							<br>
						</div>
						@endif
						<div class="col-xs-12">
							<div class="row">
								@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
								@endif
								@if(session()->has('error'))
									<div class="alert alert-warning alert-dismissible">
									   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
									   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
										{{ session()->get('error') }}
									</div>
								@endif
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">	
				                <table id="example1" class="table table-bordered table-striped signatures-table">
									<thead>
										<tr>                      
											<th width="5%">{{ trans('ID') }}</th>
											<th width="60%">{{ trans('Name') }}</th>
											<th width="25%">{{ trans('Date') }}</th>
											<th width="10%">{{ trans('Action') }}</th>
										</tr>
									</thead>
									<tbody class="result-data">
										@foreach ($result['data'] as $key)                           
									        <tr>
									            <td>{{ $key->id }}</td>
									            <td>{{ $key->name }}</td> 
									            <td>{{ date('d-m-Y H:i:s', strtotime($key->created_at)) }}</td>     
									            <td>
									            	@if(in_array("Edit", $ReportType))
									                	<a href="{{route('report-type.edit', [$key->id]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>
									                @endif		
									                @if(in_array("Delete", $ReportType))
										                <a href="javascript:$('#destroy_{{ $key->id }}').submit();" class="btn btn-danger btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getDeleteConfirmation('{{ $key->name }}', {{ $key->id }}, 'Signatures');"><i class="fa fa-trash"></i><a/>
										                <form action="{{ route('report-type.destroy', [$key->id])}}" method="POST" id="destroy_{{ $key->id }}">
										                    <input type="hidden" name="_method" value="DELETE">
										                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
										                </form>
										            @endif
									            </td>
									        </tr>
    									@endforeach
									</tbody>
				                </table>
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
							</div>
						</div>
					</div>
				</div>
				<div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
				</div>
			</div>
		</div>
	</section>  
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>
@endsection