@extends('procurement::layouts.master')
@section('title',$manufacturer->name)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">{{ $manufacturer->name }}</h1>
    <div><a href="{{ route('procurement.manufacturers.edit',$manufacturer) }}" class="btn btn-sm btn-outline-secondary">Edit</a><a href="{{ route('procurement.manufacturers.index') }}" class="btn btn-sm btn-link">← Back</a></div>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="card shadow mb-4"><div class="card-body">
            <dl class="row mb-0 small">
                <dt class="col-5">Website</dt><dd class="col-7">@if($manufacturer->website)<a href="{{ $manufacturer->website }}" target="_blank">Visit <i class="fas fa-external-link-alt fa-xs"></i></a>@else—@endif</dd>
                <dt class="col-5">Country</dt><dd class="col-7">{{ $manufacturer->country ?: '—' }}</dd>
                <dt class="col-5">Contact</dt><dd class="col-7">{{ $manufacturer->contact_name ?: '—' }}</dd>
                <dt class="col-5">Phone</dt><dd class="col-7">{{ $manufacturer->phone ?: '—' }}</dd>
                <dt class="col-5">Email</dt><dd class="col-7">@if($manufacturer->email)<a href="mailto:{{ $manufacturer->email }}">{{ $manufacturer->email }}</a>@else—@endif</dd>
                @if($manufacturer->notes)<dt class="col-5">Notes</dt><dd class="col-7">{{ $manufacturer->notes }}</dd>@endif
            </dl>
        </div></div>
    </div>
    <div class="col-md-8">
        <div class="card shadow mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold">Components</h6>
                <input type="text" data-pf-filter="manufacturer-components-table" class="form-control form-control-sm" placeholder="Search..." style="width:160px">
            </div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" data-pf-table id="manufacturer-components-table">
                    <thead class="thead-light"><tr>
                        <th data-pf-sort="text">Description <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                        <th data-pf-sort="text">Part # <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                        <th data-pf-sort="text">Status <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    </tr></thead>
                    <tbody>
                        @forelse($manufacturer->components as $c)
                        <tr data-pf-row class="{{ $c->needs_attention ? 'table-warning' : '' }}"><td><a href="{{ route('procurement.components.show',$c) }}">{{ $c->description }}</a></td><td><code class="small">{{ $c->part_number ?: '—' }}</code></td><td data-pf-value="{{ $c->status }}"><span class="badge badge-secondary">{{ ucfirst(str_replace('_',' ',$c->status)) }}</span></td></tr>
                        @empty<tr><td colspan="3" class="text-center text-muted py-2">No components linked</td></tr>@endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection