@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-home mr-2" style="color:#8b5cf6"></i>
                        Plot 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">
                        Users who saved Unit {{ $plot->plot_number ?? 'N/A' }}
                        @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">Plot Details</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    {{-- Plot 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:10px;background:#8b5cf6;display:inline-flex;align-items:center;justify-content:center;font-size:32px;color:white;">
                                    <i class="fas fa-building"></i>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h4 class="mb-1">Unit {{ $plot->plot_number ?? 'N/A' }}</h4>
                                <div class="text-muted" style="font-size:14px">
                                    <i class="fas fa-tag mr-1"></i> {{ $plot->plot_type ?? 'N/A' }}
                                </div>
                                <div class="text-muted" style="font-size:14px">
                                    <i class="fas fa-layer-group mr-1"></i> 
                                    @if($plot->block) Block {{ $plot->block }} @endif
                                    @if($plot->section) • Section {{ $plot->section }} @endif
                                </div>
                                @if($plot->status)
                                <span class="badge badge-{{ strtolower($plot->status) === 'available' ? 'success' : 'danger' }} mt-1">
                                    {{ $plot->status }}
                                </span>
                                @endif
                            </div>
                            <div class="col-md-4 text-right">
                                <div class="stat-box">
                                    <div style="font-size:24px;font-weight:700;color:#8b5cf6">{{ $wishlists->total() ?? 0 }}</div>
                                    <div style="font-size:12px;color:#94a3b8">Total Saves</div>
                                </div>
                                @if($plot->offer_price)
                                <div class="stat-box mt-2" style="background:#fef3c7;">
                                    <div style="font-size:18px;font-weight:700;color:#d97706">
                                        {{ $currency ?? '₹' }}{{ number_format((float)$plot->offer_price, 0) }}
                                    </div>
                                    <div style="font-size:11px;color:#92400e">Offer Price</div>
                                </div>
                                @endif
                            </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-users mr-2" style="color:#3b82f6"></i> Users Who Saved This Unit ({{ $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>User</th>
                                        <th>Phone</th>
                                        <th>Email</th>
                                        <th>Saved Price</th>
                                        <th>Saved On</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($wishlists ?? [] as $index => $w)
                                    @php
                                        $tenantParam = $tenantSlug ?? request()->route('tenant');
                                    @endphp
                                    <tr>
                                        <td>{{ $wishlists->firstItem() + $index }}</td>
                                        <td>
                                            <div style="font-weight:700">{{ $w->name }}</div>
                                            @if($w->user_id)
                                            <a href="{{ route('admin.wishlist.user', ['tenant' => $tenantParam, 'userId' => $w->user_id]) }}" 
                                               style="font-size:11px;color:#3b82f6">
                                                <i class="fas fa-user mr-1"></i> View all
                                            </a>
                                            @endif
                                        </td>
                                        <td>{{ $w->phone }}</td>
                                        <td>{{ $w->user?->email ?? 'N/A' }}</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 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 --}}
                                                @if($w->phone)
                                                <a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', $w->phone) }}?text={{ urlencode('Hi '.$w->name.', Unit '.$plot->plot_number.' that you saved is still available! Would you like to book it? 🏠') }}"
                                                   target="_blank"
                                                   class="btn btn-sm btn-success" title="WhatsApp"
                                                   style="padding:3px 7px;font-size:11px">
                                                    <i class="fab fa-whatsapp"></i>
                                                </a>
                                                @endif
                                                
                                                {{-- Create lead --}}
                                                <a href="{{ route('admin.leads.create', [
                                                        'tenant' => $tenantSlug,
                                                        'name' => $w->name,
                                                        'phone' => $w->phone,
                                                        'interested_in' => $w->plot_type,
                                                        'plot_id' => $w->plot_id,
                                                    ]) }}"
                                                   class="btn btn-sm btn-outline-warning" title="Create lead"
                                                   style="padding:3px 7px;font-size:11px">
                                                    <i class="fas fa-funnel-dollar"></i>
                                                </a>
                                                
                                                {{-- Delete --}}
                                                <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="7" class="text-center py-4 text-muted">
                                            <i class="fas fa-heart fa-2x mb-2" style="color:#e5e7eb"></i><br>
                                            No users have saved this unit yet.
                                        </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>

    {{-- Quick Stats --}}
    <div class="container-fluid mt-3">
        <div class="row">
            <div class="col-md-3">
                <div class="card shadow-sm">
                    <div class="card-body text-center">
                        <div style="font-size:28px;font-weight:700;color:#8b5cf6">{{ $wishlists->total() ?? 0 }}</div>
                        <div style="font-size:12px;color:#94a3b8">Total Saves</div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card shadow-sm">
                    <div class="card-body text-center">
                        <div style="font-size:28px;font-weight:700;color:#22c55e">
                            {{ $wishlists->where('plot.status', 'Available')->count() ?? 0 }}
                        </div>
                        <div style="font-size:12px;color:#94a3b8">Available Saves</div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card shadow-sm">
                    <div class="card-body text-center">
                        <div style="font-size:28px;font-weight:700;color:#f59e0b">
                            {{ $wishlists->where('plot.status', 'Booked')->count() ?? 0 }}
                        </div>
                        <div style="font-size:12px;color:#94a3b8">Booked Saves</div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card shadow-sm">
                    <div class="card-body text-center">
                        <div style="font-size:28px;font-weight:700;color:#3b82f6">
                            {{ $wishlists->unique('user_id')->count() ?? 0 }}
                        </div>
                        <div style="font-size:12px;color:#94a3b8">Unique Users</div>
                    </div>
                </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