@extends('backend.layout')

@section('content')

<div class="navbar navbar-default navbar-component navbar-xs">
	<ul class="nav navbar-nav visible-xs-block">
		<li class="full-width text-center"><a data-toggle="collapse" data-target="#navbar-filter"><i class="icon-menu7"></i></a></li>
	</ul>

	<div class="navbar-collapse collapse" id="navbar-filter">
		<ul class="nav navbar-nav">
			<li class="@if(@$active == null) active @endif"><a href="{{ route('backend.profile.info') }}" ><i class="icon-menu7 position-left"></i> Thông tin cá nhân</a></li>
			<li class="@if(@$active == 'logs') active @endif"><a href="{{ route('backend.profile.logs') }}"><i class="icon-cog3 position-left"></i> Logs</a></li>
		</ul>
	</div>
</div>
<div class="row">

	<div class="col-lg-9">
		<div class="tabbable">
			<div class="tab-content">
				<div class="tab-pane fade @if(@$active == null) in active @endif" id="activity">

					<!-- Profile info -->
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h6 class="panel-title">Thông tin cá nhân</h6>
						</div>

						<div class="panel-body">
							<form action="{{ route('backend.profile.post') }}" method="POST">
								{{ csrf_field() }}
								<div class="form-group">
									<div class="row">
										<div class="col-md-6">
											<label>Tên đăng nhập (viết liền không dấu)</label>
											<input type="text" value="{{ Auth::user()->user_name }}" readonly="readonly" name="user_name" class="form-control">
										</div>
										<div class="col-md-6 has-feedback @if( @$errors->first('name') != null ) has-error  @endif">
											<label>Họ và tên</label>
											<input type="text" value="{{ Auth::user()->name }}" name="name" class="form-control">
											<div class="form-control-feedback">
												 @if( @$errors->first('name') != null )<i class="icon-notification2"></i> @endif
											</div>
											<span class="help-block">{{ @$errors->first('name') }}</span>
										</div>
									</div>
								</div>

								<div class="form-group">
									<div class="row">
										<div class="col-md-6 has-feedback @if( @$errors->first('email') != null ) has-error  @endif">
											<label>Email</label>
											<input type="email" value="{{ Auth::user()->email }}" name="email" class="form-control">
											<div class="form-control-feedback">
												 @if( @$errors->first('email') != null )<i class="icon-notification2"></i> @endif
											</div>
											<span class="help-block">{{ @$errors->first('email') }}</span>
										</div>
										<div class="col-md-6 has-feedback @if( @$errors->first('phone') != null ) has-error  @endif">
											<label>Số điện thoại</label>
											<input type="text" value="{{ Auth::user()->phone }}" name="phone" class="form-control">
											<div class="form-control-feedback">
												 @if( @$errors->first('phone') != null )<i class="icon-notification2"></i> @endif
											</div>
											<span class="help-block">{{ @$errors->first('phone') }}</span>
		                        		</div>
									</div>
								</div>

								<div class="form-group">
									<div class="row">
										<div class="col-md-12">
											<label>Địa chỉ</label>
											<input type="text" value="{{ Auth::user()->address }}" name="address" class="form-control" placeholder="">
										</div>
									</div>
								</div>

		                        <div class="text-right">
		                        	<button type="submit" class="btn btn-primary">Lưu <i class="icon-arrow-right14 position-right"></i></button>
		                        </div>
							</form>
						</div>
					</div>
					<!-- /profile info -->


					<!-- Account settings -->
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h6 class="panel-title">Cài đặt</h6>
						</div>

						<div class="panel-body">
							<form action="{{ route('backend.profile.password') }}" method="POST">
								{{ csrf_field() }}
								<div class="form-group">
									<div class="row">
										<div class="col-md-6">
											<label>Tên đăng nhập</label>
											<input type="text" value="{{ Auth::user()->user_name }}" readonly="readonly" class="form-control">
										</div>

										<div class="col-md-6 has-feedback @if( @$errors->first('curent_password') != null ) has-error  @endif">
											<label>Mật khẩu cũ</label>
											<input type="text" value="{{ old('curent_password') }}"  name="curent_password" class="form-control" placeholder="Nhập vào mật khẩu cũ">
											<div class="form-control-feedback">
												 @if( @$errors->first('curent_password') != null )<i class="icon-notification2"></i> @endif
											</div>
											<span class="help-block">{{ @$errors->first('curent_password') }}</span>
										</div>
									</div>
								</div>

								<div class="form-group">
									<div class="row">
										<div class="col-md-6 has-feedback @if( @$errors->first('password') != null ) has-error  @endif">
											<label>Nhập mật khẩu mới</label>
											<input type="password" placeholder="Enter new password" name="password" class="form-control">
											<div class="form-control-feedback">
												 @if( @$errors->first('password') != null )<i class="icon-notification2"></i> @endif
											</div>
											<span class="help-block">{{ @$errors->first('password') }}</span>
										</div>

										<div class="col-md-6 has-feedback @if( @$errors->first('re_password') != null ) has-error  @endif">
											<label>Xác nhận</label>
											<input type="password" placeholder="Repeat new password" name="re_password" class="form-control">
											<div class="form-control-feedback">
												 @if( @$errors->first('re_password') != null )<i class="icon-notification2"></i> @endif
											</div>
											<span class="help-block">{{ @$errors->first('re_password') }}</span>
										</div>
									</div>
								</div>


		                        <div class="text-right">
		                        	<button type="submit" class="btn btn-primary">Lưu <i class="icon-arrow-right14 position-right"></i></button>
		                        </div>
	                        </form>
						</div>
					</div>
					<!-- /account settings -->
				</div>


				<div class="tab-pane fade" id="schedule">

					<!-- Available hours -->
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h6 class="panel-title">Available hours</h6>
							<div class="heading-elements">
								<ul class="icons-list">
			                		<li><a data-action="collapse"></a></li>
			                		<li><a data-action="reload"></a></li>
			                		<li><a data-action="close"></a></li>
			                	</ul>
		                	</div>
						</div>

						<div class="panel-body">
							<div class="chart-container">
								<div class="chart has-fixed-height" id="plans"></div>
							</div>
						</div>
					</div>
					<!-- /available hours -->


					<!-- Calendar -->
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h6 class="panel-title">My schedule</h6>
							<div class="heading-elements">
								<ul class="icons-list">
			                		<li><a data-action="collapse"></a></li>
			                		<li><a data-action="reload"></a></li>
			                		<li><a data-action="close"></a></li>
			                	</ul>
		                	</div>
						</div>

						<div class="panel-body">
							<div class="schedule"></div>
						</div>
					</div>
					<!-- /calendar -->

				</div>

				@if(isset($logs))
				<div class="tab-pane fade @if(@$active == 'logs') in active @endif" id="settings">

					<div class="panel panel-white">

						<div class="navbar navbar-default navbar-xs fillter padding-0">
								<div class="navbar-collapse" >
									<div class="navbar-right">
										<form action="" method="GET">
											<ul class="nav navbar-nav">
												<li>
													<input class="form-control" style="margin-top: 3px;" name="keyword" placeholder="" value="{{ @$_GET['keyword'] }}"  autocomplete="off">
												</li>
											</ul>

											<div class="navbar-right" style="margin-left: 10px;">
													<button data-popup="tooltip" title="Lọc" type="submit" class="btn btn-sucess"><i class="icon-search4 position-left"></i></button>
											</div>
										</form>
									</div>
							</div>
						</div>

						<div class="table-responsive">
							<table class="table">
								<tbody>
									@foreach($logs as $log)
									<tr>
										<td>
											<a>
												<div class="letter-icon-title text-default">{{ $log->log_name }}</div>
											</a>
										</td>
										<td>
											<span class="table-inbox-preview">{!! $log->description !!}</span>
										</td>
										<td width="350">
											User Again : {{ $log->properties['user_agent'] }}<br/>
											IP : {{ $log->properties['ip_address'] }} <br/>
											REF : {{ $log->properties['ref'] }} <br/>
										</td>
										
										<td class="text-right">
											{{ $log->created_at }}
										</td>
									</tr>
									@endforeach

								</tbody>
							</table>
						</div>

						<div class="panel-toolbar panel-toolbar-inbox">
							<div class="navbar navbar-default">
								<div class="navbar-collapse" >
									<div class="navbar-right">
										{!! short_pagination($logs) !!}
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="panel-toolbar panel-toolbar-inbox">
						<div class="navbar navbar-default">
							<div class="navbar-collapse collapse" id="inbox-toolbar-toggle-single">
								<div class="btn-group navbar-btn">
									<h6 class="panel-title">Lịch sử hoạt động</h6>
								</div>

								<div class="navbar-right">
									<p class="navbar-text"><span class="text-semibold">{{ ($logs->currentPage() - 1)*10 + 1 }}-{{ ($logs->currentPage() - 1)*10 + count($logs) }}</span> trong <span class="text-semibold">{{ $logs->total() }}</span></p>
									{!! short_pagination($logs) !!}
								</div>
							</div>
						</div>
					</div>

				</div>
				@endif

			</div>
		</div>
	</div>

	<div class="col-lg-3">

		<!-- User thumbnail -->
		<div class="thumbnail">
			<div class="thumb thumb-rounded thumb-slide">
				<img src="{{ URL::asset('backend/global_assets/images/demo/users/face5.jpg') }}" alt="">
				<div class="caption">
					<span>
						<a href="#" class="btn bg-success-400 btn-icon btn-xs" data-popup="lightbox"><i class="icon-plus2"></i></a>
						<a href="#" class="btn bg-success-400 btn-icon btn-xs"><i class="icon-link"></i></a>
					</span>
				</div>
			</div>
		
	    	<div class="caption text-center">
	    		<h6 class="text-semibold no-margin"> {{ Auth::user()->name }} <small class="display-block"> {{ Auth::user()->roles[0]->display_name }} </small></h6>
    			<ul class="icons-list mt-15">
                	<li><a href="#" data-popup="tooltip" title="Google Drive"><i class="icon-google-drive"></i></a></li>
                	<li><a href="#" data-popup="tooltip" title="Twitter"><i class="icon-twitter"></i></a></li>
                	<li><a href="#" data-popup="tooltip" title="Github"><i class="icon-github"></i></a></li>
            	</ul>
	    	</div>
    	</div>
    	<!-- /user thumbnail -->
		
		<!-- Connections -->
    	<div class="panel panel-flat">
			<div class="panel-heading">
				<h6 class="panel-title">Logs</h6>
				<div class="heading-elements">
					<span class="badge badge-success heading-text">+2</span>
            	</div>
			</div>

			<ul class="media-list media-list-linked pb-5">
				<!-- <li class="media-header">Lắp đặt</li>

				<li class="media">
					<a href="user_pages_profile.html#" class="media-link">
						<div class="media-body">
							<span class="media-heading text-semibold">Khách sạn Daiwoo</span>
							<span class="media-annotation">Lắp đặt box 12h:30</span>
						</div>
						<div class="media-right media-middle">
							<span class="status-mark bg-success"></span>
						</div>
					</a>
				</li> -->
				
			</ul>
		</div>
		<!-- /connections -->

	</div>
</div>

@endsection

@push('scripts')
<!-- <script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>
<script src="{{ URL::asset('backend/global_assets/js/plugins/ui/moment/moment.min.js')}}"></script>
<script src="{{ URL::asset('backend/global_assets/js/plugins/ui/fullcalendar/fullcalendar.min.js')}}"></script>
<script src="{{ URL::asset('backend/global_assets/js/plugins/visualization/echarts/echarts.min.js')}}"></script> -->
<!-- <script src="{{ URL::asset('backend/global_assets/js/demo_pages/user_pages_profile.js')}}"></script> -->
@endpush