@extends('layouts.admin-simple')

@section('title', 'Indirect Goods Reconciliation')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Indirect Goods</li>
    <li class="breadcrumb-item active">Reconciliation</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div>
            <h3 class="mb-1">Indirect Goods Health & Reconciliation</h3>
            <p class="text-muted mb-0">Read-only ledger, provenance and document controls · checked {{ $checked_at->format('d M Y H:i:s') }}</p>
        </div>
        <a class="btn btn-sm btn-success" href="{{ route('warehouse.indirect-goods.reconciliation.export', request()->query()) }}">
            <i class="material-icons mr-1" style="font-size:16px">download</i> Export Exceptions
        </a>
    </div>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-md-3"><x-warehouse.stats-card title="Health" :value="$healthy ? 'Healthy' : 'Action Required'" icon="health_and_safety" :color="$healthy ? 'success' : 'danger'" subtitle="Critical controls" /></div>
        <div class="col-md-3"><x-warehouse.stats-card title="Critical" :value="$summary['critical']" icon="error" color="danger" subtitle="Immediate investigation" /></div>
        <div class="col-md-3"><x-warehouse.stats-card title="Warnings" :value="$summary['warning']" icon="warning" color="warning" subtitle="Review and assign" /></div>
        <div class="col-md-3"><x-warehouse.stats-card title="Variance" :value="number_format($baseline['project_reconciliation_variance'], 4)" icon="balance" color="info" subtitle="Project ledger" /></div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" class="form-row align-items-end">
                <div class="col-md-3"><label>Severity</label><select name="severity" class="form-control"><option value="">All</option><option value="critical" @selected(request('severity') === 'critical')>Critical</option><option value="warning" @selected(request('severity') === 'warning')>Warning</option></select></div>
                <div class="col-md-4"><label>Exception Code</label><select name="code" class="form-control"><option value="">All</option>@foreach($codes as $code)<option value="{{ $code }}" @selected(request('code') === $code)>{{ $code }}</option>@endforeach</select></div>
                <div class="col-md-2"><button class="btn btn-primary btn-block">Apply</button></div>
                <div class="col-md-2"><a href="{{ route('warehouse.indirect-goods.reconciliation.index') }}" class="btn btn-outline-secondary btn-block">Reset</a></div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><strong>Open Exceptions ({{ $exceptions->count() }})</strong></div>
        <div class="table-responsive">
            <table class="table table-sm table-hover mb-0">
                <thead><tr><th>Severity</th><th>Code</th><th>Entity</th><th>Owner</th><th>Status</th><th>Details</th></tr></thead>
                <tbody>
                    @forelse($exceptions as $row)
                        <tr><td><span class="badge badge-{{ $row->severity === 'critical' ? 'danger' : 'warning' }}">{{ strtoupper($row->severity) }}</span></td><td><code>{{ $row->code }}</code></td><td>{{ $row->entityType }}{{ $row->entityId ? ':' . $row->entityId : '' }}</td><td>{{ $row->owner }}</td><td>{{ ucfirst($row->status) }}</td><td>{{ $row->details }}</td></tr>
                    @empty
                        <tr><td colspan="6" class="text-center py-4 text-success"><i class="material-icons d-block mb-2">check_circle</i>No reconciliation exceptions found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection