@include('Partials.sidebar')
<style>
    .form-check-input {
        position: relative;
        margin:0;
    }
</style>

<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
                        @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">
                        Units saved by users — hot leads
                        @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 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'] ?? 0,        '#ef4444', 'fa-heart'],
                ['Unique Users',    $stats['unique_users'] ?? 0, '#3b82f6', 'fa-users'],
                ['Unique Units',    $stats['unique_plots'] ?? 0, '#8b5cf6', 'fa-home'],
                ['Still Available', $stats['available'] ?? 0,    '#22c55e', 'fa-check-circle'],
                ['Now Booked',      $stats['booked'] ?? 0,       '#f59e0b', 'fa-lock'],
                ['This Week',       $stats['this_week'] ?? 0,    '#a855f7', 'fa-calendar-week'],
                ['This Month',      $stats['this_month'] ?? 0,   '#ec4899', 'fa-calendar-alt'],
            ] 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">

            {{-- Left sidebar with top lists --}}
            <div class="col-lg-4 mb-3">
                {{-- Top 5 Most Wishlisted --}}
                <div class="card shadow-sm mb-3" 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);
                        @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>

                {{-- Top Users --}}
                @if(isset($topUsers))
                <div class="card shadow-sm" style="border-top:3px solid #3b82f6">
                    <div class="card-header">
                        <h6 class="mb-0">👤 Most Active Users</h6>
                    </div>
                    <div class="card-body p-0">
                        @forelse($topUsers as $i => $user)
                        <div style="display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f1f5f9">
                            <div style="font-size:16px;width:28px;text-align:center">{{ $i+1 }}</div>
                            <div style="flex:1">
                                <div style="font-weight:700;font-size:13px">{{ $user->name }}</div>
                                <div style="font-size:11px;color:#94a3b8">{{ $user->phone }}</div>
                            </div>
                            <div style="text-align:right">
                                <div style="font-weight:800;color:#3b82f6;font-size:16px">{{ $user->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 user activity yet.</div>
                        @endforelse
                    </div>
                </div>
                @endif
            </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" action="{{ route('admin.wishlist.dashboard', ['tenant' => $tenantSlug ?? request()->route('tenant')]) }}" 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>
                            
                            <input type="date" name="date_from" class="form-control form-control-sm" 
                                   value="{{ request('date_from') }}" style="max-width:130px">
                            <input type="date" name="date_to" class="form-control form-control-sm" 
                                   value="{{ request('date_to') }}" style="max-width:130px">
                            
                            <button class="btn btn-primary btn-sm"><i class="fas fa-filter mr-1"></i>Filter</button>
                            <a href="{{ route('admin.wishlist.dashboard', ['tenant' => $tenantSlug ?? request()->route('tenant')]) }}" class="btn btn-outline-secondary btn-sm">
                                <i class="fas fa-times"></i>
                            </a>
                            
                            @if(isset($wishlists) && $wishlists->total() > 0)
                            <div class="dropdown ml-auto">
                                <button class="btn btn-outline-success btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                                    <i class="fas fa-download mr-1"></i>Export
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item" href="{{ route('admin.wishlist.export', ['tenant' => $tenantSlug ?? request()->route('tenant'), 'format' => 'csv']) }}">
                                        <i class="fas fa-file-csv mr-2"></i>CSV
                                    </a>
                                </div>
                            </div>
                            @endif
                        </form>
                    </div>
                </div>

                <div class="card shadow-sm">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h6 class="mb-0">{{ $wishlists->total() ?? 0 }} Wishlist Entries</h6>
                        @if(isset($wishlists) && $wishlists->total() > 0)
                        <span class="text-muted" style="font-size:11px">
                            Showing {{ $wishlists->firstItem() ?? 0 }} - {{ $wishlists->lastItem() ?? 0 }}
                        </span>
                        @endif
                    </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>
                                            <input type="checkbox" id="select-all" class="form-check-input">
                                        </th>
                                        <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';
                                        $tenantParam = $tenantSlug ?? request()->route('tenant');
                                    @endphp
                                    <tr style="{{ $wasBooked ? 'background:#fff7f7' : '' }}">
                                        <td>
                                            <input type="checkbox" name="wishlist_ids[]" value="{{ $w->id }}" class="form-check-input wishlist-checkbox">
                                        </td>
                                        <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="{{ 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>
                                                
                                                {{-- View user wishlists --}}
                                                @if($w->user_id)
                                                <a href="{{ route('admin.wishlist.user', ['tenant' => $tenantParam, 'userId' => $w->user_id]) }}"
                                                   class="btn btn-sm btn-outline-info" title="View user's wishlists"
                                                   style="padding:3px 7px;font-size:11px">
                                                    <i class="fas fa-user"></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?')"
                                                            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">
                                            No wishlist entries found.
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if(isset($wishlists) && ($wishlists->hasPages() || $wishlists->total() > 0))
                    <div class="card-footer d-flex justify-content-between align-items-center">
                        <div>
                            @if($wishlists->total() > 0)
                            <form action="{{ route('admin.wishlist.bulk-delete', ['tenant' => $tenantSlug ?? request()->route('tenant')]) }}" method="POST" id="bulk-delete-form">
                                @csrf
                                <input type="hidden" name="ids" id="bulk-ids">
                                <button type="button" class="btn btn-danger btn-sm" id="bulk-delete-btn" disabled>
                                    <i class="fas fa-trash mr-1"></i>Delete Selected
                                </button>
                            </form>
                            @endif
                        </div>
                        {{ $wishlists->links() }}
                    </div>
                    @endif
                </div>
            </div>

        </div>
    </div>

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

@include('Partials.footer')

@push('scripts')
<script>
$(document).ready(function() {
    $('#select-all').change(function() {
        $('.wishlist-checkbox').prop('checked', $(this).prop('checked'));
        updateBulkDeleteButton();
    });
    
    $('.wishlist-checkbox').change(function() {
        updateBulkDeleteButton();
    });
    
    function updateBulkDeleteButton() {
        var checked = $('.wishlist-checkbox:checked').length;
        $('#bulk-delete-btn').prop('disabled', checked === 0);
    }
    
    $('#bulk-delete-btn').click(function() {
        var ids = [];
        $('.wishlist-checkbox:checked').each(function() {
            ids.push($(this).val());
        });
        
        if (ids.length === 0) {
            alert('Please select at least one wishlist entry.');
            return;
        }
        
        if (confirm('Are you sure you want to delete ' + ids.length + ' wishlist entries?')) {
            $('#bulk-ids').val(ids.join(','));
            $('#bulk-delete-form').submit();
        }
    });
});
</script>
@endpush