@extends('../layouts.app2')

@section('title', __('Account'))
 
  @section('content') 

<main>
    
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    @if (session('success'))
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            Swal.fire({
                title: 'Success!',
                text: '{{ session('success') }}',
                icon: 'success',
                confirmButtonText: 'OK'
            });
        });
    </script>
@endif


    <!--My Account  S t a r t-->
    <div class="myAccout section-padding2">
        <div class="container">
            <div class="row">
                <div class="col-xxl-3 col-xl-3 col-lg-4 col-md-5">      
                    <!-- Account Sidebar    -->
                    <div class="accountSidebar">
                        <ul class="listing listScroll">
                            <li class="listItem">
                                <a href="" class="items active"> <i class="lar la-user-circle icon"></i> My Account</a>
                            </li>
                            
                           
                        </ul>
                        <div class="accessAccount">
                            
                             <li><a href="{{ route('logout') }}"
               onclick="event.preventDefault();
                             document.getElementById('logout-form').submit();">
            {{ __('Logout') }}
        </a></li>

        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
            @csrf
        </form></a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-9 col-xl-9 col-lg-8 col-md-7">
                    <!-- Bread Crumb S t a r t -->
                    <div class="row mb-24">
                        <div class="col-sm-12">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                    <li class="breadcrumb-item"><a href="#">My Account</a></li> 
                                </ol>
                            </nav>
                        </div>
                    </div>
                    <!-- End-of Bread Crumb-->
                    <!-- Account -->
                    <div class="accountWrapper mb-24">
    <!-- user -->
    <div class="userProfile mb-24">
        <div class="recentImg">
            <img src="https://adlyno.com/apptn.adlyno.com/images/22262_logo.png" alt="Profile Image" width="50" height="50">
        </div>
        <div class="recentCaption">
            <div class="cap">
                <h5><a href="#" class="featureTittle">{{ Auth::user()->user_name }}</a></h5>
                <p class="featureCap">Member since {{ Auth::user()->created_at->format('Y') }}</p>
            </div>
            <div class="btn-wrapper">
                <!-- Trigger modal -->
                <a href="#" class="cmn-btn-outline2" data-bs-toggle="modal" data-bs-target="#editProfileModal">Edit Profile</a>
             <a href="#" class="cmn-btn-outline2" data-bs-toggle="modal" data-bs-target="#changePasswordModal">Edit Password</a>

            </div>
        </div>
    </div>
    <!-- infoSingle -->
    <div class="infoSingle">
        <ul class="listing">  
            <li class="listItem"><i class="lar la-envelope-open icon"></i>{{ Auth::user()->user_email }}</li>
            <li class="listItem"><i class="las la-phone icon"></i>{{ Auth::user()->user_phone ?? 'Not provided' }}</li>
        </ul>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="editProfileModal" tabindex="-1" aria-labelledby="editProfileModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editProfileModalLabel">Edit Profile</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('account.update') }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('POST')
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="userName" class="form-label">Name</label>
                        <input type="text" class="form-control" id="userName" name="user_name" value="{{ Auth::user()->user_name }}" required>
                    </div>
                    <div class="mb-3">
                        <label for="userEmail" class="form-label">Email</label>
                        <input type="email" class="form-control" id="userEmail" name="user_email" value="{{ Auth::user()->user_email }}" required>
                    </div>
                    <div class="mb-3">
                        <label for="userPhone" class="form-label">Phone</label>
                        <input type="text" class="form-control" id="userPhone" name="user_phone" value="{{ Auth::user()->user_phone }}">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Password Change Modal -->
<div class="modal fade" id="changePasswordModal" tabindex="-1" aria-labelledby="changePasswordModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="changePasswordModalLabel">Change Password</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('account.change-password') }}" method="POST">
                @csrf
                @method('post')
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="currentPassword" class="form-label">Current Password</label>
                        <input type="password" class="form-control" id="currentPassword" name="current_password" required>
                    </div>
                    <div class="mb-3">
                        <label for="newPassword" class="form-label">New Password</label>
                        <input type="password" class="form-control" id="newPassword" name="new_password" required>
                    </div>
                    <div class="mb-3">
                        <label for="confirmPassword" class="form-label">Confirm New Password</label>
                        <input type="password" class="form-control" id="confirmPassword" name="new_password_confirmation" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Change Password</button>
                </div>
            </form>
        </div>
    </div>
</div>

                    <!-- My Listings -->
               <div class="myListing">
    @foreach($posts as $post)
        <div class="singleFlexitem mb-24  wow fadeInUp social" data-wow-delay="0.0s">
            <div class="listCap">
                <div class="recentImg">
<img src="https://adlyno.com/apptn.adlyno.com/images/{{ $post->post_image }}" alt="{{ $post->post_title }}" width="200" height="100">
                </div>
                <div class="recentCaption">
                    <h5><a href="add_details.html" class="featureTittle">{{ $post->post_title }}</a></h5>
                    <p class="featureCap">{{ $post->city->city_name }}, {{ $post->districts_id }} · <strong class="subCap">{{ $post->created_at->diffForHumans() }}</strong></p>
                    <span class="featurePricing">${{ $post->post_money }}</span>
                    
                </div>
            </div>
            <div class="btn-wrapper mb-20">
                <a href="#" class="cmn-btn-outline4 mr-10"><i class="lar la-eye icon"></i>{{ $post->total_views }}</a>
                <a href="" class="cmn-btn4">Edit Ad</a>
            </div>
        </div>
    @endforeach
</div>

                </div>
            </div>
        </div>
    </div>
    
   
    <!--End-of My Account-->
</main>
  @include('../layouts.footer')

@endsection