@extends('backEnd.layouts.master')
@section('title', 'Customer Insights')

@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="fw-bold mb-1"><i class="fas fa-chart-pie me-2 text-primary"></i>Customer Insights</h4>
            <p class="text-muted mb-0 small">Phone number দিয়ে customer profile, spending ও order history দেখুন</p>
        </div>
        <a href="{{ route('admin.customers.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fas fa-users me-1"></i> My Customers
        </a>
    </div>

    <div class="card shadow-sm border-0 mb-3">
        <div class="card-body py-3">
            <form method="GET" action="{{ route('admin.customers.insights') }}" class="row g-2 align-items-end">
                <div class="col-md-8 col-lg-5">
                    <label class="form-label fw-semibold small">Phone Number</label>
                    <input type="tel" name="phone" class="form-control bd-phone-input" maxlength="11"
                           value="{{ old('phone', $phone ?? '') }}" placeholder="01XXXXXXXXX" autofocus>
                </div>
                <div class="col-auto">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-search me-1"></i> Search</button>
                </div>
            </form>
        </div>
    </div>

    @if(!empty($notFound))
    <div class="alert alert-warning mb-0">
        <i class="fas fa-exclamation-circle me-2"></i>
        Phone <strong>{{ $phone }}</strong> দিয়ে কোনো order পাওয়া যায়নি।
    </div>
    @endif
</div>
@endsection