@extends('admin.tpl.admintpl')

@section('content')

<div class="container">
	<div class="row"></div>
		<div class="row">
            <div class="col-sm-11">
			@if($user)
				<div class="userWidget-1">
                    <div class="avatar bg-info">
						@if($user->avatar != "")
							<img src="{{ asset('files/profiles/'.$user->id.'/'.$user->avatar) }}" alt="Profile Picture">
						@else
							<img src="{{ asset('assets/img/av3.png') }}" alt="Profile Picture">
						@endif
						<div class="name osLight">{{ $user->firstname." ".$user->lastname }}</div>
                    </div>
					@if($role)
						@if(($role->role_level == 1) || ($role->role_level == 2))
							<div class="title"> {{ $role->role_name.' at '.$team->team_name }} </div>
						@elseif($role->role_level == 3)
							<div class="title"> {{ $role->role_name.' at '.$dept->dep_name }} </div>
						@elseif($role->role_level == 4)
							<div class="title"> {{ $role->role_name }} </div>
						@else
						@endif
					@endif
                    <div class="address"> {{ $user->address }} </div>
                    <ul class="fullstats">
                        <li> <span>280</span> Actions </li>
                        <li> <span>1290</span> Tasks Treats </li>
                        <li> <span>450</span> Wiki Posts </li>
                    </ul>
					<div class="clearfix"> </div>
				</div>
                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title"><i class="fa fa-user"> </i> User Information</h3>
                    </div>
					
                    <div class="panel-body">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td><i class="fa fa-envelope-o ph-5"></i></td>
                                    <td> Email </td>
                                    <td>{{ $user->email }} </td>
                                </tr>
                                <tr>
                                    <td><i class="fa fa-phone ph-5"></i></td>
                                    <td> Phone </td>
                                    <td> {{ $user->phone_number }} </td>
                                </tr>
								<tr>
                                    <td><i class="fa fa-phone ph-5"></i></td>
                                    <td> Whatsapp </td>
                                    <td> {{ $user->whatsapp }} </td>
                                </tr>
                                <tr>
                                    <td><i class="fa fa-skype ph-5"></i></td>
                                    <td> Skype </td>
                                    <td> {{ $user->skype_id }} </td>
                                </tr>
								<tr>
                                    <td><i class="fa fa-external-link ph-5"></i></td>
                                    <td> Team Viewer </td>
                                    <td> {{ $user->team_viewer_id }} </td>
                                </tr>
								<tr>
                                    <td><i class="fa fa-external-link ph-5"></i></td>
                                    <td> State </td>
                                    <td> {{ $user->statuts }} </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
				@endif
				<br/>
				<span class="pull-right">
					<button class="btn btn-primary btn-labeled fa fa-plus" id="edit-profile" data-toggle="modal" data-target="#myProfile">Edit Profile</button>
					<button class="btn btn-success btn-labeled fa fa-plus" id="edit-password" data-toggle="modal" data-target="#myPassword">Change Password</button>
				</span>
				<br/><br/>
			</div>
        </div>
    

	<div class="modal fade" id="myProfile" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        
                        <h1 class="modal-title">Edit Profile</h1>
                    </div>
                    <div class="modal-body">

                            <form class="form-horizontal" id="form-edit-profile" action="{{ route('editprofile') }}" method="post" enctype="multipart/form-data">
                                    {{ csrf_field() }}
									<div class="panel-body">
                                        <div class="row">
											<input id="iduser" name="iduser" value="{{ $user->id }}" type="hidden" class="form-control" placeholder="">
											<input id="slug" name="slug" value="{{ $user->slug }}" type="hidden" class="form-control" placeholder="">
											<div class="col-md-6 mar-btm">
                                                <label for="firstname">Firstname</label>
                                                <input id="firstname" name="firstname" type="text" value="{{ $user->firstname }}" class="form-control" placeholder="Firstname">
                                            </div>
											
											<div class="col-md-6 mar-btm">
                                                <label for="lastname">Lastname</label>
                                                <input id="lastname" name="lastname" type="text" value="{{ $user->lastname }}" class="form-control" placeholder="Lastname" required>
                                            </div>
										</div>
										<div class="row">
											<div class="col-md-6 mar-btm">
                                                <label for="email">Email</label>
                                                <input id="email" name="email" type="text" value="{{ $user->email }}" readonly="readonly" class="form-control" placeholder="Email" >
                                            </div>
											
											<div class="col-md-6 mar-btm">
                                                <label for="phone">Phone</label>
                                                <input id="phone" name="phone" type="text" value="{{ $user->phone_number }}" class="form-control" placeholder="Phone" required>
                                            </div>
										</div>
										<div class="row">
										
                                            <div class="col-md-4 mar-btm">
                                                <label for="whatsapp">Whatsapp</label>
                                                <input id="whatsapp" name="whatsapp" type="text" value="{{ $user->whatsapp }}" class="form-control" placeholder="Whatsapp">
                                            </div>
											<div class="col-md-4 mar-btm">
                                                <label for="skype">Skype</label>
                                                <input id="skype_id" name="skype_id" type="text" value="{{ $user->skype_id }}" class="form-control" placeholder="Skype">
                                            </div>
											<div class="col-md-4 mar-btm">
                                                <label for="team_viewer">Team viewer</label>
                                                <input id="team_viewer_id" name="team_viewer_id" value="{{ $user->team_viewer_id }}" type="text" class="form-control" placeholder="Team viewer">
                                            </div>
										
                                        </div>
										<div class="row">
											<div class="col-md-12 mar-btm">
												<label for="address">Address</label>
												<textarea name="address" id="address" placeholder="Address" rows="8" class="form-control">{{ $user->address }}</textarea>
											</div>
										</div>
										<div class="row">
											<div class="col-md-12 mar-btm">
												<label class="control-label">Upload Picture</label>
												<input type="file" class="form-control" id="avatar" name="avatar">
											</div>
										</div>
									</div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                        <button type="submit" class="btn btn-primary" id="btn_save_profile">Save Profile</button>
                                    </div>
                            </form>
                    </div>
                </div>
            </div>
    </div>
	
	
	<div class="modal fade" id="myPassword" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h1 class="modal-title">Change Password</h1>
                    </div>
                    <div class="modal-body">
						<div class="panel">
							<form id="form-edit-password" action="{{ route('editpassword') }}" method="post" class="form-horizontal">
                                {{ csrf_field() }}
								<div class="panel-body">
									<!--IDENTICAL VALIDATOR-->
									<!--===================================================-->
                                    <fieldset>
                                        <input id="iduserpswd" name="iduserpswd" value="{{ $user->id }}" type="hidden" class="form-control" placeholder="">
										<input id="slugpswd" name="slugpswd" value="{{ $user->slug }}" type="hidden" class="form-control" placeholder="">
										<div class="form-group">
                                            <label class="col-lg-3 control-label">Actual Password</label>
                                            <div class="col-lg-7">
                                                <input type="password" class="form-control" name="oldpassword" id="oldpassword" href="{{ url('compareoldpassword/'.$user->slug) }}" placeholder="Enter actual password">
                                            </div>
                                        </div>
										<div class="form-group">
                                            <label class="col-lg-3 control-label">New Password</label>
                                            <div class="col-lg-7">
                                                <input type="password" class="form-control" name="password" id="password" placeholder="Enter new password">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Retype password</label>
                                            <div class="col-lg-7">
                                                <input type="password" class="form-control" name="confirmPassword" id="confirmPassword" placeholder="Retype password">
                                            </div>
                                        </div>
                                    </fieldset>
									<!--===================================================-->
                                </div>
								<div class="modal-footer">
									<div class="row">
                                        <div class="col-sm-7 col-sm-offset-3">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
											<button class="btn btn-primary" id="edit-pswd" type="submit" disabled="disabled" style="display:none;">Change Password</button>
                                        </div>
                                    </div>
								</div>
                            </form>
                        </div>
					</div>
                </div>
            </div>
    </div>
	
	
	
	<div class="row">
		<div class="col-sm-12">
			<div class="panel">
				
					{{ csrf_field() }}
					<!-- Inline Form  -->
					<!--===================================================-->
					
			</div>
		</div>
	</div>
