@extends('larasnap::layouts.app', ['class' => 'profile'])
@section('title','My Profile')
@section('content')
<!-- Page Heading  Start-->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
   <h1 class="h3 mb-0 text-gray-800">My Profile</h1>
</div>
<!-- Page Heading End-->				  
<!-- Page Content Start-->				  
<div class="row">
   <div class="col-xl-12">
      <div class="card shadow mb-4">
         <div class="card-body">
            <div class="card-body">
               <form method="POST" action="{{ route('profile.update', $user->id) }}"  enctype="multipart/form-data" class="form-horizontal" autocomplete="off">
			   @csrf
			   @method('PUT')
                  <div class="row">
					<div class="col-md-4">
						<div class="form-group">
							<label for="first_name" class="control-label">First Name<small class="text-danger required">*</small></label> 
							<input name="first_name" type="text" id="first-name" class="form-control" value="{{ old('first_name', $user->userProfile ? $user->userProfile->first_name : '') }}">
							@error('first_name')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 							
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="last-name" class="control-label">Last Name<small class="text-danger required">*</small></label> 
							<input name="last_name" type="text" id="last-name" class="form-control" value="{{ old('last_name', $user->userProfile ? $user->userProfile->last_name : '') }}">
							@error('last_name')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 							
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="email" class="control-label">Email Address<small class="text-danger required">*</small></label> 
							<input name="email" type="email" id="email" class="form-control" value="{{ old('email', $user->email) }}" readonly="readonly">
							@error('email')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 							
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="mobile-no" class="control-label">Mobile No<small class="text-danger required">*</small></label>
							<input name="mobile_no" type="text" id="mobile-no" class="form-control" min="0" value="{{ old('mobile_no', $user->userProfile ? $user->userProfile->mobile_no : '') }}">
							@error('mobile_no')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="password" class="control-label">Password</label> 
							<input name="password" type="password" id="password" class="form-control" value="{{ old('password') }}">
							@error('password')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 							
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="confirm_password" class="control-label">Confirm Password</label> 
							<input name="password_confirmation" type="password" id="confirm-password" class="form-control">
						</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label for="address" class="control-label">Address<small class="text-danger required">*</small></label>
							<textarea name="address" class="form-control" id="address">{{ old('address', $user->userProfile ? $user->userProfile->address : '') }}</textarea>
							@error('address')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 								
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="state" class="control-label">State<small class="text-danger required">*</small></label> 
							<input name="state" type="text" id="state" class="form-control" value="{{ old('state', $user->userProfile ? $user->userProfile->state : '') }}">
							@error('state')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 							
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="city" class="control-label">City<small class="text-danger required">*</small></label> 
							<input name="city" type="text" id="city" class="form-control" value="{{ old('city', $user->userProfile ? $user->userProfile->city : '') }}">
							@error('city')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 								
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="pincode" class="control-label">Zip Code<small class="text-danger required">*</small></label> 
							<input name="pincode" type="number" id="pincode" class="form-control" value="{{ old('pincode', $user->userProfile ? $user->userProfile->pincode : '') }}" min="0">
							@error('pincode')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 								
						</div>
					</div>
					<div class="col-md-4">
						<div class="">
							<label for="user_photo" class="control-label">Profile Picture</label> 
							<input name="user_photo" type="file" id="user-photo" class="form-control" >
							 @error('user_photo')
							 <span class="text-danger">{{ $message }}</span>
							@enderror 	
						</div>
                        <small>Allowed File Formats: jpg, jpeg, png</small>
                        <p><img src="{{ $user->avatar }}" style="width: 50px;" alt="Prof Picture" ></p>
					</div>
					<div class="col-md-4 no-label">
						<div class="form-group">
							<input type="submit" value="Update" class="btn btn-primary">
						</div>
					</div>
				  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Page Content End-->				  
@endsection