@extends('admin.layout')

@section('content')
<div class="page-header">
    <div>
        <a href="{{ route('admin.listings') }}" class="back-link">← Back to Listings</a>
        <div class="page-title" style="margin-top:8px">{{ $listing->title }}</div>
    </div>
    <div style="display:flex;gap:8px">
        @if(!$listing->admin_approved)
            <form method="POST" action="{{ route('admin.listings.approve', $listing->id) }}">
                @csrf @method('PATCH')
                <button class="btn btn-green">✓ Approve</button>
            </form>
        @endif
        <form method="POST" action="{{ route('admin.listings.feature', $listing->id) }}">
            @csrf @method('PATCH')
            <button class="btn {{ $listing->is_featured ? 'btn-grey' : 'btn-black' }}">
                {{ $listing->is_featured ? '★ Unfeature' : '☆ Feature' }}
            </button>
        </form>
    </div>
</div>

<div class="detail-grid">
    <div>
        @if($listing->images->count() > 0)
        <div class="card">
            <img src="{{ $listing->images->first()->url }}" style="width:100%;border-radius:4px;object-fit:cover;max-height:300px">
        </div>
        @endif

        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Details</h3>
            <div class="info-row"><span class="info-label">Brand</span><span>{{ $listing->brand ?? '—' }}</span></div>
            <div class="info-row"><span class="info-label">Category</span><span>{{ $listing->category }}</span></div>
            <div class="info-row"><span class="info-label">Size</span><span>{{ $listing->size }}</span></div>
            <div class="info-row"><span class="info-label">Colour</span><span>{{ $listing->colour ?? '—' }}</span></div>
            <div class="info-row"><span class="info-label">Condition</span><span>{{ $listing->condition }}</span></div>
            <div class="info-row"><span class="info-label">RRP</span><span>£{{ $listing->rrp ?? '—' }}</span></div>
            <div class="info-row"><span class="info-label">4 Days</span><span>£{{ $listing->price_4d }}</span></div>
            <div class="info-row"><span class="info-label">8 Days</span><span>£{{ $listing->price_8d }}</span></div>
            <div class="info-row"><span class="info-label">12 Days</span><span>£{{ $listing->price_12d }}</span></div>
            <div class="info-row"><span class="info-label">30 Days</span><span>£{{ $listing->price_30d }}</span></div>
            <div class="info-row"><span class="info-label">Deposit</span><span>£{{ $listing->deposit_amount }}</span></div>
            <div class="info-row"><span class="info-label">Booking Type</span><span>{{ ucfirst($listing->booking_type) }}</span></div>
            <div class="info-row"><span class="info-label">Shipping</span><span>{{ ucfirst($listing->shipping_type) }}</span></div>
        </div>
    </div>

    <div>
        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Status</h3>
            <div class="info-row">
                <span class="info-label">Status</span>
                <form method="POST" action="{{ route('admin.listings.status', $listing->id) }}" style="display:inline">
                    @csrf @method('PATCH')
                    <select name="status" onchange="this.form.submit()">
                        <option value="active" {{ $listing->status === 'active' ? 'selected' : '' }}>Active</option>
                        <option value="paused" {{ $listing->status === 'paused' ? 'selected' : '' }}>Paused</option>
                        <option value="deleted" {{ $listing->status === 'deleted' ? 'selected' : '' }}>Deleted</option>
                    </select>
                </form>
            </div>
            <div class="info-row">
                <span class="info-label">Admin Approved</span>
                <span>{{ $listing->admin_approved ? '✅ Yes' : '❌ No' }}</span>
            </div>
            <div class="info-row">
                <span class="info-label">Featured</span>
                <span>{{ $listing->is_featured ? '⭐ Yes' : 'No' }}</span>
            </div>
            @if($listing->admin_rejection_reason)
            <div class="info-row">
                <span class="info-label">Rejection Reason</span>
                <span style="color:#c62828">{{ $listing->admin_rejection_reason }}</span>
            </div>
            @endif
        </div>

        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Lender</h3>
            <div class="info-row"><span class="info-label">Name</span><span>{{ $listing->user->name }}</span></div>
            <div class="info-row"><span class="info-label">Email</span><span>{{ $listing->user->email }}</span></div>
            <div class="info-row">
                <span class="info-label">Profile</span>
                <a href="{{ route('admin.users.show', $listing->user->id) }}" class="btn btn-grey btn-sm">View User</a>
            </div>
        </div>

        @if(!$listing->admin_approved)
        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Reject Listing</h3>
            <form method="POST" action="{{ route('admin.listings.reject', $listing->id) }}">
                @csrf @method('PATCH')
                <div class="form-group">
                    <label>Reason for rejection</label>
                    <textarea name="reason" required placeholder="Explain why this listing is being rejected..."></textarea>
                </div>
                <button class="btn btn-red">Reject Listing</button>
            </form>
        </div>
        @endif

        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Bookings ({{ $listing->bookings->count() }})</h3>
            @forelse($listing->bookings->take(5) as $booking)
                <div class="info-row">
                    <span>#{{ $booking->id }} — {{ $booking->start_date }}</span>
                    <span class="badge badge-{{ $booking->status === 'completed' ? 'green' : 'grey' }}">{{ $booking->status }}</span>
                </div>
            @empty
                <p style="color:#888;font-size:13px">No bookings yet</p>
            @endforelse
        </div>
    </div>
</div>
@endsection