                            <div class="card h-100">
                                <div class="card-body shadow">
                                    
                                    <div class="user-avatar-section pb-3">
                                        <div class="d-flex align-items-center flex-column">
                                            @if(Auth::user()->image != null)
                                            <img class="img-fluid rounded mt-3 mb-2" src="{{ asset('uploads/user_img/'. Auth::user()->image ) }}" height="110" width="110" alt="User avatar" />
                                            @else
                                            <img class="rounded" src="{{ asset('backend/app-assets/images/avatars/11.png') }}" alt="avatar" height="110" width="110">
                                            @endif
                                            
                                            <div class="user-info text-center mt-3">
                                                <h4 class="mb-0">{{ Auth::guard()->user()->name}}</h4>
                                                <span class="badge bg-secondary text-light">{{ Auth::guard()->user()->role}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    

                                    <h4 class="fw-bolder border-bottom pb-3 mb-2">
                                        <a href="#" class="btn btn-primary custom-profile-security" data-bs-toggle="modal"
                                        data-bs-target="#updateSecurity">Security</a>
                                    </h4>
                                    <div class="info-container">
                                        <ul class="list-unstyled">
                                            <li class="mb-2">
                                                <span class="fw-bolder me-25">Name:</span>
                                                <span>{{ Auth::guard()->user()->name}}</span>
                                            </li>
                                            
                                            <li class="mb-2">
                                                <span class="fw-bolder me-25">Email:</span>
                                                <span>{{ Auth::user()->email }}</span>
                                            </li>

                                            <li class="mb-2">
                                                <span class="fw-bolder me-25">Mobile:</span>
                                                <span>{{ Auth::user()->mobile }}</span>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>

                            {{-- //To update... --}}
                            <div class="modal fade" id="updateSecurity" tabindex="-1" data-bs-backdrop='static'>
                                <div class="modal-dialog modal-dialog-centered max-width-900px">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h1 class="modal-title fs-5" id="oneInputModalLabel">Password Update</h1>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <form action="{{route('admin.security.update')}}" method="post">
                                            @csrf
                                            <div class="modal-body">
                                                <div class="row">
                                        
                                                    <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mb-1">
                                                        <div class="form-group">
                                                            <label for="old_password">Old Password <span class=" text-danger">(required)</span></label>
                                                            <input type="password" name="old_password" class="form-control" placeholder="Old Password" required>
                                                        </div>
                                        
                                                        @error('old_password')
                                                        <span class=text-danger>{{$message}}</span>
                                                        @enderror
                                                    </div>
                                        
                                                    <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mb-1">
                                                        <div class="form-group">
                                                            <label for="new_password">New Password <span class=" text-danger">(required)</span></label>
                                                            <input type="password" name="new_password" class="form-control" placeholder="New Password" required>
                                                        </div>
                                        
                                                        @error('new_password')
                                                        <span class=text-danger>{{$message}}</span>
                                                        @enderror
                                                    </div>
                                        
                                                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mb-1 mt-3">
                                                        <div class="form-group">
                                                            <label for="confirm_password">Confirm Password <span class=" text-danger">(required)</span></label>
                                                            <input type="password" name="confirm_password" class="form-control" placeholder="Confirm Password"
                                                                required>
                                                        </div>
                                        
                                                        @error('confirm_password')
                                                        <span class=text-danger>{{$message}}</span>
                                                        @enderror
                                                    </div>
                                        
                                                </div>
                                            </div>

                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-success">Update</button>
                                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancel</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>