@extends('layouts.app')
@section('title', 'Customer-wise Licenses')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">Reports</a></li>
    <li class="breadcrumb-item active">Customer-wise</li>
@endsection

@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
    <h1 class="page-title"><i class="bi bi-people me-2 text-info"></i>Customer-wise Licenses</h1>
    <a href="{{ route('reports.customer-wise', ['format' => 'pdf']) }}" class="btn btn-sm btn-outline-danger">
        <i class="bi bi-filetype-pdf me-1"></i>PDF
    </a>
</div>

<div class="card table-card">
    <div class="table-responsive">
        <table class="table table-hover mb-0 datatable">
            <thead class="table-light">
                <tr><th>Customer</th><th>Code</th><th>Total Licenses</th><th>Active</th><th>Expired</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @foreach($customers as $cust)
                <tr>
                    <td class="fw-medium">{{ $cust->company_name }}</td>
                    <td><code>{{ $cust->customer_code }}</code></td>
                    <td>{{ $cust->licenses_count }}</td>
                    <td><span class="badge badge-active">{{ $cust->active_licenses_count }}</span></td>
                    <td><span class="badge badge-expired">{{ $cust->licenses->where('status', 'expired')->count() }}</span></td>
                    <td>
                        <a href="{{ route('customers.show', $cust) }}" class="btn btn-sm btn-outline-info">
                            <i class="bi bi-eye"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection