@extends('procurement::layouts.master')
@section('title','Components / BOM')
@section('content')
@include('procurement::components.partials.page_header',['title'=>'Components / BOM','actionRoute'=>route('procurement.components.create'),'actionLabel'=>'Add Component'])

<div class="card shadow mb-3">
    <div class="card-body py-2">
        <form method="GET" class="form-inline flex-wrap">
            <input type="text" name="search" class="form-control form-control-sm mr-2 mb-1" placeholder="Search desc, part#, ref..." value="{{ request('search') }}" style="width:220px">
            <select name="category" class="form-control form-control-sm mr-2 mb-1">
                <option value="">All Categories</option>
                @foreach($categories as $cat)
                <option value="{{ $cat }}" {{ request('category')==$cat?'selected':'' }}>{{ ucwords(str_replace('_',' ',$cat)) }}</option>
                @endforeach
            </select>
            <select name="project" class="form-control form-control-sm mr-2 mb-1">
                <option value="">All Projects</option>
                @foreach($projects as $p)
                <option value="{{ $p->id }}" {{ request('project')==$p->id?'selected':'' }}>{{ $p->name }}</option>
                @endforeach
            </select>
            <select name="status" class="form-control form-control-sm mr-2 mb-1">
                <option value="">All Statuses</option>
                @foreach(['active','under_review','obsolete'] as $s)
                <option value="{{ $s }}" {{ request('status')==$s?'selected':'' }}>{{ ucwords(str_replace('_',' ',$s)) }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-sm btn-secondary mb-1">Filter</button>
            <a href="{{ route('procurement.components.index') }}" class="btn btn-sm btn-link mb-1">Clear</a>
            <span class="ml-auto mb-1 font-weight-bold text-dark">Active BOM Cost: ${{ number_format($totalBomCost,2) }} / board</span>
        </form>
    </div>
</div>

<div class="card shadow mb-4">
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-sm table-hover mb-0">
            <thead class="thead-dark">
                <tr>
                    <th>Ref</th><th>Description</th><th>Part # / Alts</th><th>Manufacturer</th><th>Supplier</th>
                    <th class="text-center">Qty</th><th class="text-right">Unit $</th><th class="text-right">Line $</th>
                    <th>MOQ</th><th>Lead</th><th>Country</th><th>HS Code</th><th>Tariff%</th><th>Status</th><th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($components as $c)
                <tr>
                    <td><code class="small">{{ $c->ref_designator ?: '—' }}</code></td>
                    <td>
                        <a href="{{ route('procurement.components.show',$c) }}" class="text-dark font-weight-bold">{{ Str::limit($c->description,40) }}</a>
                        @if($c->notes)<i class="fas fa-info-circle text-muted ml-1 small" title="{{ $c->notes }}" data-toggle="tooltip"></i>@endif
                    </td>
                    <td>
                        <code class="small">{{ $c->part_number ?: '—' }}</code>
                        @if($c->alt_part_number_1)<br><small class="text-muted">Alt1: {{ $c->alt_part_number_1 }}</small>@endif
                        @if($c->alt_part_number_2)<br><small class="text-muted">Alt2: {{ $c->alt_part_number_2 }}</small>@endif
                    </td>
                    <td><small>{{ $c->manufacturer ?: '—' }}</small></td>
                    <td>
                        <small>{{ $c->supplier ?: '—' }}</small>
                        @if($c->website)<a href="{{ $c->website }}" target="_blank" class="ml-1 text-muted"><i class="fas fa-external-link-alt fa-xs"></i></a>@endif
                    </td>
                    <td class="text-center">{{ $c->qty_per_board }}</td>
                    <td class="text-right">${{ number_format($c->unit_cost,4) }}</td>
                    <td class="text-right font-weight-bold">${{ number_format($c->line_cost,2) }}</td>
                    <td class="text-center">{{ $c->moq }}</td>
                    <td class="text-center">
                        @if($c->lead_time_weeks >= 8)<span class="lead-badge">{{ $c->lead_time_weeks }}w</span>
                        @elseif($c->lead_time_weeks > 0)<span class="badge badge-light">{{ $c->lead_time_weeks }}w</span>
                        @else<span class="text-muted">—</span>@endif
                    </td>
                    <td><small>{{ $c->country_of_origin ?: '—' }}</small></td>
                    <td><small>{{ $c->hs_code ?: '—' }}</small></td>
                    <td class="text-center">{{ $c->tariff_rate > 0 ? $c->tariff_rate.'%' : '—' }}</td>
                    <td>
                        @php $sb=['active'=>'success','obsolete'=>'danger','under_review'=>'warning']; @endphp
                        <span class="badge badge-{{ $sb[$c->status]??'secondary' }}">{{ ucwords(str_replace('_',' ',$c->status)) }}</span>
                    </td>
                    <td class="text-right" style="white-space:nowrap">
                        <a href="{{ route('procurement.components.edit',$c) }}" class="btn btn-xs btn-outline-secondary">Edit</a>
                        <form method="POST" action="{{ route('procurement.components.destroy',$c) }}" class="d-inline" onsubmit="return confirm('Delete?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-xs btn-outline-danger">Del</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="15" class="text-center py-4 text-muted">No components found.</td></tr>
                @endforelse
            </tbody>
            <tfoot class="thead-light">
                <tr>
                    <th colspan="7" class="text-right">Page Total:</th>
                    <th class="text-right">${{ number_format($components->sum('line_cost'),2) }}</th>
                    <th colspan="7"></th>
                </tr>
            </tfoot>
        </table>
        </div>
    </div>
</div>
{{ $components->withQueryString()->links() }}
@endsection
@push('scripts')<script>$(function(){$('[data-toggle="tooltip"]').tooltip()});</script>@endpush