@extends('admin.layout')

@section('content')
<div class="page-header">
    <div class="page-title">
        Listings
        @if($pendingCount > 0)
            <span class="badge badge-orange" style="font-size:13px;margin-left:8px">{{ $pendingCount }} pending approval</span>
        @endif
    </div>
    <a href="{{ route('admin.listings.create') }}" class="btn btn-black">+ Create Listing</a>
</div>

<div class="card">
    <form method="GET" class="search-bar">
        <input type="text" name="search" placeholder="Search title or brand..." value="{{ request('search') }}">
        <select name="status">
            <option value="">All Status</option>
            <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active</option>
            <option value="paused" {{ request('status') === 'paused' ? 'selected' : '' }}>Paused</option>
            <option value="deleted" {{ request('status') === 'deleted' ? 'selected' : '' }}>Deleted</option>
        </select>
        <select name="filter">
            <option value="">All</option>
            <option value="pending" {{ request('filter') === 'pending' ? 'selected' : '' }}>Pending Approval</option>
            <option value="featured" {{ request('filter') === 'featured' ? 'selected' : '' }}>Featured</option>
        </select>
        <button type="submit">Search</button>
    </form>

    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Lender</th>
                <th>Price (4d)</th>
                <th>Status</th>
                <th>Approved</th>
                <th>Featured</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($listings as $listing)
            <tr>
                <td>
                    <strong>{{ $listing->title }}</strong><br>
                    <small style="color:#888">{{ $listing->brand ?? '—' }} · {{ $listing->size }}</small>
                </td>
                <td>{{ $listing->user->name }}</td>
                <td>£{{ $listing->price_4d }}</td>
                <td>
                    @if($listing->status === 'active') <span class="badge badge-green">Active</span>
                    @elseif($listing->status === 'paused') <span class="badge badge-orange">Paused</span>
                    @else <span class="badge badge-red">Deleted</span>
                    @endif
                </td>
                <td>
                    @if($listing->admin_approved) <span class="badge badge-green">✓</span>
                    @else <span class="badge badge-orange">Pending</span>
                    @endif
                </td>
                <td>{{ $listing->is_featured ? '⭐' : '—' }}</td>
                <td style="display:flex;gap:4px;flex-wrap:wrap">
                    <a href="{{ route('admin.listings.show', $listing->id) }}" class="btn btn-grey btn-sm">View</a>
                    <a href="{{ route('admin.listings.edit', $listing->id) }}" class="btn btn-black btn-sm">Edit</a>
                    @if(!$listing->admin_approved)
                        <form method="POST" action="{{ route('admin.listings.approve', $listing->id) }}" style="display:inline">
                            @csrf @method('PATCH')
                            <button class="btn btn-green btn-sm">Approve</button>
                        </form>
                    @endif
                    <form method="POST" action="{{ route('admin.listings.feature', $listing->id) }}" style="display:inline">
                        @csrf @method('PATCH')
                        <button class="btn btn-grey btn-sm">{{ $listing->is_featured ? 'Unfeature' : 'Feature' }}</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div class="pagination">{{ $listings->links() }}</div>
</div>
@endsection