@extends('layouts.app')


@section('styles')
    <style>
        .ad-image-container {
            height: 200px;
        }

        .ad-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
        }
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="card mb-4">
                    <div class="card-header">
                        <h3>{{ $user->name }} {{ $user->profile->last_name ?? '' }}</h3>
                    </div>
                    <div class="card-body">
                       <!--// <p><strong>Email:</strong> {{ $user->email ?? '' }}</p>-->
                        <p><strong>Location:</strong> {{ $user->profile->state ?? 'N/A' }}, {{ $user->profile->city ?? '' }}
                        </p>
                        <p><strong>Joined:</strong> {{ $user->created_at->toFormattedDateString() ?? '' }}</p>
                        <p><strong>Total Ads:</strong> {{ $adsCount ?? '0' }}</p>
                        @if ($ratingCount > 0)
                            <p>
                                <strong>Average Rating:</strong>
                                @for ($i = 1; $i <= 5; $i++)
                                    @if ($i <= round($averageRating))
                                        <i class="bi bi-star-fill text-warning"></i>
                                    @else
                                        <i class="bi bi-star text-warning"></i>
                                    @endif
                                @endfor
                                <span class="text-muted">({{ number_format($averageRating, 1) }} / 5)
                                    <br><span><b>( from {{ $ratingCount }}
                                            {{ Str::plural('review', $ratingCount) }})</b></span>
                            </p>
                        @else
                            <p class="text-muted">No ratings yet.</p>
                        @endif
                        <a href="{{ url()->previous() }}" class="btn_all_button stylish-btn nav-link mb-3">
                            <i class="bi bi-arrow-left"></i> Back
                        </a>


                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h4>Ads Posted by {{ $user->name ?? '' }}</h4>
                    </div>
                    <div class="card-body">
                        @if ($ads->isEmpty())
                            <p>No ads posted yet.</p>
                        @else
                            <div class="row">
                                @foreach ($ads as $ad)
                                    <!-- Left Side: Ad Image -->
                                    <div class="col-4 col-md-4  ">
                                        <a href="{{ route('ads.show', $ad->slug) }}" class="lp-product-link">
                                            <div class="ad-image-container ">
                                                @if ($ad->images->count() > 0)
                                                    <img src="{{ asset('storage/' . $ad->images->first()->image_path) }}"
                                                        class="lp-product-img" alt="product Image"
                                                        onerror="this.onerror=null; this.src='{{ asset('storage/product_images/default.png') }}';">
                                                    <span class="lp-wishlist-icon favorite-btn"
                                                        data-ad-id="{{ $ad->id }}"
                                                        onclick="toggleWishlist(this)">&#10084;</span>
                                                @else
                                                    <img src="{{ asset('storage/product_images/default.png') }}"
                                                        class="lp-product-img" alt="No Image">
                                                @endif
                                            </div>
                                        </a>
                                    </div>
                                    <!-- Right Side: Ad Details -->
                                    <div class=" col-7 col-md-8 ml-3 ">
                                        <div class="ads-detail ">
                                            <p class="ad-title text-left">{{ $ad->title ?? '' }}</p>
                                           
                                                 @if ($ad->is_free)
                                                    <p class="ad-price"><b>Free</b></p>
                                                @else
                                                     <p class="ad-price"><b>{{ config('app.currency_symbol') }}
                                                {{ number_format($ad->price, 2) }}</b></p>
                                                @endif
                                                
                                            <p class="ad-brand"><strong>Brand:</strong> {{ $ad->brand->name ?? '' }}</p>
                                            <p class="card-text">{{ custom_limit($ad->description, 100) }}</p>

                                            <p class="ad-owner"><strong>Posted:</strong> {{ $ad->created_at ?? '' }}</p>
                                            {{-- <p class="ad-status"><strong>Status:</strong> {{ $ad->status }}</p> --}}
                                            {{-- <div class="ad-btn">
                                                <a href="{{ route('ads.show', $ad->slug) }}" class="btn_all_button btn-sm">Edit</a>
                                            </div> --}}
                                        </div>
                                    </div>

                                    <hr class="mt-3">
                                @endforeach



                            </div>
                            {{ $ads->links('pagination::bootstrap-5') }}
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection