@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; 
}

    .suspension-reason .initial-content {
        max-height: 60px; 
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }
    .suspension-reason .initial-content.expanded {
        max-height: none;
    }

    .read-more-btn {
        color:  #007bff;
        cursor: pointer;
    }



	
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1> {{ trans('List User') }} <small> {{ trans('List User') }}...</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('List User') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData 			= userRoleData();
		
		$User				= explode(",",$getUserRoleData->User);
		$status_view_log = explode(",", $getUserRoleData->status_log_view);
		//$User				= 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">
						<div class="col-xs-12">
							<div class="row">
								<div class="col-md-1">
									@if(in_array("Add",$User ))							
										<div class="box-tools pull-left">
											<a href="add-user" type="button" class="btn btn-block btn-primary">{{ trans('Add New User') }}</a>
										</div>
									@endif
								</div>
								<div class="col-md-10">
									<form action="" method="GET" id="search_form">
									<input type="hidden" name="order_by" id="order_by">
									<input type="hidden" name="order_type" id="order_type">
										<div class="row">
											<div class="col-md-8">
												<div class="row myFlexDiv">
													<div class="col-sm-4 col-md-4 _subject">       
														<input type="text" name="search" id="search" value="" class="form-control typeahead" placeholder="Search" autocomplete="off">
													</div>
													<div class="col-sm-4 col-md-4 _subject">       
														<select name="role" class="form-control typeahead">
															<option value="">Select Role</option>
															@foreach($roles as $key=>$role)
																<option value="{{ $role }}" @if(isset($_REQUEST['role']) && $_REQUEST['role']==$role) selected @endif>{{ $role }}</option>
															@endforeach
														</select>
													</div>
													<div class="col-sm-1 col-md-1">
														<button type="submit" class="btn btn-primary">{{ trans('Search') }}</button>
													</div>
													<div class="col-sm-1 col-md-1">
														<a href="list-user" class="btn btn-danger">{{ trans('Clear Search') }}</a>
													</div>
												</div>
											</div>
											<div class="col-sm-4 col-md-4">
																								<div class="form-group">
													<label>
													<input type="radio" name="status_filter" value="all" class="" autocomplete="off" {{$allStatus}} onclick="submitSearchForm()"> All</label>
													&nbsp;&nbsp;&nbsp;<label>
													<input type="radio" name="status_filter" value="1" class="" autocomplete="off" {{$activeStatus}} onclick="submitSearchForm()"> Active</label>
													&nbsp;&nbsp;&nbsp;<label>
													<input type="radio" name="status_filter" value="0" class="" autocomplete="off" {{$inactiveStatus}} onclick="submitSearchForm()"> Inactive</label>
													&nbsp;&nbsp;&nbsp;<label>
													<input type="radio" name="status_filter" value="2" class="" autocomplete="off" {{$suspendedStatus}} onclick="submitSearchForm()"> Suspended</label>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
							<br>
						</div>
						<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="clearfix"></div>
					  						<div class="row">
							<div class="col-xs-12">		
								@if(in_array("View",$User ))			
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
										<tr>                      
											<th>{{ trans('ID') }}</th>
											<th>{{ trans('Name') }}</th>
											<th>{{ trans('Email') }}</th>
                                            <th onclick="sortFilter('RoleName', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Role') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'RoleName') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
											<th>{{ trans('Team Leader') }}</th>
											<th>{{ trans('Status') }}</th>
											<th>Rating</th>
											<th>{{ trans('Added/Modified Date') }}</th>
											<th>{{ trans('Reason of Suspension') }}</th>
											@if(in_array("Edit",$User ) || in_array("Delete",$User ))
											<th>{{ trans('Action') }}</th>
											@endif
										</tr>
									</thead>
									<tbody>
										@if(count((array) $result)>0)
										
										@foreach ($result as $rsVal)
													
												<tr>
													<td>{{ $rsVal->myid }}</td>
													<td>{{ $rsVal->first_name }} {{ $rsVal->last_name }}</td>
													<td>{{ $rsVal->email }}</td>
													<td>{{ $rsVal->RoleName }}</td>
													<td>{{ $rsVal->tl_fname.' '.$rsVal->tl_lname }}</td>
													<td>
														@if($rsVal->isActive == "1")
															<a class="btn btn-success btn-xs" href="user-change-status/{{ $rsVal->myid }}/0">
																Active
															</a>
														@elseif($rsVal->isActive == "2")
															<a class="btn btn-warning btn-xs" href="user-change-status/{{ $rsVal->myid }}/1">
																Suspended
															</a>
														@else
															<a class="btn btn-danger btn-xs" href="user-change-status/{{ $rsVal->myid }}/1">
																Inactive
															</a>
														@endif
													</td>
													<td class="text-center">{{ $rsVal->rating ?? '--' }}</td>
													<td>									
														<strong>{{ trans('labels.AddedDate') }}: </strong> @if(!empty($rsVal->created_at)){{ $rsVal->created_at }}@endif<br>
														<strong>{{ trans('labels.ModifiedDate') }}: </strong>@if(!empty($rsVal->updated_at)){{ $rsVal->updated_at }}@endif
													</td>
													<td>
													@php
														$suspensionData = json_decode($rsVal->suspension_reason, true);
														$ticketCount = isset($suspensionData['ticket_ids']) ? count($suspensionData['ticket_ids']) : 0;
														$opportunityCount = isset($suspensionData['opportunity_ids']) ? count($suspensionData['opportunity_ids']) : 0;
														$final = $ticketCount + $opportunityCount;
														
													@endphp

													<div class="suspension-reason">
														<div class="initial-content">
															@if(isset($suspensionData['ticket_ids']) && is_array($suspensionData['ticket_ids']))
																@foreach ($suspensionData['ticket_ids'] as $ticketId)
																	<a href="{{ url('/') }}/admin/view-tickets/{{ $ticketId }}/leads" target="_blank">
																		Ticket ID: {{ $ticketId }}
																	</a><br>
																@endforeach
															@endif

															@if(isset($suspensionData['opportunity_ids']) && is_array($suspensionData['opportunity_ids']))
																@foreach ($suspensionData['opportunity_ids'] as $opportunityId)
																	<a href="{{ url('/') }}/admin/view-opportunities/{{ $opportunityId }}" target="_blank">
																		Opportunity ID: {{ $opportunityId }}
																	</a><br>
																@endforeach
															@endif
														</div>
														
														@if((isset($suspensionData['ticket_ids']) && is_array($suspensionData['ticket_ids']) && count($suspensionData['ticket_ids']) > 0) || 
															(isset($suspensionData['opportunity_ids']) && is_array($suspensionData['opportunity_ids']) && count($suspensionData['opportunity_ids']) > 0))
															@if($final > 3)
															<h class="read-more-btn" onclick="toggleContent(this)">Read More</h>
															@endif
														@endif
													
													</div>
												</td>

													<!-- @if(in_array("Edit",$User ) || in_array("Delete",$User )) -->
														<td>
															@if(in_array("Edit",$User ))
																<a href="edit-user/{{ $rsVal->myid }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>
																<a href="change-password/{{ $rsVal->myid }}" class="btn btn-warning btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Change Password"><i class="fa fa-lock"></i><a/>
															@endif
															@if(in_array("Delete",$User ))
																<a href="delete-user/{{ $rsVal->myid }}" 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
                       
															@if(in_array("View", $status_view_log))
															    <a href="log-user/{{ $rsVal->myid }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="log"><i class="fa fa-cog" aria-hidden="true"></i><a/>
					                                        @endif
															
														</td>
													<!-- @endif -->
												</tr>
																						@endforeach
											<tr>
												<td colspan="9">
													{!! $result->appends(request()->input())->links(); !!}
												</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 src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script>
	function sortFilter(order_by, order_type) {
		$("#order_by").val(order_by);
		$("#order_type").val(order_type);
		$("#search_form").submit();
	}
	function submitSearchForm() {
		document.getElementById("search_form").submit();
	}
</script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
  </script>

<script>
    function toggleContent(button) {
        var content = button.previousElementSibling;
        var isExpanded = content.classList.contains('expanded');

        if (isExpanded) {
            content.classList.remove('expanded');
            button.innerText = 'Read More';
        } else {
            content.classList.add('expanded');
            button.innerText = 'Read Less';
        }
    }
</script>

@endsection