@extends('layouts.app')
@section('title', 'Customer Report')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
<li class="breadcrumb-item active">Customer Report</li>
@endsection

@section('content')

<div class="page-header">
    <h1 class="page-title"><i class="bi bi-people me-2" style="color:#1d4ed8;"></i>Customer Report</h1>
    <p class="page-subtitle">Sales activity and outstanding dues by customer</p>
</div>

@include('reports.partials.date-filter', ['extraFilters' => '
    <div class="col-auto">
        <label class="form-label fw-semibold mb-0" style="font-size:.8rem;">Search</label>
        <input type="text" name="search" class="form-control form-control-sm" placeholder="Name or phone" value="'.e($search ?? '').'">
    </div>
'])

<div class="row g-3 mb-3">
    <div class="col-6 col-xl-3">
        <x-reports.stat-card label="Total Customers" :value="number_format($totalCustomers)" icon="bi-people" color="#1d4ed8" bg="#dbeafe" />
    </div>
    <div class="col-6 col-xl-3">
        <x-reports.stat-card label="Total Outstanding Due" :value="number_format($totalActiveDue, 2)" prefix="৳" icon="bi-exclamation-circle" color="#dc2626" bg="#fee2e2" />
    </div>
    <div class="col-6 col-xl-3">
        <x-reports.stat-card label="Sales (Period)" :value="number_format($totalSalesPeriod, 2)" prefix="৳" icon="bi-cash-coin" color="#059669" bg="#d1fae5" />
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        @if($customers->isEmpty())
        <div class="text-center py-5 text-muted">
            <i class="bi bi-people" style="font-size:3rem;"></i>
            <p class="mt-2">No customers found.</p>
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Customer</th>
                        <th>Phone</th>
                        <th class="text-center">Sales (Period)</th>
                        <th class="text-end">Sales Total (Period)</th>
                        <th class="text-end">Current Due</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($customers as $customer)
                    <tr>
                        <td class="fw-semibold">{{ $customer->name }}</td>
                        <td>{{ $customer->phone ?? '—' }}</td>
                        <td class="text-center">{{ $customer->sales_count }}</td>
                        <td class="text-end">৳{{ number_format($customer->sales_sum_total_amount ?? 0, 2) }}</td>
                        <td class="text-end fw-semibold {{ $customer->current_due > 0 ? 'text-danger' : '' }}">
                            ৳{{ number_format($customer->current_due, 2) }}
                        </td>
                        <td class="text-end">
                            <a href="{{ route('reports.customer-ledger', ['customer_id' => $customer->id, 'from' => $from->format('Y-m-d'), 'to' => $to->format('Y-m-d')]) }}"
                               class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-journal-text"></i> Ledger
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="p-3">{{ $customers->links() }}</div>
        @endif
    </div>
</div>

@endsection