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

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

@section('content')

<div class="page-header">
    <h1 class="page-title"><i class="bi bi-truck me-2" style="color:#1d4ed8;"></i>Supplier Report</h1>
    <p class="page-subtitle">Purchase activity and outstanding dues by supplier</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 Suppliers" :value="number_format($totalSuppliers)" icon="bi-truck" 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="Purchases (Period)" :value="number_format($totalPurchasePeriod, 2)" prefix="৳" icon="bi-bag-check" color="#059669" bg="#d1fae5" />
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        @if($suppliers->isEmpty())
        <div class="text-center py-5 text-muted">
            <i class="bi bi-truck" style="font-size:3rem;"></i>
            <p class="mt-2">No suppliers found.</p>
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Supplier</th>
                        <th>Phone</th>
                        <th class="text-center">Purchases (Period)</th>
                        <th class="text-end">Purchase Total (Period)</th>
                        <th class="text-end">Current Due</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($suppliers as $supplier)
                    <tr>
                        <td class="fw-semibold">{{ $supplier->name }}</td>
                        <td>{{ $supplier->phone ?? '—' }}</td>
                        <td class="text-center">{{ $supplier->purchases_count }}</td>
                        <td class="text-end">৳{{ number_format($supplier->purchases_sum_total_amount ?? 0, 2) }}</td>
                        <td class="text-end fw-semibold {{ $supplier->current_due > 0 ? 'text-danger' : '' }}">
                            ৳{{ number_format($supplier->current_due, 2) }}
                        </td>
                        <td class="text-end">
                            <a href="{{ route('reports.supplier-ledger', ['supplier_id' => $supplier->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">{{ $suppliers->links() }}</div>
        @endif
    </div>
</div>

@endsection