@extends("admin.layout.app")
@section("title","Admin Dashboard")

@section("content")
<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="components-preview mx-auto">
                                    
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            <div class="row g-4">
                                                <div class="col-lg-6">
                                                    <div class="nk-block-head-content">
                                                        <h4 class="title nk-block-title">Update Customer Information</h4>
                                                        <div class="nk-block-des">
                                                            <p>You can update Customer Information using this form.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group float-right">
                                                        <a href="{{route('admin.listUsers')}}" class="btn btn-lg btn-primary">List Of Customers</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                        <div class="card card-bordered">
                                            <div class="card-inner">
                                                <div class="card-head">
                                                    <h5 class="card-title">Customer Information</h5>
                                                </div>
                                                <form action="{{route('admin.updateUserData',$user)}}" method="POST" enctype="multipart/form-data">
                                                    @csrf
                                                    <div class="row g-4">
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="name">Name</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" name="name" id="name" value="{{$user->name}}" placeholder="Enter Your Name">
                                                                    @error('name')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="col-lg-6">-->
                                                        <!--    <div class="form-group">-->
                                                        <!--        <label class="form-label" for="username">User Name</label>-->
                                                        <!--        <div class="form-control-wrap">-->
                                                        <!--            <input type="text" class="form-control" name="username" id="username" value="{{$user->userInfo->username}}" placeholder="Enter Your User Name">-->
                                                        <!--            @error('username')-->
                                                        <!--            <p style="color:red;">{{$message}}</p>-->
                                                        <!--            @enderror-->
                                                        <!--        </div>-->
                                                        <!--    </div>-->
                                                        <!--</div>-->
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="email">Email Address</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="email" class="form-control" name="email" id="email" value="{{$user->email}}" placeholder="Enter Your Email">
                                                                    @error('email')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_phone">Phone No</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" name="user_phone" id="user_phone"  value="{{$user->user_phone}}" placeholder="Enter Your Phone No.">
                                                                    @error('user_phone')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-6">
                                                            
                                                            <div class="form-group">
                                                                <label class="form-label">Status</label>
                                                                <div class="form-control-wrap">
                                                                    <select class="form-select" name="status">
                                                                        <option value="Active" {{!empty($user->status == "Active")? 'selected':''}}>Active</option>
                                                                        <option value="Inactive" {{!empty($user->status == "Inactive")? 'selected':''}}>Inactive</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="form-label">DOB</label>
                                                                <div class="form-control-wrap focused">
                                                                    <div class="form-icon form-icon-left">
                                                                        <em class="icon ni ni-calendar"></em>
                                                                    </div>
                                                                    <input type="text" class="form-control date-picker" name="user_dob" value="{{$user->userInfo->user_dob}}" id="user_dob" data-date-format="yyyy-mm-dd">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="customFileLabel">Photo</label>
                                                                <div class="form-control-wrap">
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input" name="user_photo" id="user_photo">
                                                                        <label class="custom-file-label" for="user_photo">Choose file</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_location">Location</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" name="user_location" id="user_location" value="{{$user->userInfo->user_location}}" placeholder="Enter your location">
                                                                    @error('user_location')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <div class="form-label-group">
                                                                    <label class="form-label" for="n_password">New Password</label>
                                                                </div>
                                                                <div class="form-control-wrap">
                                                                    <a href="#" class="form-icon form-icon-right passcode-switch lg" data-target="n_password">
                                                                        <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                                                        <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                                                    </a>
                                                                    <input type="text" class="form-control" name="n_password" id="n_password" value="{{ old('n_password') }}" placeholder="Enter New Password">
                                                                    @error('n_password')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <div class="form-label-group">
                                                                    <label class="form-label" for="c_password">Confirm Password</label>
                                                                </div>
                                                                <div class="form-control-wrap">
                                                                    <a href="#" class="form-icon form-icon-right passcode-switch lg" data-target="c_password">
                                                                        <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                                                        <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                                                    </a>
                                                                    <input type="password" class="form-control" name="c_password" id="c_password" value="" placeholder="Enter Confirm Password">
                                                                    @error('c_password')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label class="form-label" for="user_address">Address</label>
                                                                <div class="form-control-wrap">
                                                                    <textarea class="form-control form-control-sm" name="user_address" id="user_address" placeholder="Enter your address" style="height: 72px;">{{$user->userInfo->user_address}}</textarea>
                                                                    @error('user_address')
                                                                    <p style="color:red;">{{$message}}</p>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <button type="submit" class="btn btn-lg btn-primary">Update Informations</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div><!-- .nk-block -->
                                </div><!-- .components-preview -->
                            </div>
                        </div>
                    </div>
                </div>  
@endsection
@push("script")
@if(Session::has('msg'))
        @switch(Session::get('status'))
        
        @case('success')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.success("{{ Session::get('msg') }}");
        </script>
        @break

        @case('error')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.error("{{ Session::get('msg') }}");
        </script>
        @break

        @endswitch
@endif
@endpush