@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-heart mr-2" style="color:#ef4444"></i>Wishlists — CRM</h3>
                    <p class="text-muted mb-0" style="font-size:13px">Units saved by users — hot leads</p>
                </div>
                <div class="col-sm-6 pe-0">
                    <ol class="bc">
                        <li><a href="/" class="bc-home"><i class="fas fa-home"></i></a></li>
                        <li class="bc-sep">›</li>
                        <li class="bc-active">Wishlists</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    {{-- Stat cards --}}
    <div class="container-fluid mb-3">
        <div class="row">
            @foreach([
                ['Total Saves',     $stats['total'],        '#ef4444', 'fa-heart'],
                ['Unique Users',    $stats['unique_users'], '#3b82f6', 'fa-users'],
                ['Unique Units',    $stats['unique_plots'], '#8b5cf6', 'fa-home'],
                ['Still Available', $stats['available'],    '#22c55e', 'fa-check-circle'],
                ['Now Booked',      $stats['booked'],       '#f59e0b', 'fa-lock'],
            ] as [$label, $val, $color, $icon])
            <div class="col mb-2" style="min-width:140px">
                <div class="card shadow-sm h-100" style="border-top:3px solid {{ $color }}">
                    <div class="card-body py-2 px-3">
                        <div style="font-size:22px;font-weight:800;color:{{ $color }}">{{ number_format($val) }}</div>
                        <div style="font-size:11px;color:#94a3b8"><i class="fas {{ $icon }} mr-1"></i>{{ $label }}</div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">

            {{-- Top 5 Most Wishlisted --}}
            <div class="col-lg-4 mb-3">
                <div class="card shadow-sm h-100" style="border-top:3px solid #ef4444">
                    <div class="card-header"><h6 class="mb-0">🔥 Most Wishlisted Units</h6></div>
                    <div class="card-body p-0">
                        @forelse($topPlots as $i => $wp)
                        @php
                            $medal = ['🥇','🥈','🥉'][$i] ?? ($i+1);
                            $rankColor = ['#c9a96e','#94a3b8','#cd7f32'][$i] ?? '#64748b';
                        @endphp
                        <div style="display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f1f5f9">
                            <div style="font-size:20px;width:28px;text-align:center">{{ $medal }}</div>
                            <div style="flex:1">
                                <div style="font-weight:700;font-size:13px">Unit {{ $wp->plot_number }}</div>
                                <div style="font-size:11px;color:#94a3b8">
                                    {{ $wp->plot_type }}
                                    @if($wp->price)
                                     • {{ $currency }}{{ number_format((float)$wp->price, 0) }}
                                    @endif
                                </div>
                            </div>
                            <div style="text-align:right">
                                <div style="font-weight:800;color:#ef4444;font-size:16px">{{ $wp->wishlist_count }}</div>
                                <div style="font-size:10px;color:#94a3b8">saves</div>
                            </div>
                        </div>
                        @empty
                        <div class="text-center py-4 text-muted" style="font-size:13px">No wishlist data yet.</div>
                        @endforelse
                    </div>
                </div>
            </div>

            {{-- Main table --}}
            <div class="col-lg-8 mb-3">

                {{-- Filters --}}
                <div class="card shadow-sm mb-2">
                    <div class="card-body py-2">
                        <form method="GET" class="d-flex flex-wrap align-items-center" style="gap:8px">
                            <input type="text" name="search" class="form-control form-control-sm"
                                   placeholder="Name, phone, unit number..."
                                   value="{{ request('search') }}" style="max-width:200px">
                            <select name="plot_type" class="form-control form-control-sm" style="max-width:140px">
                                <option value="">All Types</option>
                                @foreach($plotTypes as $t)
                                <option value="{{ $t }}" {{ request('plot_type')===$t?'selected':'' }}>{{ $t }}</option>
                                @endforeach
                            </select>
                            <select name="status" class="form-control form-control-sm" style="max-width:130px">
                                <option value="">All Statuses</option>
                                <option value="Available" {{ request('status')==='Available'?'selected':'' }}>Available</option>
                                <option value="Booked"    {{ request('status')==='Booked'   ?'selected':'' }}>Booked</option>
                            </select>
                            <button class="btn btn-primary btn-sm"><i class="fas fa-filter mr-1"></i>Filter</button>
                            <a href="/wishlist/wishlist-dashboard" class="btn btn-outline-secondary btn-sm">
                                <i class="fas fa-times"></i>
                            </a>
                        </form>
                    </div>
                </div>

                <div class="card shadow-sm">
                    <div class="card-header">
                        <h6 class="mb-0">{{ $wishlists->total() }} Wishlist Entries</h6>
                    </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>User</th>
                                        <th>Unit</th>
                                        <th>Block / Type</th>
                                        <th>Saved Price</th>
                                        <th>Live Status</th>
                                        <th>Saved On</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($wishlists as $w)
                                    @php
                                        $liveStatus = $w->plot?->status ?? null;
                                        $isAvail    = strtolower($liveStatus ?? '') === 'available';
                                        $wasBooked  = $liveStatus && strtolower($liveStatus) === 'booked';
                                    @endphp
                                    <tr style="{{ $wasBooked ? 'background:#fff7f7' : '' }}">
                                        <td>
                                            <div style="font-weight:700">{{ $w->name }}</div>
                                            <div style="font-size:11px;color:#94a3b8">{{ $w->phone }}</div>
                                            @if($w->user?->email)
                                            <div style="font-size:11px;color:#94a3b8">{{ $w->user->email }}</div>
                                            @endif
                                        </td>
                                        <td style="font-weight:700">Unit {{ $w->plot_number }}</td>
                                        <td>
                                            <div>{{ $w->plot_type }}</div>
                                            <div style="font-size:11px;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
                                                {{-- Create lead --}}
                                                <a href="/admin/leads/create?name={{ urlencode($w->name) }}&phone={{ urlencode($w->phone) }}&interested_in={{ urlencode($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>
                                            </div>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="7" class="text-center py-4 text-muted">
                                            No wishlist entries found.
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($wishlists->hasPages())
                    <div class="card-footer">{{ $wishlists->links() }}</div>
                    @endif
                </div>
            </div>

        </div>
    </div>

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

@include('Partials.footer')