</div>

	

@endsection

@section('addlibjs')
<!--Demo script [ DEMONSTRATION ]-->
 <script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
 <!--DataTables [ OPTIONAL ]-->
 <!--Bootstrap Table [ OPTIONAL ]-->
<link href="{{ asset('assets/plugins/datatables/media/css/dataTables.bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('assets/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/datatables/media/js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/media/js/dataTables.bootstrap.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
<!--Bootstrap Datepicker [ OPTIONAL ]-->
<link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
<!--DataTables Sample [ SAMPLE ]-->
<script src="{{ asset('assets/js/demo/tables-datatables.js') }}"></script>
<script src="{{ asset('assets/plugins/pace/pace.min.css') }}"></script>
<script src="{{ asset('assets/plugins/pace/pace.min.js' )}}"></script>
<script src="{{ asset('plugins/modal/modal.css' )}}"></script>
<script src="{{ asset('plugins/modal/modal.js' )}}"></script>
<!--Demo script [ DEMONSTRATION ]-->
<!--Bootstrap Validator [ OPTIONAL ]-->
<script src="{{ asset('assets/plugins/bootstrap-validator/bootstrapValidator.min.js' )}}"></script>
<!--Form validation [ SAMPLE ]-->
<script src="{{ asset('assets/js/demo/form-validation.js' )}}"></script>

<!--Actions extended tasks -->
<script src="{{ asset('js/admin/users/update-profile.js') }}"></script>
<script src="{{ asset('js/admin/users/update-password.js') }}"></script>
<script src="{{ asset('js/admin/users/compare-password.js') }}"></script>


@stop