@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">
	<!-- Content Header (Page header) -->
	<section class="content-header">
		<h1> {{ trans('Edit user role') }} <small> {{ trans('Edit user role') }}...</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('Edit user role') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData 	= userRoleData();
		$Roles				= explode(",",$getUserRoleData->Roles);
	@endphp
	
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">
						<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 class="row">
								<div class="col-xs-12">
									@if (count($errors) > 0)
										@if($errors->any())
											<div class="alert alert-success alert-dismissible" role="alert">
												<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
												{{$errors->first()}}
											</div>
										@endif
									@endif
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
							@if(in_array("View",$Roles ))
								<form method="post" action="update-user-role" class="form-horizontal">
									{{ csrf_field() }}
									<div class="form-group">
										<div class="col-sm-2">
											<label>Role Name</label>
										</div>
										<div class="col-sm-10">
											<select class="form-control" name="role_id" id="role_id" required="">
												<option value="">Select User Roles</option>
												@foreach($result as $key=>$roleValues)
													<option value="{{ $key }}">{{ $roleValues }}</option>
												@endforeach
											</select>
										</div>
									</div>
									<div id="display-role"></div>
								</form>
								@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