@extends('backEnd.layouts.master')
@section('title', 'Website Inquiry Report')

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="mb-0 fw-bold"><i class="fas fa-globe me-2 text-success"></i>Website Inquiry Report</h4>
            <small class="text-muted">Home page website chat — Orders / WhatsApp Inbox থেকে আলাদা</small>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            <a href="{{ route('admin.support.hub', ['tab' => 'inquiry']) }}" class="btn btn-primary btn-sm">
                <i class="fas fa-headset me-1"></i> Moderator Hub
            </a>
            <a href="{{ route('admin.support.reports', ['from' => $from, 'to' => $to]) }}" class="btn btn-outline-secondary btn-sm">
                Moderator Reports
            </a>
        </div>
    </div>

    <div class="row g-3 mb-3">
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="small text-muted">Total Inquiries</div>
                    <div class="fs-4 fw-bold">{{ $summary['total'] ?? 0 }}</div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm h-100 border-start border-4 border-danger">
                <div class="card-body">
                    <div class="small text-muted">New (Open)</div>
                    <div class="fs-4 fw-bold text-danger">{{ $summary['open'] ?? 0 }}</div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm h-100 border-start border-4 border-warning">
                <div class="card-body">
                    <div class="small text-muted">Replied (Waiting)</div>
                    <div class="fs-4 fw-bold text-warning">{{ $summary['waiting'] ?? 0 }}</div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm h-100 border-start border-4 border-success">
                <div class="card-body">
                    <div class="small text-muted">Resolved</div>
                    <div class="fs-4 fw-bold text-success">{{ $summary['resolved'] ?? 0 }}</div>
                </div>
            </div>
        </div>
    </div>

    @if(!empty($summary['avg_reply_minutes']))
    <div class="alert alert-light border small mb-3">
        Average first reply time: <strong>{{ $summary['avg_reply_minutes'] }} min</strong>
    </div>
    @endif

    <form method="GET" class="card shadow-sm border-0 mb-3">
        <div class="card-body">
            <div class="row g-2 align-items-end">
                <div class="col-md-2">
                    <label class="form-label small mb-1">From</label>
                    <input type="date" name="from" class="form-control form-control-sm" value="{{ $from }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">To</label>
                    <input type="date" name="to" class="form-control form-control-sm" value="{{ $to }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label small mb-1">Search</label>
                    <input type="text" name="q" class="form-control form-control-sm" value="{{ $filters['q'] ?? '' }}" placeholder="Name / phone / token">
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">Status</label>
                    <select name="status" class="form-select form-select-sm">
                        <option value="">All</option>
                        @foreach(['open' => 'New', 'waiting' => 'Replied', 'resolved' => 'Resolved'] as $val => $label)
                        <option value="{{ $val }}" {{ ($filters['status'] ?? '') === $val ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary btn-sm w-100">Apply</button>
                </div>
            </div>
        </div>
    </form>

    <div class="card shadow-sm border-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>ID</th>
                        <th>Customer</th>
                        <th>Phone</th>
                        <th>Status</th>
                        <th>Last Message</th>
                        <th>Assigned</th>
                        <th>Updated</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($rows as $row)
                    <tr>
                        <td>#WEB-{{ $row->id }}</td>
                        <td>{{ $row->customer_name ?: 'Website Visitor' }}</td>
                        <td>{{ $row->customer_phone ?: '—' }}</td>
                        <td><span class="badge bg-light text-dark border">{{ $row->statusLabel() }}</span></td>
                        <td><small>{{ \Illuminate\Support\Str::limit($row->latestMessage?->content ?? '—', 60) }}</small></td>
                        <td>{{ $row->assignedUser?->name ?: '—' }}</td>
                        <td><small class="text-muted">{{ $row->last_customer_message_at?->format('d M, h:i A') ?: $row->created_at?->format('d M, h:i A') }}</small></td>
                    </tr>
                    @empty
                    <tr><td colspan="7" class="text-center py-4 text-muted">No website inquiries in this range.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($rows->hasPages())
        <div class="card-footer">{{ $rows->withQueryString()->links() }}</div>
        @endif
    </div>
</div>
@endsection