@extends('layouts.app')
@php $userRoles = get_user_role() @endphp
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Edit User</h4>
                    <p class="card-title-desc"></p>
					
					<form class="needs-validation" novalidate action="{{ route('users.update' , $user->id) }}" method="post" enctype="multipart/form-data">
						
						@csrf

						@method('put')
                        
                        <div class="row mb-4">
                            <label for="name" class="col-sm-2 col-form-label">Role</label>
                            <div class="col-sm-6">
                              <select class="form-control" name="user_role" required>
	                            	@foreach($userRoles as $index => $values)
	                            		<option @php echo $values->id == 2?'selected':''; @endphp value="{{ $values->id }}">{{ $values->role }}</option>
	                            	@endforeach	
	                            </select>	
                                <span class="invalid-feedback" role="alert">
                                    <strong>User role is required</strong>
                                </span>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="name" class="col-sm-2 col-form-label">Name</label>
                            <div class="col-sm-6">
                              <input type="text" class="form-control" required placeholder="Enter name" id="name" name="name" value="{{ $user->name }}" />
                               <span class="invalid-feedback" role="alert">
                                   <strong>Name is required</strong>
                               </span>
                            </div>
                        </div>

                    <div class="row mb-4">
                    
                        <label for="image" class="col-sm-2 col-form-label">Image</label>
                    
                        <div class="col-sm-6">
                            <input type="file" class="form-control" id="image" name="image" accept="image/*" />
                            @if( $user->image !='')  
                            <div class="card">
                                <div class="card-body">
                                    <p class="card-title-desc"></p>
                                    <div class="popup-gallery d-flex flex-wrap">
                                        <a href="{{ URL('/') }}{{$user->image}}" title="{{$user->name}}">
                                            <div class="img-fluid">
                                                <img src="{{ URL('/') }}{{$user->image}}" alt="" width="120" height="120">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            @endif
                            <span class="invalid-feedback" role="alert"><strong>Image is required</strong></span>
                        </div>
                    
                    </div>

                        <div class="row mb-4">
                            <label for="email" class="col-sm-2 col-form-label">Email</label>
                            <div class="col-sm-6">
                                <input type="email" class="form-control" name="email" required id="email" placeholder="Enter e-mail" value="{{ $user->email }}"/>
                                <span class="invalid-feedback" role="alert">
                                    <strong>Email is required</strong>
                                </span>
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="phone" class="col-sm-2 col-form-label">Phone</label>
                            <div class="col-sm-6">
                              <input type="text" name="phone" id="phone" value="{{ $user->phone }}" class="form-control digit_validate" placeholder="Enter a valid phone number" />
                            </div>
                        </div>

                        <div class="row mb-4">
                            <label for="bio" class="col-sm-2 col-form-label">Bio</label>
                            <div class="col-sm-6">
                              <textarea id="bio" name="bio" class="form-control" placeholder="">{{ $user->bio }}</textarea>
                            </div>
                        </div>                        

                        <div class="row mb-4 alignCenter">
                            <label for="latitude" class="col-sm-2 col-form-label">Location</label>
                            <div class="col-sm-2">
                                <label>Latitude</label>
                                <input type="text" id="latitude" name="latitude" class="form-control" placeholder="Latitude" value="{{ $user->latitude}}"/>
                                <span class="invalid-feedback" role="alert">
                                    <strong>Latitude is required</strong>
                                </span>
                            </div>
                            <div class="col-sm-2">
                                <label>Longitude</label>
                                <input type="text" name="longitude" class="form-control" placeholder="Longitude" value="{{ $user->longitude}}" />
                            </div>                      
                            <div class="col-sm-2">
                                <label>Country</label>
                                <input type="text" name="country" class="form-control" placeholder="Country" value="{{$user->country}}" />
                            </div>                      
                            <div class="col-sm-2">
                                <label>City</label>
                                <input type="text" name="city" class="form-control" placeholder="City" value="{{$user->city}}" />
                            </div>                      
                        </div> 

                        <div class="row mb-4">
                            <label for="address" class="col-sm-2 col-form-label">Address</label>
                            <div class="col-sm-9">
                                <textarea id="address" class="form-control" rows="1" name="address" required >{{$user->address}}</textarea>
                                <span class="invalid-feedback" role="alert">
                                    <strong>User address is required</strong>
                                </span>
                            </div>
                        </div>                         


                        @php echo get_session_message() @endphp
                        @php echo get_session_errors($errors) @endphp

                        <div class="d-flex flex-wrap gap-2">
							<button type="submit" class="btn btn-primary waves-effect waves-light custombtn">
							    Update
							</button>
							<a href="{{ route('users.index') }}" class="btn btn-secondary waves-effect custombtn">
							    Cancel
							</a>                                    
                        </div>

                    </form>

                </div>
            </div>
        </div> <!-- end col -->
    </div> 
</div>
@endsection