@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>
            <div class="form-check mr-2 mb-1">
                <input type="checkbox" name="needs_attention" value="1" class="form-check-input" id="filterAttention" onchange="this.form.submit()" {{ request('needs_attention')?'checked':'' }}>
                <label class="form-check-label small" for="filterAttention"><i class="fas fa-exclamation-triangle text-warning"></i> Needs Attention</label>
            </div>
            <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>
                    @include('procurement::components.partials.sortable_th', ['label'=>'Ref','field'=>'ref'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Description','field'=>'description'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Part # / Alts','field'=>'part_number'])
                    <th>Manufacturer</th>
                    @include('procurement::components.partials.sortable_th', ['label'=>'Supplier','field'=>'supplier'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Qty','field'=>'qty','class'=>'text-center'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Unit $','field'=>'unit_cost','class'=>'text-right'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Line $','field'=>'line_cost','class'=>'text-right'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'MOQ','field'=>'moq'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Lead','field'=>'lead_time'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Country','field'=>'country'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'HS Code','field'=>'hs_code'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Tariff%','field'=>'tariff'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Status','field'=>'status'])
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($components as $c)
                <tr class="{{ $c->needs_attention ? 'table-warning' : '' }}">
                    <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->needs_attention)<i class="fas fa-exclamation-triangle text-warning ml-1 small" title="Needs attention" data-toggle="tooltip"></i>@endif
                        @if($c->is_custom_device)<i class="fas fa-drafting-compass text-info ml-1 small" title="Custom device" data-toggle="tooltip"></i>@endif
                        @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->alternates_count)<br><small class="text-muted">+{{ $c->alternates_count }} alt{{ $c->alternates_count > 1 ? 's' : '' }}</small>@endif
                    </td>
                    <td>
                        <small>{{ $c->manufacturer->name ?? '—' }}</small>
                        @if($c->manufacturer_url)<a href="{{ $c->manufacturer_url }}" target="_blank" class="ml-1 text-muted" title="Manufacturer datasheet"><i class="fas fa-external-link-alt fa-xs"></i></a>@endif
                    </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