@extends('frontend.layouts.app-dashboard')

@section('content')

<div class="accsetting-page-sec user-dashboard">
    <div class="container">
        <div class="acc-seetting-header d-flex">
            <div class="acc-setting-title">
                <h2>Edit Profile</h2>
                <p>Only your name and profile photo will be displayed on your public profile.</p>
            </div>
            <div class="acc-setting-view-profile ml-auto">
                <a href="{{route('user.my.profile')}}" class="acc-setting-view-profile-btn">
                    View my profile
                </a>
            </div>
        </div>
        <form action="{{route('user.update.profile')}}" method="POST" enctype="multipart/form-data">

        	@csrf()

	        <div class="row">
	            
	            <div class="col-lg-9 col-md-8">
	            	@include('layouts.message')
	                <div class="post-sub-sec">
	                    <h4 class="post-sub-title">Details</h4>
	                    <div class="form-row">

	                        <div class="form-group col-md-6">
		                        <label for="inputname">First Name <span class="imp-red">*</span></label>
		                        <input name="first_name" type="text" class="form-control" id="inputFirstname" placeholder="First Name" value="{{old('first_name',auth()->user()->first_name)}}">
	                            @error('first_name')
	                            <span class="uk-form-label uk-text-danger">{{ $message }}</span>
	                            @enderror
		                    </div>

		                    <div class="form-group col-md-6">
		                        <label for="inputname">Last Name <span class="imp-red">*</span></label>
		                        <input name="last_name" type="text" class="form-control" id="inputLastname" placeholder="Last Name" value="{{old('last_name',auth()->user()->last_name)}}">
	                            @error('last_name')
	                            <span class="uk-form-label uk-text-danger">{{ $message }}</span>
	                            @enderror
		                    </div>

	                	</div>
	                    <div class="form-row">
	                        <div class="form-group col-md-6">
	                            <label for="inputEmail4">Email address</label>
	                            <input name="email" type="email" class="form-control" id="inputEmail4" placeholder="{{old('email',auth()->user()->email)}}" readonly="readonly">
	                        </div>
	                        <div class="form-group col-md-6">
	                            <label for="inputPhone">Phone number</label>
	                            <input name="phone" type="text" class="form-control" id="inputPhone" placeholder="Phone Number" value="{{old('phone',auth()->user()->phone)}}">
	                        </div>
	                    </div>
	                    <div class="form-row">
	                        <div class="form-group col-md-6">
	                            <label for="inputpassword1">New Password</label>
	                            <input name="new_password" type="password" class="form-control" id="inputpassword1">
	                            @error('postal_code')
                                	<span class="uk-form-label uk-text-danger">{{ $message }}</span>
                            	@enderror
	                        </div>
	                        <div class="form-group col-md-6">
	                            <label for="inputpassword2">Repeat Password</label>
	                            <input name="repeat_password" type="password" class="form-control" id="inputpassword2">
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label for="">Street, Address</label>
	                        <input name="address" type="text" class="form-control" id="inputAddress" value="{{old('address',auth()->user()->address)}}">
	                    </div>
	                    <div class="form-row">
	                        <div class="form-group col-md-5">
	                            <label for="">City</label>
	                            <input name="city" type="text" class="form-control" id="inputCity" value="{{old('city',auth()->user()->city)}}">
	                        </div>
	                        <div class="form-group col-md-4">
	                            <label for="">Province</label>
	                             <select name="province_id" id="inputState" class="form-control">
	                              @php  $provinces = \App\Models\Province::all(); @endphp
			                      <option value="">Choose...</option>
	    		                      @if(isset($provinces) && count($provinces))
	    		                        @foreach($provinces as $prov)
	    		                          <option value="{{$prov->id}}" {{old('province_id',auth()->user()->province_id)   == $prov->id ? 'selected' : ''}}>{{$prov->name}}</option>
	    		                        @endforeach
	    		                      @endif
	                            </select>
	                        </div>
	                        <div class="form-group col-md-3">
	                            <label for="">Postal Code</label>
	                            <input name="postal_code" type="text" class="form-control" id="inputZip" value="{{old('postal_code',auth()->user()->postal_code)}}">
	                        </div>
	                    </div>
	                </div>
	                <div class="post-sub-btn-sec">
	                    <button type="submit" class="btn btn-primary">Save Changes</button>
	                    <button type="reset" class="btn btn-danger">Cancel</button>
	                </div>

	            </div>
	            <div class="col-lg-3 col-md-4">
	                <div class="post-sub-sec text-center">
	                    <div class="form-group">
	                        <div class="pro-pic-image">  
	                        	
	                        	@if( isset( auth()->user()->profile_image ) && file_exists(public_path('profile_image/'.auth()->user()->profile_image)) )

									<img id="blah" src="{{asset('profile_image/'.auth()->user()->profile_image)}}" alt="your image" />	                        		

	                        	@else

	                            	<img id="blah" src="https://via.placeholder.com/120" alt="your image" />

	                            @endif
	                        </div>
	                        <label class="upload-pro-pic" for="pro-pic-img">
	                            Upload Profile Picture
	                            <input name="profile_image" type="file" onchange="readURL(this);" id="pro-pic-img" accept="image/*"/>
	                        </label>
	                            
	                            
	                    </div>
	                </div>

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

@endsection