@extends('admin.layout.app')
@section('title', 'Seller Inquiries - ' . $seller->name)
@section('content')

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="content-area">
                    <main id="main" class="main-content">
                        <div class="tfcl-dashboard">

                            {{-- Back --}}
                            <div class="mb-3">
                                <a href="{{url()->previous()}}"
                                   class="btn btn-sm btn-light fw-bold">
                                    <i class="fas fa-arrow-left me-1"></i> Back
                                </a>
                            </div>

                            {{-- Header --}}
                            <div class="inq-page-header">
                                <div class="seller-info">
                                    <img
                                        src="{{ $seller->getFirstMediaUrl('profile_pictures') ?: asset('assets/images/avatar.webp') }}"
                                        class="seller-avatar" alt="{{ $seller->name }}">
                                    <div>
                                        <p class="seller-name">{{ $seller->name }}</p>
                                        <p class="seller-meta">
                                            <i class="fas fa-envelope me-1"></i> {{ $seller->email }}
                                            &nbsp;·&nbsp;
                                            <i class="fas fa-phone me-1"></i> {{ $seller->phone ?? 'N/A' }}
                                        </p>
                                    </div>
                                </div>
                                <div class="total-badge">
                                    <i class="far fa-calendar-check me-2"></i>
                                    {{ $inquiries->count() }} Total {{ Str::plural('Inquiry', $inquiries->count()) }}
                                </div>
                            </div>

                            {{-- Grouped by Listing --}}
                            @php
                                $grouped = $inquiries->groupBy('car_listing_id');
                            @endphp

                            @forelse($grouped as $listingId => $listingInquiries)
                                @php $listing = $listingInquiries->first()->listing; @endphp

                                <div class="car-inquiry-card">

                                    {{-- Car Header — click pe car view page --}}
                                    <a href="{{ route('admin.listings.view',$listing->id) }}"
                                       class="car-header" target="_blank">
                                        <img
                                            src="{{ $listing->getFirstMediaUrl('car_images') ?: asset('assets/images/section/slider-listing1.jpg') }}"
                                            class="car-thumb"
                                            alt="{{ $listing->title }}">
                                        <div class="car-info">
                                            <p class="car-title">{{ $listing->title ?? 'Listing #' . $listing->id }}</p>
                                            <p class="car-meta">
                                                <i class="fas fa-tag me-1" style="color:#1471C7;"></i>
                                                {{ $listing->status ?? 'N/A' }}
                                                &nbsp;·&nbsp;
                                                <i class="far fa-calendar me-1"></i>
                                                {{ $listing->created_at->format('M d, Y') }}
                                            </p>
                                        </div>
                                        <span class="car-inq-count">
                                            {{ $listingInquiries->count() }} {{ Str::plural('Inquiry', $listingInquiries->count()) }}
                                        </span>
                                        <i class="fas fa-external-link-alt car-arrow"></i>
                                    </a>

                                    {{-- Inquiries --}}
                                    @foreach($listingInquiries as $inq)
                                        <div class="inquiry-row">
                                            {{-- Avatar initials --}}
                                            <div class="inq-avatar">
                                                {{ strtoupper(substr($inq->first_name, 0, 1)) }}
                                            </div>

                                            {{-- Name & Contact --}}
                                            <div style="min-width: 160px;">
                                                <p class="inq-name">{{ $inq->first_name }} {{ $inq->last_name }}</p>
                                                <p class="inq-contact">
                                                    <i class="fas fa-phone me-1"></i> {{ $inq->phone }}
                                                    @if($inq->email)
                                                        &nbsp;·&nbsp; <i
                                                            class="fas fa-envelope me-1"></i> {{ $inq->email }}
                                                    @endif
                                                </p>
                                            </div>

                                            {{-- Message --}}
                                            <div class="inq-message">
                                                {{ $inq->message ?? 'Confirm availability' }}
                                            </div>

                                            {{-- Time --}}
                                            <div class="inq-time">
                                                <i class="far fa-clock me-1"></i>
                                                {{ $inq->created_at->diffForHumans() }}
                                                <br>
                                                <span style="font-size:10px;">
                                                    {{ $inq->created_at->format('M d, Y') }}
                                                </span>
                                            </div>
                                            {{-- Status Badge --}}
                                            @php
                                                $statusMap = [
                                                    'pending'       => ['pill' => 'pill-pending',   'dot' => 'dot-pending',   'label' => 'Pending'],
                                                    'contacted'     => ['pill' => 'pill-contacted', 'dot' => 'dot-contacted', 'label' => 'Contacted'],
                                                    'not-available' => ['pill' => 'pill-na',        'dot' => 'dot-na',        'label' => 'Not Available'],
                                                ];
                                                $s = $statusMap[$inq->status] ?? $statusMap['pending'];
                                            @endphp
                                            <div>
    <span class="status-pill {{ $s['pill'] }}">
        <span class="dot {{ $s['dot'] }}"></span>
        {{ $s['label'] }}
    </span>
                                            </div>
                                        </div>
                                    @endforeach

                                </div>
                            @empty
                                <div class="empty-state">
                                    <svg width="56" height="56" viewBox="0 0 24 24" fill="#e0e0e0">
                                        <path
                                            d="M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z"/>
                                    </svg>
                                    <p>No inquiries found for this seller.</p>
                                </div>
                            @endforelse

                        </div>
                    </main>
                </div>
            </div>
        </div>
    </div>


@endsection