@extends('backend.layouts.app')

@section('content')
<style>
.info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px 20px;margin-bottom:16px}
.info-label{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;margin-bottom:4px}
.info-value{font-size:14px;font-weight:600;color:#1a1a2e}
.seller-row{border:1px solid #e9ecef;border-radius:10px;padding:14px 16px;margin-bottom:10px;background:#fff;transition:box-shadow .2s}
.seller-row:hover{box-shadow:0 2px 12px rgba(0,0,0,.08)}
.seller-row.matched{border-left:4px solid #28a745}
.seller-row.unmatched{border-left:4px solid #e9ecef}
.plan-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}
.pb-premium{background:#e8f0fe;color:#3c6bff}
.pb-free{background:#e9ecef;color:#495057}
.pb-expired{background:#f8d7da;color:#721c24}
.pb-noplan{background:#fff3cd;color:#856404}
.radius-ok{color:#28a745;font-weight:700}
.radius-zero{color:#dc3545;font-weight:700}
.ab{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none;border:none;cursor:pointer;white-space:nowrap}
.ab:hover{opacity:.88;text-decoration:none;color:#fff}
.ab-assign{background:#e8650f;color:#fff}
.ab-call{background:#2ed573;color:#fff}
.ab-wa{background:#25D366;color:#fff}
.ab-notify{background:#3c6bff;color:#fff}
.dist-pill{background:#e8f4fd;color:#1e90ff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}
.warning-box{background:#fff8f0;border:1px solid #ffd0a0;border-radius:8px;padding:10px 14px;font-size:12px;color:#856404}
</style>

@php
    $buyerLat  = $userInquiry->latitude  ?? 0;
    $buyerLng  = $userInquiry->longitude ?? 0;
    $categoryName = $userInquiry->category->name ?? 'N/A';
    $isMatched = $userInquiry->seller_id ? true : false;
    $assignedShop = $userInquiry->seller_id ? \App\Models\Shop::where('user_id',$userInquiry->seller_id)->first() : null;
@endphp

{{-- Enquiry Info Card --}}
<div class="info-card">
    <div class="row">
        <div class="col-md-3 mb-2">
            <div class="info-label">Buyer</div>
            <div class="info-value">{{ $userInquiry->buyer_name ?? 'Guest' }}</div>
            <div style="font-size:13px;color:#666">{{ $userInquiry->buyer_phone }}</div>
        </div>
        <div class="col-md-3 mb-2">
            <div class="info-label">Category</div>
            <div class="info-value">{{ $categoryName }}</div>
            @if($userInquiry->product_name)
            <div style="font-size:12px;color:#888">{{ Str::limit($userInquiry->product_name,30) }}</div>
            @endif
        </div>
        <div class="col-md-3 mb-2">
            <div class="info-label">Location</div>
            <div class="info-value">{{ $userInquiry->city ?? 'N/A' }}</div>
            <div style="font-size:12px;color:#888">{{ $userInquiry->district }}, {{ $userInquiry->state }}</div>
            @if($buyerLat && $buyerLng)
            <div style="font-size:11px;color:#aaa">📍 {{ $buyerLat }}, {{ $buyerLng }}</div>
            @endif
        </div>
        <div class="col-md-3 mb-2">
            <div class="info-label">Enquiry Status</div>
            @if($isMatched)
                <span style="background:#d4edda;color:#155724;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700">
                    ✅ Assigned: {{ $assignedShop->name ?? 'Unknown' }}
                </span>
            @else
                <span style="background:#f8d7da;color:#721c24;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700">
                    ⚠️ Unmatched — needs assignment
                </span>
            @endif
            <div style="font-size:11px;color:#888;margin-top:4px">
                {{ $userInquiry->created_at->format('d M Y h:i A') }}
            </div>
        </div>
    </div>
</div>

{{-- Sellers List --}}
<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between flex-wrap" style="gap:8px">
        <div>
            <h5 class="mb-0 h6">
                Nearby Sellers for "{{ $categoryName }}"
                <span class="badge badge-primary ml-1">{{ $sellerList->total() }} found</span>
            </h5>
            <small class="text-muted">Sorted by distance from buyer location</small>
        </div>
        <div class="d-flex" style="gap:8px">
            <button class="btn btn-sm btn-outline-primary" onclick="selectAll()">Select All</button>
            <button class="btn btn-sm btn-primary" onclick="bulkNotify()">
                <i class="lab la-telegram-plane"></i> Notify Selected
            </button>
        </div>
    </div>

    <div class="card-body p-3">
        @if($sellerList->count() > 0)

        @php $rank = 1; @endphp
        @foreach($sellerList as $seller)
        @php
            $shop        = $seller->shop ?? null;
            $plan        = $shop ? $shop->seller_package : null;
            $shopPhone   = preg_replace('/\D/','',$seller->phone ?? '');
            $dist        = isset($seller->distance) ? round($seller->distance, 1) : null;
            $radius      = $plan->radius_range ?? 0;
            $leadsLimit  = $plan->leads_limit  ?? 0;
            $planExpiry  = $shop->package_invalid_at ?? null;
            $isExpired   = $planExpiry && \Carbon\Carbon::parse($planExpiry)->isPast();
            $isWithin    = $dist !== null && $radius > 0 && $dist <= $radius;
            $isAssigned  = $userInquiry->seller_id == $seller->id;

            // Today leads count
            $todayLeads = \App\Models\CustomerInquiry::where('seller_id',$seller->id)
                ->whereDate('created_at', today())->count();

            // Plan badge
            if(!$plan) { $planClass = 'pb-noplan'; $planText = '⚠️ No Plan'; }
            elseif($isExpired) { $planClass = 'pb-expired'; $planText = '❌ Expired'; }
            else { $planClass = 'pb-premium'; $planText = '✅ '.$plan->name; }
        @endphp

        <div class="seller-row {{ $isAssigned ? 'matched' : 'unmatched' }}">
            <div class="d-flex align-items-start" style="gap:12px">
                {{-- Rank + Checkbox --}}
                <div style="text-align:center;min-width:40px">
                    <label class="aiz-checkbox mb-0">
                        <input type="checkbox" class="check-one" name="id[]" value="{{ $seller->id }}">
                        <span class="aiz-square-check"></span>
                    </label>
                    <div style="font-size:11px;color:#aaa;margin-top:2px">#{{ $rank }}</div>
                </div>

                {{-- Shop Logo --}}
                @if($shop && $shop->logo)
                <img src="{{ uploaded_asset($shop->logo) }}"
                     style="width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid #f0f0f0;flex-shrink:0"
                     onerror="this.style.display='none'">
                @endif

                {{-- Main Info --}}
                <div style="flex:1;min-width:0">
                    <div class="d-flex align-items-center flex-wrap" style="gap:8px;margin-bottom:6px">
                        <span style="font-weight:700;font-size:14px;color:#1a1a2e">
                            {{ $shop->name ?? $seller->name }}
                        </span>
                        @if($isAssigned)
                        <span style="background:#d4edda;color:#155724;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700">✅ Currently Assigned</span>
                        @endif
                        <span class="plan-badge {{ $planClass }}">{{ $planText }}</span>
                    </div>

                    {{-- Key metrics row --}}
                    <div class="d-flex flex-wrap" style="gap:16px;margin-bottom:8px">
                        {{-- Distance --}}
                        <div>
                            <div style="font-size:11px;color:#888">Distance</div>
                            @if($dist !== null)
                            <span class="dist-pill">📍 {{ $dist }} km</span>
                            @else
                            <span style="color:#aaa;font-size:12px">N/A</span>
                            @endif
                        </div>

                        {{-- Radius --}}
                        <div>
                            <div style="font-size:11px;color:#888">Plan Radius</div>
                            @if($radius == 0)
                            <span class="radius-zero">⚠️ 0 km (no limit set)</span>
                            @else
                            <span class="{{ $isWithin ? 'radius-ok' : 'text-danger' }}" style="font-size:13px">
                                {{ $radius }} km
                                @if($dist !== null)
                                    {{ $isWithin ? '✅ within range' : '❌ out of range' }}
                                @endif
                            </span>
                            @endif
                        </div>

                        {{-- Leads --}}
                        <div>
                            <div style="font-size:11px;color:#888">Leads (today/limit)</div>
                            <span style="font-size:13px;font-weight:600;color:{{ $leadsLimit > 0 && $todayLeads >= $leadsLimit ? '#dc3545' : '#28a745' }}">
                                {{ $todayLeads }} / {{ $leadsLimit == 0 ? '∞' : $leadsLimit }}
                                @if($leadsLimit > 0 && $todayLeads >= $leadsLimit)
                                <span style="color:#dc3545;font-size:11px">⚠️ limit reached</span>
                                @endif
                            </span>
                        </div>

                        {{-- Plan expiry --}}
                        @if($planExpiry)
                        <div>
                            <div style="font-size:11px;color:#888">Plan Valid Till</div>
                            <span style="font-size:12px;color:{{ $isExpired ? '#dc3545' : '#28a745' }};font-weight:600">
                                {{ \Carbon\Carbon::parse($planExpiry)->format('d M Y') }}
                                {{ $isExpired ? '❌ Expired' : '✅' }}
                            </span>
                        </div>
                        @endif

                        {{-- Location --}}
                        <div>
                            <div style="font-size:11px;color:#888">Seller Location</div>
                            <span style="font-size:12px;color:#555">
                                {{ $seller->city ?? '' }} {{ $seller->state ? ', '.$seller->state : '' }}
                            </span>
                        </div>
                    </div>

                    {{-- Warnings --}}
                    @if($radius == 0)
                    <div class="warning-box mb-2">⚠️ Radius = 0 km — automatic leads వెళ్ళవు. Admin manually assign చేయాలి లేదా plan update చేయాలి.</div>
                    @elseif(!$isWithin && $dist !== null)
                    <div class="warning-box mb-2">⚠️ Buyer {{ $dist }} km దూరంలో ఉన్నారు, seller radius {{ $radius }} km మాత్రమే — range బయట ఉంది.</div>
                    @endif
                    @if($isExpired)
                    <div class="warning-box mb-2">❌ Plan expired — automatic leads వెళ్ళవు.</div>
                    @endif

                    {{-- Actions --}}
                    <div class="d-flex flex-wrap" style="gap:6px">
                        @if(!$isAssigned)
                        <button class="ab ab-assign"
                            onclick="assignSeller({{ $userInquiry->id }}, {{ $seller->id }}, '{{ addslashes($shop->name ?? $seller->name) }}')">
                            📋 Assign This Seller
                        </button>
                        @endif
                        @if($seller->phone)
                        <a href="tel:{{ $seller->phone }}" class="ab ab-call">📞 Call</a>
                        <a href="https://wa.me/{{ $shopPhone }}" target="_blank" class="ab ab-wa">💬 WhatsApp</a>
                        @endif
                        <button class="ab ab-notify"
                            onclick="notifySeller({{ $seller->id }}, {{ $userInquiry->id }})">
                            🔔 Send Notification
                        </button>
                    </div>
                </div>
            </div>
        </div>
        @php $rank++; @endphp
        @endforeach

        <div class="aiz-pagination mt-3">{{ $sellerList->links() }}</div>

        @else
        <div class="text-center py-5">
            <div style="font-size:48px">🔍</div>
            <h5 class="mt-3 text-muted">No sellers found for "{{ $categoryName }}"</h5>
            <p class="text-muted" style="font-size:13px">
                ఈ category లో sellers లేరు లేదా location data లేదు.
            </p>
        </div>
        @endif
    </div>
</div>

{{-- Toast --}}
<div id="toast" style="display:none;position:fixed;bottom:24px;right:24px;background:#28a745;color:#fff;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.15)"></div>
@endsection

@section('script')
<script>
function assignSeller(enquiryId, sellerId, sellerName){
    if(!confirm('Assign "' + sellerName + '" to this enquiry and send notification?')) return;
    $.ajax({
        headers:{'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
        url:'/admin/enquiry-assign/'+enquiryId,
        type:'POST',
        data:{seller_id:sellerId},
        success:function(r){
            if(r.success){
                showToast('✅ Assigned to ' + sellerName + ' and notified!');
                setTimeout(function(){ location.reload(); }, 1500);
            } else {
                showToast('❌ Failed: ' + (r.message||''), 'danger');
            }
        },
        error:function(){ showToast('❌ Error occurred','danger'); }
    });
}

function notifySeller(sellerId, enquiryId){
    $.ajax({
        headers:{'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
        url:'/admin/seller-notify',
        type:'POST',
        data:{seller_id:sellerId, enquiry_id:enquiryId},
        success:function(r){
            showToast(r.success ? '✅ Notification sent!' : '❌ Failed');
        },
        error:function(){ showToast('❌ Error','danger'); }
    });
}

function bulkNotify(){
    var ids = [];
    $('.check-one:checked').each(function(){ ids.push($(this).val()); });
    if(!ids.length){ alert('Please select at least one seller'); return; }
    $.ajax({
        headers:{'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
        url:'/admin/seller-bulk-notify',
        type:'POST',
        data:{seller_ids:ids, enquiry_id:{{ $userInquiry->id }}},
        success:function(r){
            showToast(r.success ? '✅ Notified ' + ids.length + ' sellers!' : '❌ Failed');
        },
        error:function(){ showToast('❌ Error','danger'); }
    });
}

function selectAll(){
    var allChecked = $('.check-one:checked').length === $('.check-one').length;
    $('.check-one').prop('checked', !allChecked);
}

function showToast(msg, type){
    var t = document.getElementById('toast');
    t.textContent = msg;
    t.style.background = (type==='danger') ? '#dc3545' : '#28a745';
    t.style.display = 'block';
    setTimeout(function(){ t.style.display='none'; }, 3000);
}
</script>
@endsection