@extends('layouts.people')

@section('pageTitle', __('People'))
@section('content')
		
		<div class="page-header">
			<h1 class="page-title">{{ __('List Of Accounts') }}</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
				<li class="breadcrumb-item active">{{ __('People') }}</li>
			</ol>
		</div>
		
		<div class="page-content">
			<div class="panel">
				<div class="panel-body">
					<form class="page-search-form" role="search" action="{{ route('search-user') }}" method="POST">
						@csrf
						<div id="" class="row">
							<div id="" class="col-md-8">
								<div class="input-search input-search-dark">
									<i class="input-search-icon wb-search" aria-hidden="true"></i>
									<input type="text" class="form-control" id="inputSearch" name="search" placeholder="{{ __('Search Users') }}" value='{{ $search_val }}'>
								</div>
							</div>
							<div id="" class="col-md-2">
								<button type="submit" class="btn btn-info" style="width:100%"><i class="icon wb-search" aria-hidden="true"></i> {{ __('Search') }} </button>
							</div>
							<div id="" class="col-md-2">
								<a href="{{ route('people') }}"><button type="button" class="btn btn-danger" style="width:100%" id="cancelbtn"><i class="icon wb-close" aria-hidden="true"></i> {{ __('Cancel') }} </button></a>
							</div>
						</div>
					</form>
					<div class="nav-tabs-horizontal nav-tabs-animate" data-plugin="tabs">
						<ul class="nav nav-tabs nav-tabs-line" role="tablist">
							<li class="nav-item" role="presentation"><a class="active nav-link" data-toggle="tab" href="#all_contacts" aria-controls="all_contacts" role="tab">{{ __('All Contacts') }}</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane animation-fade active" id="all_contacts" role="tabpanel">
								<ul class="list-group">
								@if (!empty($users))
									@foreach($users as $key=> $user)							
									@php
										$status = user_status($user); // helper function;
										$department_name='';
										if($user->department_id !='' && $user->department_id > 0)
										{
											$user_department=App\Department::where('id', $user->department_id)->first();
											if($user_department){
												$department_name = dataTranslation($user_department->name);
											}
										}
										$user_language = App\Language::where('short_name', $user->user_language)->first();
									@endphp
									<li class="list-group-item">
										<div class="media">
											<div class="pr-0 pr-sm-20 align-self-center">
												<div class="avatar {{ $status['class'] }}" data-toggle="tooltip" data-placement="bottom" title="{{ $status['status'] }}">
													@if($user->profile_picture && trim($user->profile_picture)!='' && file_exists(public_path('uploads/user_folder/'.$user->profile_picture)))
														<img src='{{asset(env("UPLOADS_FOLDER") . "/" . env("USER_FOLDER") . "/" . $user->profile_picture)}}' alt="Profile Picture">
													@endif
													<i class="avatar avatar-busy"></i>
												</div>
											</div>
											<div class="media-body align-self-center">
												<h5 class="mt-0 mb-5">
													{{ $user->first_name }} {{ $user->last_name }}
												</h5>
												<p class="user-job">
													@if(isset($user->role_name))
													<button type="button" class="btn btn-warning"><i class="icon wb-user-circle" aria-hidden="true"></i> <b>{{ dataTranslation($user->role_name) }}</b></button>
													@endif
													@php
														$user_department=App\Department::where('id', $user->department_id)->first();
													@endphp
													@if(isset($user_department) && $user_department->name)
													&nbsp;&nbsp;<button type="button" class="btn btn-info"><i class="icon wb-briefcase" aria-hidden="true"></i> <b>{{ dataTranslation($user_department->name) }}</b></button>
													@endif
												</p>
												<p>
												@if($user->cell_phone_number !='')<i class="icon icon-color wb-bell" aria-hidden="true"></i><a style="color: darkgray;text-decoration-line: none;" href="tel:{{ $user->cell_phone_number }}">{{ $user->cell_phone_number }}</a> @endif &nbsp;&nbsp;
												@if($user->email !='')<i class="icon icon-color wb-envelope" aria-hidden="true"></i><a style="color: darkgray;text-decoration-line: none;" href="mailto:{{ $user->email }}">{{ $user->email }}</a>
												</p>@endif
											</div>
											<div class="pl-0 pl-sm-20 mt-15 mt-sm-0 align-self-center">
												<a href = "{{ route('view-user', base64_encode($user->id)) }}"><button type="button" class="btn btn-success"><i class="icon wb-check" aria-hidden="true"></i> {{ __('VIEW PROFILE') }}</button></a>
											</div>
										</div>
									</li>
									@endforeach
								@endif
								</ul>
								<nav>
									{!! $users->render() !!}
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
@endsection