@extends('layouts.admin')
@section('title', $listing->displayTitle())

@section('content')
<div class="d-flex flex-wrap align-items-center gap-3 mb-3">
    <div class="me-auto">
        <h2 class="h5 mb-0">{{ $listing->displayTitle() }} @include('partials.status', ['status' => $listing->status_id])</h2>
        <div class="small text-muted-2">{{ $listing->listingType->name }} · listing #{{ $listing->id }} · created {{ ist($listing->created_at) }}</div>
    </div>
    @include('partials.actions', ['actions' => $actions, 'route' => route('admin.listings.status', $listing), 'id' => 'lst'])
</div>

@if ($listing->moderation_note)
    <div class="alert alert-warning small"><strong>Moderation note</strong> ({{ $listing->moderatedBy?->displayName() }}, {{ ist($listing->moderated_at) }}): {{ $listing->moderation_note }}</div>
@endif
@if ($listing->media->isEmpty())
    <div class="alert alert-danger small"><i class="bi bi-exclamation-triangle"></i> This listing has no photo. Listings need at least one photo to go live (BRL-05).</div>
@endif

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card mb-3">
            <div class="card-header">Photos and videos <span class="text-muted-2 fw-normal">({{ $listing->media->count() }} / {{ $listing->listingType->max_media_count }})</span></div>
            <div class="card-body">
                <div class="media-grid">
                    @forelse ($listing->media as $m)
                        <div class="item">
                            @if ($m->is_cover)<span class="badge text-bg-warning">Cover</span>@endif
                            @php $url = \App\Services\MediaService::url($m->mediaFile); @endphp
                            @if ($m->mediaFile?->media_kind === 'video')
                                <video src="{{ $url }}" controls preload="none"></video>
                            @elseif ($m->mediaFile)
                                <a href="{{ $url }}" target="_blank" rel="noopener"><img src="{{ $url }}" alt="{{ $m->caption }}" loading="lazy"></a>
                            @endif
                        </div>
                    @empty
                        <div class="text-muted-2">No media.</div>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header">Key details</div>
            <div class="card-body">
                <dl class="dl-grid">@foreach ($keyDetails as $k => $v)<dt>{{ $k }}</dt><dd>{{ $v }}</dd>@endforeach</dl>
                @if ($listing->description)<hr><p class="mb-0" style="white-space:pre-line">{{ $listing->description }}</p>@endif
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header">Enquiries <span class="text-muted-2 fw-normal">({{ $listing->enquiry_count }})</span></div>
            <div class="table-responsive"><table class="table table-sm">
                <thead><tr><th>Buyer</th><th>Channel</th><th>Message</th><th>Status</th><th>When</th></tr></thead>
                <tbody>
                @forelse ($enquiries as $e)
                    <tr><td><a href="{{ route('admin.users.show', $e->buyer_user_id) }}">{{ $e->buyer->displayName() }}</a></td>
                        <td>{{ $e->channel?->label }}</td><td class="small">{{ \Illuminate\Support\Str::limit($e->message, 60) ?: '—' }}</td>
                        <td>@include('partials.status', ['status' => $e->status_id])</td><td class="small">{{ ist($e->created_at) }}</td></tr>
                @empty
                    <tr><td colspan="5" class="text-muted-2">No enquiries yet.</td></tr>
                @endforelse
                </tbody>
            </table></div>
        </div>

        @if ($reports->isNotEmpty())
            <div class="card mb-3 border-danger">
                <div class="card-header text-danger"><i class="bi bi-flag me-1"></i> Reports on this listing</div>
                <ul class="list-group list-group-flush">
                    @foreach ($reports as $r)
                        <li class="list-group-item small d-flex justify-content-between"><span><strong>{{ $r->reason?->label }}</strong> — {{ $r->details ?: 'no details' }} <span class="text-muted-2">({{ $r->reporter->displayName() }})</span></span>
                            @include('partials.status', ['status' => $r->status_id])</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-header">Seller</div>
            <div class="card-body">
                <a href="{{ route('admin.users.show', $listing->seller) }}" class="fw-semibold">{{ $listing->seller->displayName() }}</a>
                <div class="small text-muted-2">{{ $listing->sellerRole?->name }} · {{ $sellerListingCount }} listings · member since {{ ist($listing->seller->created_at, 'M Y') }}</div>
                <div class="small mt-1">{{ $listing->seller->fullPhone() }}</div>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-header">Listing life</div>
            <div class="card-body">
                <dl class="dl-grid small">
                    <dt>Location</dt><dd>{{ $listing->location_text ?? $listing->district?->name ?? '—' }}</dd>
                    <dt>Submitted</dt><dd>{{ ist($listing->submitted_at) }}</dd>
                    <dt>Published</dt><dd>{{ ist($listing->published_at) }}</dd>
                    <dt>Expires</dt><dd>{{ ist($listing->expires_at) }}</dd>
                    <dt>Closed</dt><dd>{{ ist($listing->closed_at) }}</dd>
                    <dt>Views</dt><dd>{{ indian_number($listing->view_count) }}</dd>
                    <dt>Favourites</dt><dd>{{ indian_number($listing->favourite_count) }}</dd>
                </dl>
            </div>
        </div>
        @include('partials.history', ['history' => $history])
    </div>
</div>
@endsection