@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; 
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1> {{ trans('Product List') }} <small></small> </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('Product List') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData 			= userRoleData();
		$Services				= explode(",",$getUserRoleData->Services);
		//$Services				= array("Add", "View", "Edit", "Delete");
	@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",$Services ))
							<div class="col-xs-12">
								<div class="row">
									<div class="box-tools pull-left">
										<a href="add-product" type="button" class="btn btn-block btn-primary">{{ trans('Add New Product') }}</a>
									</div>
								</div>
								<br>
							</div>
						@endif	
						@if(session()->has('message') || session()->has('error'))	
							<div class="col-xs-12">
								@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>
						@endif
					  						<div class="col-xs-12">	
							<div class="row">	
								@if(in_array("View",$Services ))			
					                <table id="example1" class="table table-bordered table-striped">
										<thead>
											<tr>                      
												<th width="5%">{{ trans('ID') }}</th>
												<th width="20%">{{ trans('Name') }}</th>
												<th>{{ trans('Phone Number') }}</th>
												<th>{{ trans('Website URL') }}</th>
												@if(in_array("Edit",$Services ) || in_array("Delete",$Services ))
												<th width="10%">{{ trans('Action') }}</th>
												@endif
											</tr>
										</thead>
										<tbody>
											@if(count((array) $result['services'])>0)
												@foreach ($result['services'] as  $rsVal)							
													<tr>
														<td>{{$rsVal->id}}</td>
														<td>{{ $rsVal->name }}</td>
														<td><a href="tel:{{$rsVal->phone_number}}">{{ $rsVal->phone_number }}</a></td>
														<td>{{ $rsVal->website_url }}</td>
														@if(in_array("Edit",$Services ) || in_array("Delete",$Services ))
															<td>
																@if(in_array("Edit",$Services ))
																	<a href="update-product/{{ $rsVal->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",$Services ))
																	<a href="delete-product/{{ $rsVal->id }}" class="btn btn-danger btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getConfirmation();"><i class="fa fa-trash"></i><a/>
																@endif
															</td>
														@endif
													</tr>
																								@endforeach
											@else
											<tr>
												<td colspan="3">No record found</td>							
											</tr>
											@endif
										</tbody>
					                </table>
								@else
								<p> <strong>Please contact with SuperAdmin</strong></p>
								@endif
							</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>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>
@endsection