@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">
@include('Partials.header')

<div class="main_content_iner default_main_contaner_iner">
<div class="page-body">

    <div class="container-fluid">
        <div class="page-title">
            <div class="row align-items-center">
                <div class="col-sm-6 ps-0">
                    <h3>
                        <i class="fas fa-user mr-2" style="color:#3b82f6"></i>
                        User Wishlists
                        @if(isset($currentTenant))
                            <span class="badge badge-info ml-2" style="font-size:12px">
                                {{ $currentTenant->name ?? 'Tenant' }}
                            </span>
                        @endif
                    </h3>
                    <p class="text-muted mb-0" style="font-size:13px">
                        Wishlist items saved by {{ $user->name ?? 'User' }}
                        @if(isset($currentTenant))
                            <span class="ml-2">• Currency: {{ $currency ?? '₹' }}</span>
                        @endif
                    </p>
                </div>
                <div class="col-sm-6 pe-0">
                    <ol class="bc">
                        <li><a href="/{{ $tenantSlug }}/admin/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
                        <li class="bc-sep">›</li>
                        <li><a href="{{ route('admin.wishlist.dashboard', ['tenant' => $tenantSlug ?? request()->route('tenant')]) }}">Wishlists</a></li>
                        <li class="bc-sep">›</li>
                        <li class="bc-active">User Details</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    {{-- User Info Card --}}
    <div class="container-fluid mb-3">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-md-2 text-center">
                                <div style="width:80px;height:80px;border-radius:50%;background:#3b82f6;display:inline-flex;align-items:center;justify-content:center;font-size:32px;color:white;">
                                    {{ strtoupper(substr($user->name ?? 'U', 0, 1)) }}
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h4 class="mb-1">{{ $user->name ?? 'N/A' }}</h4>
                                <div class="text-muted" style="font-size:14px">
                                    <i class="fas fa-envelope mr-1"></i> {{ $user->email ?? 'No email' }}
                                </div>
                                <div class="text-muted" style="font-size:14px">
                                    <i class="fas fa-phone mr-1"></i> {{ $user->phone ?? 'No phone' }}
                                </div>
                                @if($user->role)
                                <span class="badge badge-info mt-1">{{ $user->role }}</span>
                                @endif
                            </div>
                            <div class="col-md-4 text-right">
                                <div class="stat-box">
                                    <div style="font-size:24px;font-weight:700;color:#3b82f6">{{ $wishlists->total() ?? 0 }}</div>
                                    <div style="font-size:12px;color:#94a3b8">Total Wishlists</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Wishlists Table --}}
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow-sm">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h6 class="mb-0"><i class="fas fa-heart mr-2" style="color:#ef4444"></i> Wishlist Items ({{ $wishlists->total() ?? 0 }})</h6>
                        <a href="{{ route('admin.wishlist.dashboard', ['tenant' => $tenantSlug ?? request()->route('tenant')]) }}" class="btn btn-sm btn-outline-secondary">
                            <i class="fas fa-arrow-left mr-1"></i> Back to Dashboard
                        </a>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover mb-0" style="font-size:13px">
                                <thead style="background:#f8f9fa">
                                    <tr>
                                        <th>#</th>
                                        <th>Unit</th>
                                        <th>Plot Type</th>
                                        <th>Block / Section</th>
                                        <th>Price</th>
                                        <th>Live Status</th>
                                        <th>Added On</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($wishlists ?? [] as $index => $w)
                                    @php
                                        $liveStatus = $w->plot?->status ?? null;
                                        $isAvail    = strtolower($liveStatus ?? '') === 'available';
                                        $wasBooked  = $liveStatus && strtolower($liveStatus) === 'booked';
                                        $tenantParam = $tenantSlug ?? request()->route('tenant');
                                    @endphp
                                    <tr style="{{ $wasBooked ? 'background:#fff7f7' : '' }}">
                                        <td>{{ $wishlists->firstItem() + $index }}</td>
                                        <td style="font-weight:700">Unit {{ $w->plot_number }}</td>
                                        <td>{{ $w->plot_type }}</td>
                                        <td>
                                            <div style="font-size:12px;color:#94a3b8">
                                                @if($w->block) Block {{ $w->block }} @endif
                                                @if($w->section) • {{ $w->section }} @endif
                                            </div>
                                        </td>
                                        <td style="font-weight:700;color:#c9a96e">
                                            @if($w->price)
                                                {{ $currency ?? '₹' }}{{ number_format((float)$w->price, 0) }}
                                            @else
                                                <span style="color:#94a3b8">—</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($liveStatus)
                                                <span class="badge badge-{{ $isAvail ? 'success' : 'danger' }}">
                                                    {{ $liveStatus }}
                                                </span>
                                                @if($wasBooked)
                                                <div style="font-size:10px;color:#ef4444;margin-top:2px">Unit taken!</div>
                                                @endif
                                            @else
                                                <span class="badge badge-secondary">Unknown</span>
                                            @endif
                                        </td>
                                        <td style="font-size:12px;color:#94a3b8;white-space:nowrap">
                                            {{ $w->created_at->format('d M Y') }}<br>
                                            <span style="font-size:10px">{{ $w->created_at->format('H:i') }}</span>
                                        </td>
                                        <td>
                                            <div style="display:flex;gap:4px;flex-wrap:wrap">
                                                {{-- WhatsApp nudge --}}
                                                @if($isAvail && $w->phone)
                                                <a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', $w->phone) }}?text={{ urlencode('Hi '.$w->name.', Unit '.$w->plot_number.' that you saved is still available! Would you like to book it? 🏠') }}"
                                                   target="_blank"
                                                   class="btn btn-sm btn-success" title="WhatsApp nudge"
                                                   style="padding:3px 7px;font-size:11px">
                                                    <i class="fab fa-whatsapp"></i>
                                                </a>
                                                @endif
                                                
                                                {{-- View plot details --}}
                                                @if($w->plot_id)
                                                <a href="{{ route('admin.wishlist.plot', ['tenant' => $tenantParam, 'plotId' => $w->plot_id]) }}"
                                                   class="btn btn-sm btn-outline-primary" title="View plot"
                                                   style="padding:3px 7px;font-size:11px">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                @endif
                                                
                                                {{-- Delete button --}}
                                                <form action="{{ route('admin.wishlist.delete', ['tenant' => $tenantParam, 'id' => $w->id]) }}" method="POST" style="display:inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-outline-danger" 
                                                            title="Delete" onclick="return confirm('Are you sure you want to delete this wishlist entry?')"
                                                            style="padding:3px 7px;font-size:11px">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="8" class="text-center py-4 text-muted">
                                            <i class="fas fa-heart fa-2x mb-2" style="color:#e5e7eb"></i><br>
                                            No wishlist items found for this user.
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if(isset($wishlists) && ($wishlists->hasPages() || $wishlists->total() > 0))
                    <div class="card-footer">
                        {{ $wishlists->links() }}
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

</div>
</div>
</section>

@include('Partials.footer')

@push('styles')
<style>
.stat-box {
    background: #f8f9fa;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-block;
}
</style>
@endpush