@extends('adminlte::page')
 
@section('content')

				
<div class="page">
	<div class="row">
		<div class="col-sm-12">
			<div class="navbar-top">
				<div class="margin-tb">
					 <div class="pull-left">
						<h2> {{__('administrator.users')}}</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<div class="user-profile">
			<div class="row">
				<div class="col-sm-12">
					<a href="" class="label-profile">Edit Profile</a>
				</div>
				<div class="mt-3">
					<ul class="nav nav-tabs">
						<li class="nav-item">
							<a class="nav-link active" data-toggle="tab" href="#home">Personal Data</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" data-toggle="tab" href="#detail-company">Detail Company</a>
						</li>
						
						<li class="nav-item">
							<a class="nav-link" data-toggle="tab" href="#roles">Bank Info</a>
						</li>
					</ul>
					<div class="tab-content">
						<div id="home" class="tab-pane active"><br>
							<div class="row">
								<div class="col-sm-12">
									<div class="page-wrapper">
										<div class="detail-form">
											<div class="col-sm-2 col-xs-12">
												<div class="thum">
													@php $avatar = $user[0]->avatar; @endphp
													<img src="{{asset('assets/images/'.$avatar)}}" alt="" class="icon-profile"></i>
												</div>
											</div>
											<div class="col-sm-8 col-xs-12">
												<div class="desciption">
												
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Name KM :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->name_km or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Name EN :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->name_en or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Gender :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>@if($user[0]->gender == 1) Male @else Female @endif</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>DOB :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->date_of_birth or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Personal Phone :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->personal_phone or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<h3>Place Of Birth</h3>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Province :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_province->province_km or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>District :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_district->district_km or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Commune :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_commune->commune_en or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Village :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_vallage->vallage_en or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<h3>Current address</h3>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>House NO :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->house_no or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Street NO :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->street_no or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Province</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_province_now->province_en or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>District :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_district_now->district_en or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Commune :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_commune_now->comune_en or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Village :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_village_now->village_en or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Reference Phone :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->reference_phone or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Email :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->email or 'N/A'}}</p>
															</div>
														</div>
													</div>
													<h3>Family situation</h3>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Family situation :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->status_of_staff or 'N/A'}}</p>
															</div>
														</div>
													</div>
													
													<div class="back"><a href="#">Back</a></div>
													
												</div>
											</div>
										</div>
									</div>
									
								</div>
							</div>
						</div>


						<div id="detail-company" class="tab-pane"><br>
							<div class="row">
								<div class="col-sm-12">
									<div class="page-wrapper">
										<div class="detail-form">
											
											<div class="col-sm-12 col-xs-12">
												<div class="desciption">
												
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Department Name :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_department->name or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Postion Name :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->get_position->name or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Leaders of Employee :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>Emplyee ID:{{$user[0]->employee_id or ''}}, Employee Name: {{$leader[0]->name_en or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Join Date :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->join_date or ''}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Basic Salary :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>${{number_format($user[0]->basic_salary,2 or '')}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>Roles :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->roles->count() ?implode('', $user[0]->roles->pluck('name')->toArray()) : trans('labels.general.none')}}</p>
															</div>
														</div>
													</div>
													<div class="list">
														<div class="row">
															<div class="col-sm-3 col-xs-12">
																<p>System user :</p>
															</div>
															<div class="col-sm-9 col-xs-12">
																<p>{{$user[0]->role or 'N/A'}}</p>
															</div>
														</div>
													</div>
													
													
													<div class="back"><a href="#">Back</a></div>
													
												</div>
											</div>
										</div>
									</div>
									
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div> 
	</div>

	</div>
@endsection
<style>
		.user-profile{
			background: #fff;
			width: 100%;
			float: left;
			margin: 50px 0;
			padding: 30px;
			border-radius: 5px;
			border: 1px solid #eee
		}
		.user-profile .label-profile{
			background: #eee;
			padding: 5px  15px;
			border-radius: 15px;
			color: #333;
			float: right
		}
		.user-profile table tr{height: 36px}
		.user-profile table tr td{
			width: 100px
		}
		.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
			border-radius: 0 !important
		}
		
	</style>




