@extends('backend.layouts.app')

@section('content')
<style>
.stat-box{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px 20px;text-align:center}
.stat-num{font-size:26px;font-weight:700;margin-bottom:2px}
.stat-label{font-size:12px;color:#888}
.badge-s{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block;width:auto !important}
.bs-new{background:#e9ecef;color:#495057}
.bs-called{background:#d1ecf1;color:#0c5460}
.bs-interested{background:#d4edda;color:#155724}
.bs-not_interested{background:#f8d7da;color:#721c24}
.bs-followup{background:#fff3cd;color:#856404}
.bs-unmatched{background:#f8d7da;color:#721c24}
.aiz-table td{vertical-align:middle;font-size:13px}
.aiz-table th{font-size:12px;font-weight:600;color:#555;background:#f8f9fa}
.filter-wrap{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:12px 16px;margin-bottom:16px}
.badge{width:auto !important}
</style>

{{-- Stats --}}
@php
    $total      = $inquiries->total();
    $todayCount = \App\Models\CustomerInquiry::whereDate('created_at', today())->count();
    $newCount   = \App\Models\CustomerInquiry::where(function($q){ $q->where('lead_status','new')->orWhereNull('lead_status'); })->count();
    $interested = \App\Models\CustomerInquiry::where('lead_status','interested')->count();
    $unmatched  = \App\Models\CustomerInquiry::whereNull('seller_id')->count();
    $conversion = $total > 0 ? round(($interested/$total)*100,1) : 0;
@endphp
<div class="row mb-3">
    <div class="col-6 col-md-2 mb-2"><div class="stat-box"><div class="stat-num text-primary">{{ $total }}</div><div class="stat-label">Total</div></div></div>
    <div class="col-6 col-md-2 mb-2"><div class="stat-box"><div class="stat-num text-danger">{{ $todayCount }}</div><div class="stat-label">Today</div></div></div>
    <div class="col-6 col-md-2 mb-2"><div class="stat-box"><div class="stat-num" style="color:#6c757d">{{ $newCount }}</div><div class="stat-label">🆕 Pending</div></div></div>
    <div class="col-6 col-md-2 mb-2"><div class="stat-box"><div class="stat-num text-success">{{ $interested }}</div><div class="stat-label">✅ Interested</div></div></div>
    <div class="col-6 col-md-2 mb-2"><div class="stat-box"><div class="stat-num text-danger">{{ $unmatched }}</div><div class="stat-label">⚠️ Unmatched</div></div></div>
    <div class="col-6 col-md-2 mb-2"><div class="stat-box"><div class="stat-num" style="color:#e8650f">{{ $conversion }}%</div><div class="stat-label">Conversion</div></div></div>
</div>

<div class="card">
    <div class="card-header row gutters-5">
        <div class="col"><h5 class="mb-0 h6">📋 Customer Enquiries</h5></div>
        <div class="col-auto d-flex" style="gap:8px">
            <a href="{{ route('admin.enquiries.export') }}" class="btn btn-sm btn-success"><i class="las la-file-excel"></i> Export</a>
            @can('send_inquiry')
            <button class="btn btn-sm btn-primary" onclick="showinqueryModal()"><i class="las la-plus"></i> Send Enquiry</button>
            @endcan
        </div>
    </div>

    {{-- Filters --}}
    <form method="GET" action="" class="filter-wrap mx-3 mt-3">
        <div class="row gutters-5">
            <div class="col-md-2 mb-2">
                <select name="lead_status" class="form-control form-control-sm" onchange="this.form.submit()">
                    <option value="">All Status</option>
                    <option value="new"            {{ request('lead_status')=='new'           ?'selected':'' }}>🆕 New</option>
                    <option value="called"         {{ request('lead_status')=='called'        ?'selected':'' }}>📞 Called</option>
                    <option value="interested"     {{ request('lead_status')=='interested'    ?'selected':'' }}>✅ Interested</option>
                    <option value="not_interested" {{ request('lead_status')=='not_interested'?'selected':'' }}>❌ Not Interested</option>
                    <option value="followup"       {{ request('lead_status')=='followup'      ?'selected':'' }}>🔄 Follow Up</option>
                    <option value="unmatched"      {{ request('lead_status')=='unmatched'     ?'selected':'' }}>⚠️ Unmatched</option>
                </select>
            </div>
            <div class="col-md-2 mb-2">
                <input type="text" name="search" class="form-control form-control-sm"
                    value="{{ request('search') }}" placeholder="Search name/phone...">
            </div>
            <div class="col-md-2 mb-2">
                <input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}">
            </div>
            <div class="col-md-2 mb-2">
                <input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}">
            </div>
            <div class="col-md-2 mb-2">
                <button type="submit" class="btn btn-sm btn-primary btn-block">Filter</button>
            </div>
            <div class="col-md-2 mb-2">
                <a href="{{ url()->current() }}" class="btn btn-sm btn-secondary btn-block">Clear</a>
            </div>
        </div>
    </form>

    <div class="card-body p-0">
        @if($inquiries->count() > 0)
        <div class="table-responsive">
        <table class="table aiz-table mb-0">
            <thead>
                <tr>
                    <th><label class="aiz-checkbox"><input type="checkbox" class="check-all"><span class="aiz-square-check"></span></label></th>
                    <th>#</th>
                    <th>Buyer</th>
                    <th>Category / Product</th>
                    <th>Seller / Shop</th>
                    <th>Location</th>
                    <th>Status</th>
                    <th>Quote</th>
                    <th>Notified</th>
                    <th>Date</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($inquiries as $key => $inq)
                @php
                    $status   = $inq->lead_status ?? 'new';
                    $isUnmatched = !$inq->seller_id;
                    $shop     = $inq->seller_id ? \App\Models\Shop::where('user_id',$inq->seller_id)->first() : null;
                    $shopName = $shop->name ?? ($inq->seller->name ?? '—');
                    $phone    = preg_replace('/\D/','',$inq->buyer_phone ?? '');
                @endphp
                <tr style="{{ $isUnmatched ? 'background:#fff8f0' : '' }}">
                    <td><label class="aiz-checkbox"><input type="checkbox" class="check-one" name="id[]" value="{{ $inq->id }}"><span class="aiz-square-check"></span></label></td>
                    <td>
                        <span class="text-muted" style="font-size:12px">{{ $inq->id }}</span>
                        @if($inq->IsRead == 0)<br><span style="font-size:9px;background:#3c6bff;color:#fff;padding:2px 6px;border-radius:10px;font-weight:700">NEW</span>@endif
                    </td>
                    <td>
                        <div class="font-weight-600">{{ $inq->buyer_name ?: 'Guest' }}</div>
                        @if($inq->buyer_phone)
                        <div style="font-size:12px">
                            <a href="tel:{{ $inq->buyer_phone }}" class="text-primary">{{ $inq->buyer_phone }}</a>
                        </div>
                        <a href="https://wa.me/{{ $phone }}?text={{ urlencode('Hello! Regarding your BestMart enquiry for ' . ($inq->category->name ?? 'your request') . '. Shop: ' . ($inq->shop->name ?? 'BestMart Seller') . ' - BestMart.in') }}"
                           target="_blank" class="btn btn-xs btn-success mt-1">💬 WA</a>
                        @endif
                    </td>
                    <td>
                        @if($inq->category)
                            <span style="font-size:11px;background:#3c6bff;color:#fff;padding:3px 8px;border-radius:12px;display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="{{ $inq->category->name }}">{{ $inq->category->name }}</span><br>
                        @endif
                        @if($inq->product_name)
                            <small class="text-muted">{{ Str::limit($inq->product_name,30) }}</small>
                        @endif
                    </td>
                    <td>
                        @if($isUnmatched)
                            <span class="badge badge-danger" style="font-size:11px">⚠️ Unmatched</span>
                            <br>
                            <button class="btn btn-xs btn-warning mt-1"
                                onclick="openAssign({{ $inq->id }}, '{{ addslashes($inq->buyer_name) }}', {{ $inq->category_id ?? 0 }})">
                                Assign Seller
                            </button>
                        @else
                            <div class="font-weight-600" style="font-size:13px">{{ $shopName }}</div>
                            @if($inq->seller && $inq->seller->phone)
                            <small class="text-muted">{{ $inq->seller->phone }}</small>
                            @endif
                        @endif
                    </td>
                    <td>
                        @if($inq->city)
                        <div style="font-size:12px">{{ $inq->city }}</div>
                        @if($inq->district)<small class="text-muted">{{ $inq->district }}, {{ $inq->state }}</small>@endif
                        @else <span class="text-muted">—</span> @endif
                    </td>
                    <td>
                        <select class="form-control form-control-sm update-status"
                            data-id="{{ $inq->id }}"
                            style="min-width:130px;border-radius:8px;font-size:12px"
                            onchange="updateStatus(this)">
                            <option value="new"            {{ $status=='new'           ?'selected':'' }}>🆕 New</option>
                            <option value="called"         {{ $status=='called'        ?'selected':'' }}>📞 Called</option>
                            <option value="interested"     {{ $status=='interested'    ?'selected':'' }}>✅ Interested</option>
                            <option value="not_interested" {{ $status=='not_interested'?'selected':'' }}>❌ Not Interested</option>
                            <option value="followup"       {{ $status=='followup'      ?'selected':'' }}>🔄 Follow Up</option>
                        </select>
                    </td>
                    <td>
                        @if($inq->quoted_amount)
                            <span style="background:#fff3cd;color:#856404;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:700">₹{{ number_format($inq->quoted_amount) }}</span>
                        @else
                            <span class="text-muted" style="font-size:11px">—</span>
                        @endif
                    </td>
                    <td>
                        @php $notifCount = \DB::table('enquiry_notifications')->where('enquiry_id',$inq->id)->count(); @endphp
                        @if($notifCount > 0)
                            <span style="background:#e8f0fe;color:#3c6bff;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:700">{{ $notifCount }} sellers</span>
                        @else
                            <span class="badge badge-danger" style="font-size:10px">Unmatched</span>
                        @endif
                    </td>
                    <td>
                        <div style="font-size:12px">{{ $inq->created_at->format('d M Y') }}</div>
                        <small class="text-muted">{{ $inq->created_at->diffForHumans() }}</small>
                    </td>
                    <td>
                        <div class="d-flex" style="gap:4px;flex-wrap:wrap">
                            @can('view_inquiry')
                            <button type="button"
                               class="btn btn-soft-info btn-icon btn-circle btn-sm" title="View Details"
                               onclick="openEnquiryDetail({{ $inq->id }})">
                                <i class="las la-eye"></i>
                            </button>
                            @endcan
                            @can('send_user_details_inquiry')
                            @if($inq->is_customer_interested == 'no')
                            <a href="{{ route('sendInquiry-notification', encrypt($inq->id)) }}"
                               class="btn btn-soft-success btn-icon btn-circle btn-sm" title="Send Notification">
                                <i class="lab la-telegram-plane"></i>
                            </a>
                            @endif
                            @endcan
                            @can('delete_user_details_inquiry')
                            <a href="{{ route('delete-inquiry', encrypt($inq->id)) }}"
                               class="btn btn-soft-danger btn-icon btn-circle btn-sm" title="Delete"
                               onclick="return confirm('Delete this enquiry?')">
                                <i class="las la-trash"></i>
                            </a>
                            @endcan
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        </div>
        <div class="p-3">{{ $inquiries->appends(request()->input())->links() }}</div>
        @else
        <div class="text-center py-5 text-muted">
            <i class="las la-inbox" style="font-size:48px"></i>
            <p class="mt-2">No enquiries found</p>
        </div>
        @endif
    </div>
</div>

{{-- Assign Seller Modal --}}
<div class="modal fade" id="assignModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Assign Seller to Enquiry</h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="assign_enquiry_id">
                <div class="form-group">
                    <label class="font-weight-600">Buyer</label>
                    <div id="assign_buyer_name" class="form-control bg-light"></div>
                </div>
                <div class="form-group">
                    <label class="font-weight-600">Select Seller</label>
                    <select class="form-control aiz-selectpicker" id="assign_seller_id" data-live-search="true">
                        <option value="">-- Select Seller --</option>
                        @foreach(\App\Models\User::where('user_type','seller')->orderBy('name')->get() as $seller)
                        <option value="{{ $seller->id }}">{{ $seller->name }} — {{ $seller->phone }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" onclick="submitAssign()">Assign & Notify</button>
            </div>
        </div>
    </div>
</div>

{{-- Toast --}}
<div id="adminToast" 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('modal')
<div class="modal fade" id="enquiryDetailModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-700">Enquiry Details</h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body" id="enquiryDetailBody">
                <div class="text-center py-4">
                    <div class="spinner-border text-primary" role="status"></div>
                    <p class="mt-2 text-muted">Loading...</p>
                </div>
            </div>
        </div>
    </div>
</div>
{{-- Send Enquiry Modal --}}
<div class="modal fade" id="inquiry-modal">
    <div class="modal-dialog modal-dialog-zoom">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title fw-600">{{ translate('Send Enquiry') }}</h6>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <form class="form-default" role="form" action="{{ route('inquiry') }}" method="POST">
                        @csrf
                        <input type="hidden" name="inquiry_from" value="admin_side">
                        <input type="hidden" name="category_id" id="category_id" value="">
                        <div class="form-group">
                            <label>{{ translate('User') }}</label>
                            <select class="form-control aiz-selectpicker" data-live-search="true" name="selectedUserId" id="user">
                                <option value="">{{ translate('Select User') }}</option>
                                @foreach(\App\Models\User::where('user_type','customer')->where('banned','0')->get() as $u)
                                <option value="{{ $u->id }}">{{ $u->name }} {{ $u->phone }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group position-relative">
                            <label>{{ translate('Product/Service name') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control product" id="product_name" name="product_name"
                                placeholder="{{ translate('product name') }}" onkeyup="productget('{{ route('categorysearch') }}')" required>
                            <div id="productlist" class="productlist d-none shadow-lg"></div>
                        </div>
                        <div class="form-group">
                            <label>{{ translate('Buyer Name') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="buyer_name" name="buyer_name" required>
                        </div>
                        <div class="form-group position-relative">
                            <label>{{ translate('Location / Pincode') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control pincode" id="pincode" name="pincode"
                                onkeyup="pincodeget('{{ route('pincodesearch') }}')" required>
                            <div id="pincodelist" class="pincodelist d-none"></div>
                        </div>
                        <input type="hidden" name="city" id="city">
                        <input type="hidden" name="postal_code" id="postal_code">
                        <input type="hidden" name="district" id="district">
                        <input type="hidden" name="state" id="state">
                        <input type="hidden" name="latitude" id="latitude">
                        <input type="hidden" name="longitude" id="longitude">
                        <div class="form-group">
                            <label>{{ translate('Contact Number') }} <span class="text-danger">*</span></label>
                            <input type="tel" class="form-control" id="buyer_phone" name="buyer_phone">
                            <input type="hidden" name="country_code" value="91">
                        </div>
                        <button type="submit" class="btn btn-primary btn-block fw-600">{{ translate('Submit') }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
console.log('SCRIPT LOADED');
function showinqueryModal(){ $('#inquiry-modal').modal(); }

window.openEnquiryDetail = function(id){
    $('#enquiryDetailBody').html('<div class="text-center py-4"><div class="spinner-border text-primary"></div><p class="mt-2 text-muted">Loading...</p></div>');
    $('#enquiryDetailModal').modal('show');
    $.get('/admin/enquiry-detail/'+id, function(res){
        if(!res.success){ $('#enquiryDetailBody').html('<p class="text-danger text-center">Failed to load</p>'); return; }
        var inq = res.inquiry;
        var sellers = res.sellers;
        var statusColors = {new:'#6c757d',called:'#17a2b8',interested:'#28a745',not_interested:'#dc3545',followup:'#ffc107'};
        var html = '<div class="row mb-3">';
        html += '<div class="col-md-3 mb-2"><div class="p-3 bg-light rounded"><small class="text-muted d-block mb-1">Buyer</small><strong>'+inq.buyer_name+'</strong><div class="text-muted" style="font-size:12px">'+inq.buyer_phone+'</div></div></div>';
        html += '<div class="col-md-3 mb-2"><div class="p-3 bg-light rounded"><small class="text-muted d-block mb-1">Category</small><strong>'+inq.category+'</strong>'+(inq.product?'<div class="text-muted" style="font-size:12px">'+inq.product+'</div>':'')+'</div></div>';
        html += '<div class="col-md-3 mb-2"><div class="p-3 bg-light rounded"><small class="text-muted d-block mb-1">Location</small><strong>'+(inq.city||'N/A')+'</strong><div class="text-muted" style="font-size:12px">'+(inq.district||'')+' '+(inq.state||'')+'</div></div></div>';
        html += '<div class="col-md-3 mb-2"><div class="p-3 bg-light rounded"><small class="text-muted d-block mb-1">Status</small><span style="background:'+(statusColors[inq.status]||'#6c757d')+';color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700">'+inq.status+'</span><div class="text-muted mt-1" style="font-size:11px">'+inq.date+'</div></div></div>';
        html += '</div>';
        // Nearby sellers hidden - notifications table has all info
        // Notifications sent section - Complete redesign
        var notifsSent = res.notifications_sent || [];
        if(notifsSent.length > 0){
            var freeCount=notifsSent.filter(function(n){return !n.is_paid;}).length;
            var paidCount=notifsSent.filter(function(n){return n.is_paid;}).length;
            var assignedCount=notifsSent.filter(function(n){return n.is_assigned;}).length;
            var lockedCount=notifsSent.filter(function(n){return n.is_locked;}).length;
            html += '<div style="margin-top:24px">';
            html += '<div class="d-flex align-items-center justify-content-between flex-wrap mb-2" style="gap:8px">';
            html += '<h6 class="font-weight-700 mb-0">Notifications Sent ('+notifsSent.length+' sellers)</h6>';
            html += '<div class="d-flex flex-wrap" style="gap:6px">';
            html += '<span style="background:#d4edda;color:#155724;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700">Assigned: '+assignedCount+'</span>';
            html += '<span style="background:#cce5ff;color:#004085;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700">Paid: '+paidCount+'</span>';
            html += '<span style="background:#e9ecef;color:#495057;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700">Free: '+freeCount+'</span>';
            html += '<span style="background:#f8d7da;color:#721c24;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700">Locked: '+lockedCount+'</span>';
            html += '</div></div>';
            html += '<div class="table-responsive">';
            html += '<table class="table table-sm table-hover" style="font-size:12px"><thead style="background:#f8f9fa"><tr>';
            html += '<th>#</th><th>Shop</th><th>Plan</th><th>Distance</th><th>Phone</th><th>Case</th><th>Status</th><th>Quote</th><th>Viewed</th><th>Lock</th><th>Actions</th>';
            html += '</tr></thead><tbody>';
            notifsSent.forEach(function(n,i){
                var planBadge = n.is_paid ? '<span style="background:#cce5ff;color:#004085;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700">'+n.plan_name+'</span>' : '<span style="background:#f8f9fa;color:#6c757d;padding:2px 6px;border-radius:8px;font-size:10px">Free</span>';
                var distColor = n.distance < 10 ? '#28a745' : n.distance < 50 ? '#856404' : '#dc3545';
                var distBadge = n.distance ? '<strong style="color:'+distColor+'">'+n.distance+' km</strong>' : '-';
                var assignBadge = n.is_assigned ? '<span style="background:#d4edda;color:#155724;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700">Assigned</span>' : '<span style="background:#e9ecef;color:#666;padding:2px 6px;border-radius:8px;font-size:10px">Notified</span>';
                var viewedBadge = n.is_read ? '<span style="color:#28a745;font-size:11px">Seen</span>' : '<span style="color:#aaa;font-size:11px">Not seen</span>';
                var lockBadge = n.is_assigned ? '<span style="color:#28a745;font-size:10px">Unlocked</span>' : (n.is_locked ? (n.free_limit_used ? '<span style="color:#dc3545;font-size:10px">Free limit used</span>' : '<span style="color:#dc3545;font-size:10px">Locked</span>') : '<span style="color:#28a745;font-size:10px">Unlocked</span>');
                var freeInfo = n.is_free ? '<div style="font-size:9px;color:#856404">Lifetime: '+n.lifetime_leads+' leads</div>' : '';
                var phone=(n.seller_phone||'').replace(/\D/g,'');
                var rowBg=n.is_assigned?'background:#f0fff4;':(n.is_locked?'background:#fff8f8;':'');
                var rowBorder=n.is_assigned?'border-left:3px solid #28a745;':'';
                html += '<tr style="'+rowBg+rowBorder+'">';
                html += '<td style="color:#aaa">'+(i+1)+'</td>';
                html += '<td><strong style="font-size:12px">'+n.shop_name+'</strong>'+freeInfo+'</td>';
                html += '<td>'+planBadge+'</td>';
                html += '<td>'+distBadge+'</td>';
                html += '<td>'+(phone?'<a href="tel:+'+phone+'" style="font-size:11px">'+n.seller_phone+'</a>':'-')+'</td>';
                html += '<td><span style="background:#e8f0fe;color:#3c6bff;padding:1px 5px;border-radius:5px;font-size:10px">'+n.case_type+'</span></td>';
                html += '<td>'+assignBadge+'<div style="font-size:9px;color:#aaa">'+n.notified_at+'</div>'+(n.assigned_at?'<div style="font-size:9px;color:#28a745">'+n.assigned_at+'</div>':'')+'</td>';
                // Quote: assigned seller కి show చేయి, లేదా quote পাঠানো seller కి
                var isQuoteSeller = inq.quoted_amount && (n.is_assigned || n.seller_id == inq.quoted_by_seller_id);
                var quoteBadge = isQuoteSeller
                    ? '<span style="background:#fff3cd;color:#856404;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:700">₹'+Number(inq.quoted_amount).toLocaleString('en-IN')+'</span>'
                      + (inq.quote_note ? '<div style="font-size:9px;color:#856404;margin-top:2px">'+inq.quote_note+'</div>' : '')
                      + (inq.quoted_at ? '<div style="font-size:9px;color:#aaa">'+inq.quoted_at+'</div>' : '')
                    : '<span style="color:#aaa;font-size:11px">—</span>';
                html += '<td>'+quoteBadge+'</td>';
                html += '<td>'+viewedBadge+'</td>';
                html += '<td>'+lockBadge+'</td>';
                html += '<td style="white-space:nowrap">';
                if(!n.is_assigned) html += '<button class="btn btn-xs btn-warning mr-1" onclick="assignFromModal('+inq.id+','+n.seller_id+',\''+encodeURIComponent(n.shop_name)+'\')">Assign</button>';
                if(n.is_locked && n.is_free) html += '<button class="btn btn-xs btn-success mr-1" onclick="adminUnlock('+inq.id+','+n.seller_id+')">Unlock</button>';
                if(phone) html += '<a href="https://wa.me/'+phone+'?text='+encodeURIComponent('Hello '+n.shop_name+'! I am contacting you regarding a BestMart enquiry. Buyer is interested in your services. Please contact them. - BestMart.in')+'" target="_blank" class="btn btn-xs btn-success">WA</a>';
                html += '</td></tr>';
            });
            html += '</tbody></table></div></div>';
        }

        // History timeline add చేయి
        var history = res.history || [];
        if(history.length > 0){
            html += '<h6 class="font-weight-700 mb-3 mt-4">📋 Status History</h6>';
            html += '<div style="border-left:3px solid #e9ecef;padding-left:16px">';
            history.forEach(function(h){
                var statusColors = {new:'#6c757d',called:'#17a2b8',interested:'#28a745',not_interested:'#dc3545',followup:'#ffc107'};
                var newColor = statusColors[h.new_status] || '#6c757d';
                var oldColor = statusColors[h.old_status] || '#6c757d';
                var typeIcon = h.changed_by_type == 'admin' ? '👨‍💼' : '🏪';
                html += '<div style="margin-bottom:12px;position:relative">';
                html += '<div style="position:absolute;left:-22px;top:4px;width:10px;height:10px;border-radius:50%;background:'+newColor+'"></div>';
                html += '<div style="font-size:12px;color:#888">'+h.ago+' · '+h.time+'</div>';
                html += '<div style="font-size:13px;font-weight:600">';
                html += typeIcon+' '+h.changed_by+' changed status: ';
                html += '<span style="background:'+oldColor+';color:#fff;padding:1px 7px;border-radius:10px;font-size:11px">'+h.old_status+'</span>';
                html += ' → ';
                html += '<span style="background:'+newColor+';color:#fff;padding:1px 7px;border-radius:10px;font-size:11px">'+h.new_status+'</span>';
                html += '</div>';
                if(h.notes) html += '<div style="font-size:12px;color:#666;margin-top:2px">📝 '+h.notes+'</div>';
                html += '</div>';
            });
            html += '</div>';
        } else {
            html += '<div class="text-muted mt-3" style="font-size:13px">📋 No status changes yet</div>';
        }

        $('#enquiryDetailBody').html(html);
    }).fail(function(){ $('#enquiryDetailBody').html('<p class="text-danger text-center">Error loading</p>'); });
}
function assignFromModal(enquiryId,sellerId,sellerName){
    if(!confirm('Assign "'+sellerName+'" to this enquiry?')) 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){ $('#enquiryDetailModal').modal('hide'); setTimeout(function(){ location.reload(); },800); } }
    });
}
function adminUnlock(enquiryId, sellerId){
    if(!confirm("Unlock this lead for seller?")) 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("✅ Lead unlocked & seller notified!");
                setTimeout(function(){ openEnquiryDetail(enquiryId); },1000);
            }
        }
    });
}
function notifyFromModal(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){ alert(r.success?'Notification sent!':'Failed'); }
    });
}


function updateStatus(el){
    $.ajax({
        headers:{'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
        url:'/admin/inquiry-status/'+el.getAttribute('data-id'),
        type:'POST', data:{status:el.value},
        success:function(r){
            if(r.success) showToast('✅ Status updated!');
        },
        error:function(){ showToast('❌ Update failed','danger'); }
    });
}

function openAssign(id, buyerName, categoryId){
    document.getElementById('assign_enquiry_id').value = id;
    document.getElementById('assign_buyer_name').textContent = buyerName;
    $('#assignModal').modal('show');
}

function submitAssign(){
    var id       = document.getElementById('assign_enquiry_id').value;
    var sellerId = document.getElementById('assign_seller_id').value;
    if(!sellerId){ alert('Please select a seller'); return; }
    $.ajax({
        headers:{'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
        url:'/admin/enquiry-assign/'+id,
        type:'POST', data:{seller_id:sellerId},
        success:function(r){
            if(r.success){
                $('#assignModal').modal('hide');
                showToast('✅ Seller assigned & notified!');
                setTimeout(function(){ location.reload(); }, 1500);
            }
        },
        error:function(){ showToast('❌ Failed to assign','danger'); }
    });
}

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

$(document).on('change','.check-all',function(){
    $('.check-one').prop('checked',this.checked);
});

function getproduct(id,type=''){
    $.ajax({ type:'post', url:'{{ route('productdetail') }}', dataType:'json',
        data:{_token:'{{ csrf_token() }}',id:id,type:type},
        success:function(response){
            $('#productlist').addClass('d-none');
            if(type=='category'){ $('#category_id').val(response.id||''); $('#product_name').val(response.name); }
        }
    });
}
function getdata(id){
    $.ajax({ type:'post', url:'{{ route('pincodedetail') }}', dataType:'json',
        data:{_token:'{{ csrf_token() }}',id:id},
        success:function(r){
            $('#pincodelist').addClass('d-none');
            $('#pincode').val(r.pincode); $('#district').val(r.district);
            $('#state').val(r.state); $('#city').val(r.city);
            $('#latitude').val(r.latitude); $('#longitude').val(r.longitude);
        }
    });
}

$('#inquiry-modal #user').on('change',function(){
    if($(this).val()){
        const url="{{ route('user.details',':id') }}".replace(':id',$(this).val());
        $.get(url,function(r){
            if(r.success===1){
                var u=r.data.data[0];
                $('#buyer_name').val(u?.name);
                $('#buyer_phone').val(u?.phone);
            }
        });
    }
});
</script>
@endsection