@extends('layouts.master')

@section('pageTitle', __('Profile'))
@section('content')
		
		<div class="page-header">
			<h1 class="page-title">{{ __('Profile') }}</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
				<li class="breadcrumb-item active">{{ __('Profile') }}</li>
			</ol>
		</div>
		

		<div class="page-content container-fluid">
			<div class="row">
				<!-- RIGHT Column -->
				<div class="col-lg-12 col-xl-9 order-xl-2">
					<div class="user-background card card-shadow">
						<div class="card-header card-header-transparent p-20">
							<h4 class="card-title mb-0">{{ __('Manage Profile') }}</h4>
						</div>
						<div class="card-block">
							@if($errors->any())
								<div class="alert alert-danger">
									@foreach($errors->all() as $error)
										<p>{{ $error }}</p>
									@endforeach
								</div>
							@endif
							<form method="post" action="{{ route('update_profile') }}" id="add-form" autocomplete="off" enctype="multipart/form-data">
								@csrf
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="first_name">{{ __('First Name') }}</label>
										<input type="text" class="form-control validate[required]" id="first_name" name="first_name" placeholder="{{ __('First Name') }}" autocomplete="off" tabindex = "1" value="{{ old('first_name') ? old('first_name') : $user->first_name }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="last_name">{{ __('Last Name') }}</label>
										<input type="text" class="form-control validate[required]" id="last_name" name="last_name" placeholder="{{ __('Last Name') }}" autocomplete="off" tabindex = "2"  value="{{ old('last_name') ? old('last_name') : $user->last_name }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="">{{ __('Username') }}</label>
										<div class="form-control bg-light cursor-not-allowed">{{ $user->username }}</div>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="email_address">{{ __('Email Address') }}</label>
										<input type="email" class="form-control validate[required,custom[email]]" id="email_address" name="email" placeholder="{{ __('') }}Email Address" autocomplete="off" tabindex = "4"  value="{{ old('email') ? old('email') : $user->email }}"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="password">{{ __('Password') }}</label>
										<input type="password" class="form-control" id="password" name="password" placeholder="{{ __('Password') }}" autocomplete="off" tabindex = "5"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="confirm_password">{{ __('Confirm Password') }}</label>
										<input type="password" class="form-control validate[equals[password]]" id="confirm_password" name="password_confirmation" placeholder="{{ __('Confirm Password') }}" autocomplete="off" tabindex = "6"/>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label">{{ __('Role') }}</label>
										<div class="form-control bg-light cursor-not-allowed">{{ dataTranslation($user->role_name) }}</div>
									</div>
									<div class="form-group select2-primary col-md-6">
										<label class="form-control-label" for="user_language">Language</label>
										<select class="form-control validate[required]" id="user_language" name="user_language" placeholder="Language" autocomplete="off" tabindex = "8" data-plugin="select2">
											@if($languages)
											@foreach($languages as $key => $language)
											<option value="{{ $language->short_name }}" {{ $user->user_language == $language->short_name ? 'selected' : ''}}>{{ $language->name }}</option>
											@endforeach
											@endif
										</select>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="inputBasicPassword">{{ __('Change Profile Picture') }}</label>
										<input type="file" name="up_profile_picture" class="form-control p-0" tabindex = "9" id="profile_picture" data-id="profile_picture_preview">
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="cell_phone_number">{{ __('Cell Phone Number') }}</label>
										<input type="text" class="form-control validate[required,custom[phone]]" id="cell_phone_number" name="cell_phone_number" placeholder="{{ __('Cell Phone Number') }}" autocomplete="off" tabindex = "10"  value="{{ old('cell_phone_number') ? old('cell_phone_number') : $user->cell_phone_number }}"/>
									</div>	
									<div class="form-group col-md-6">
										<label class="form-control-label" for="home_address">{{ __('Home Address') }}</label>
										<textarea class="form-control validate[required]" id="home_address" rows="3" placeholder = "{{ __('Home Address') }}" name="home_address" tabindex = "11"> {{ old('home_address') ? old('home_address') : $user->home_address }}</textarea>
									</div>	
									<div class="form-group col-md-3">
										<label class="form-control-label" for="">{{ __('Disk Quota (MB)') }}</label>
										<div class="form-control bg-light cursor-not-allowed">{{ $user->user_disk_quota }}</div>
									</div>
									<div class="form-group col-md-3">
										<label class="form-control-label" for="">{{ __('Disk Used (MB)') }}</label>
										<div class="form-control @if(($user->user_disk_quota * 90 / 100) > $user->user_disk_uses) bg-success @else bg-danger @endif cursor-not-allowed">{{ $user->user_disk_uses }}</div>
									</div>						
								</div>
								<div class="form-group">
									<button type="submit" tabindex = "12" class="btn btn-success"><i class="icon wb-check" aria-hidden="true"></i> {{ __('UPDATE') }}</button>
								</div>
							</form>
						</div>
					</div>
				</div>
				<!-- RIGHT Column -->

				<!-- LEFT COLUMN -->
				<div class="col-lg-6 col-xl-3 order-xl-1">
					<div class="user-info card card-shadow text-center">
						<div class="user-base card-block">
							@if($user->profile_picture && trim($user->profile_picture)!='' && file_exists(public_path('uploads/user_folder/'.$user->profile_picture)))
								<a class="avatar img-bordered avatar-100" href="javascript:void(0)">
								<img src='{{asset(env("UPLOADS_FOLDER") . "/" . env("USER_FOLDER") . "/" . $user->profile_picture)}}' alt="Profile Picture"  id="profile_picture_preview">
								</a>
							@else
								<a class="avatar img-bordered avatar-100" href="javascript:void(0)">
								<img src="{{asset('global/portraits/5.jpg')}}" alt="..." id="profile_picture_preview">
								</a>
							@endif
							<h4 class="user-name">{{ $user->first_name }} {{ $user->last_name }}</h4>
							@php
								$user_department=App\Department::where('id', $user->department_id)->first();
							@endphp
							@if(isset($user->role_name))
							<p class="user-job">
								<button type="button" class="btn btn-warning"><i class="icon wb-user-circle" aria-hidden="true"></i> <b>{{ dataTranslation($user->role_name) }}</b></button>
							</p>
							@endif
							@if(isset($user_department) && $user_department->name)
							<p class="user-job">
								<button type="button" class="btn btn-info"><i class="icon wb-briefcase" aria-hidden="true"></i> <b>{{ dataTranslation($user_department->name) }}</b></button>
							</p>
							@endif
							<p class="user-location"><?php echo nl2br($user->home_address);?></p>
							<p class="user-location">{{ $user->cell_phone_number }}</p>
							<p class="user-location">{{ $user->email }}</p>
						</div>
					</div>
				</div>
				<!-- LEFT COLUMN -->

			</div>
		</div>
		<script type="text/javascript">
			$(function(){
				$("#add-form").validationEngine();
				$("input[type=file]").change(function(){
					if ($(this).attr('data-id') && $(this).attr('data-id')!='') {
						readURL(this,$(this).attr('data-id'));
					}
				});
			});
			
			function readURL(input,id) {
				if (input.files && input.files[0]) {
					var reader = new FileReader();
					reader.onload = function (e) {
						$('#'+id).attr('src', e.target.result);
					}
					reader.readAsDataURL(input.files[0]);
				}
			}

		</script>
@endsection