@extends('procurement::layouts.master')
@section('title',$component->description)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">{{ $component->description }}</h1>
    <div>
        <a href="{{ route('procurement.components.edit',$component) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
        <a href="{{ route('procurement.components.revisions',$component) }}" class="btn btn-sm btn-outline-info">Revisions</a>
        <a href="{{ route('procurement.components.price-history',$component) }}" class="btn btn-sm btn-outline-info">Price History</a>
        <a href="{{ route('procurement.components.index') }}" class="btn btn-sm btn-link">&larr; Back</a>
    </div>
</div>
<div class="row">
    <div class="col-md-5">
        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Component Details</h6></div>
            <div class="card-body">
                <dl class="row mb-0 small">
                    <dt class="col-5">Project</dt><dd class="col-7">{{ $component->project->name ?? '—' }}</dd>
                    <dt class="col-5">Ref Designator</dt><dd class="col-7"><code>{{ $component->ref_designator ?: '—' }}</code></dd>
                    <dt class="col-5">Category</dt><dd class="col-7">{{ ucwords(str_replace('_',' ',$component->category ?? '—')) }}</dd>
                    <dt class="col-5">Manufacturer</dt><dd class="col-7">{{ $component->manufacturer ?: '—' }}</dd>
                    <dt class="col-5">Part Number</dt><dd class="col-7"><code>{{ $component->part_number ?: '—' }}</code></dd>
                    <dt class="col-5">Alt Part # 1</dt><dd class="col-7"><code>{{ $component->alt_part_number_1 ?: '—' }}</code></dd>
                    <dt class="col-5">Alt Part # 2</dt><dd class="col-7"><code>{{ $component->alt_part_number_2 ?: '—' }}</code></dd>
                    <dt class="col-5">Supplier</dt><dd class="col-7">{{ $component->supplier ?: '—' }}</dd>
                    <dt class="col-5">Supplier Part #</dt><dd class="col-7"><code>{{ $component->supplier_part_number ?: '—' }}</code></dd>
                    @if($component->website)
                    <dt class="col-5">Website</dt><dd class="col-7"><a href="{{ $component->website }}" target="_blank">Link <i class="fas fa-external-link-alt fa-xs"></i></a></dd>
                    @endif
                    <dt class="col-5">Status</dt>
                    <dd class="col-7">
                        @php $sb = ['active'=>'success','obsolete'=>'danger','under_review'=>'warning']; @endphp
                        <span class="badge badge-{{ $sb[$component->status] ?? 'secondary' }}">{{ ucwords(str_replace('_',' ',$component->status)) }}</span>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Cost &amp; Sourcing</h6></div>
            <div class="card-body">
                <dl class="row mb-0 small">
                    <dt class="col-6">Qty / Board</dt><dd class="col-6">{{ $component->qty_per_board }}</dd>
                    <dt class="col-6">Unit Cost</dt><dd class="col-6 font-weight-bold">${{ number_format($component->unit_cost,4) }} {{ $component->currency }}</dd>
                    <dt class="col-6">Line Cost</dt><dd class="col-6 font-weight-bold">${{ number_format($component->line_cost,4) }}</dd>
                    <dt class="col-6">MOQ</dt><dd class="col-6">{{ $component->moq }}</dd>
                    <dt class="col-6">Replenish Qty</dt><dd class="col-6">{{ $component->replenish_qty ?: '—' }}</dd>
                    <dt class="col-6">Lead Time</dt>
                    <dd class="col-6">
                        @if($component->lead_time_weeks >= 8)
                            <span class="lead-badge">{{ $component->lead_time_weeks }}w</span>
                        @else
                            {{ $component->lead_time_weeks ?: '—' }}w
                        @endif
                    </dd>
                    <dt class="col-6">Country of Origin</dt><dd class="col-6">{{ $component->country_of_origin ?: '—' }}</dd>
                    <dt class="col-6">HS Code</dt><dd class="col-6"><code>{{ $component->hs_code ?: '—' }}</code></dd>
                    <dt class="col-6">Tariff Rate</dt><dd class="col-6">{{ $component->tariff_rate > 0 ? $component->tariff_rate.'%' : '—' }}</dd>
                    <dt class="col-6">Tariff Cost</dt><dd class="col-6">{{ $component->tariff_rate > 0 ? '$'.number_format($component->tariff_cost,4) : '—' }}</dd>
                </dl>
            </div>
        </div>
        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Stock</h6></div>
            <div class="card-body">
                @if($component->stock)
                <dl class="row mb-0 small">
                    <dt class="col-6">On Hand</dt><dd class="col-6 font-weight-bold">{{ $component->stock->qty_on_hand }}</dd>
                    <dt class="col-6">Reserved</dt><dd class="col-6">{{ $component->stock->qty_reserved }}</dd>
                    <dt class="col-6">Available</dt><dd class="col-6">{{ $component->stock->qty_available }}</dd>
                    <dt class="col-6">Bin Location</dt><dd class="col-6">{{ $component->stock->bin_location ?: '—' }}</dd>
                    <dt class="col-6">Last Count</dt><dd class="col-6">{{ $component->stock->last_counted_at?->format('M j, Y') ?? '—' }}</dd>
                </dl>
                @else
                <p class="text-muted small mb-0">No stock record</p>
                @endif
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Approved Vendor List</h6></div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <tbody>
                        @forelse($component->avl as $a)
                        <tr>
                            <td><small>{{ $a->supplier->name }}</small></td>
                            <td><span class="badge badge-{{ $a->status_badge }}">{{ ucfirst($a->status) }}</span></td>
                        </tr>
                        @empty
                        <tr><td class="text-muted text-center py-2 small">No AVL entries</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($component->notes)
        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Notes</h6></div>
            <div class="card-body"><p class="small mb-0">{{ $component->notes }}</p></div>
        </div>
        @endif
    </div>
</div>

@include('procurement::components.purchase_history')

@endsection