@extends('procurement::layouts.master')
@section('title',$project->name)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">{{ $project->name }} <span class="badge badge-{{ $project->status_badge }}">{{ ucfirst(str_replace('_',' ',$project->status)) }}</span></h1>
    <div>
        <a href="{{ route('procurement.projects.edit',$project) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
        <a href="{{ route('procurement.projects.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">
                <dt class="col-5">Code</dt><dd class="col-7"><code>{{ $project->code ?? '—' }}</code></dd>
                <dt class="col-5">Launch</dt><dd class="col-7">{{ $project->target_launch_date?->format('M j, Y') ?? '—' }}</dd>
                <dt class="col-5">Description</dt><dd class="col-7">{{ $project->description ?? '—' }}</dd>
                <dt class="col-5">Notes</dt><dd class="col-7">{{ $project->notes ?? '—' }}</dd>
            </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">Production Runs</h6>
                <div class="d-flex align-items-center">
                    <input type="text" data-pf-filter="project-runs-table" class="form-control form-control-sm mr-2" placeholder="Search runs..." style="width:140px">
                    <a href="{{ route('procurement.runs.create') }}" class="btn btn-xs btn-dark">+ New Run</a>
                </div>
            </div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" data-pf-table id="project-runs-table">
                    <thead class="thead-light"><tr>
                        <th data-pf-sort="text">Run <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                        <th data-pf-sort="number">Target Qty <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>
                        <th data-pf-sort="number">Target COGS <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                        <th data-pf-sort="number">Sell Price <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    </tr></thead>
                    <tbody>
                        @forelse($project->runs as $run)
                        <tr data-pf-row>
                            <td><a href="{{ route('procurement.runs.show',$run) }}">{{ $run->run_number }}</a></td>
                            <td>{{ $run->target_qty }}</td>
                            <td><span class="badge badge-{{ $run->status_badge }}">{{ ucfirst(str_replace('_',' ',$run->status)) }}</span></td>
                            <td data-pf-value="{{ $run->target_cogs }}">${{ number_format($run->target_cogs,2) }}</td>
                            <td data-pf-value="{{ $run->sell_price }}">${{ number_format($run->sell_price,2) }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-2">No runs yet</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<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">Bill of Materials</h6>
        <div class="d-flex align-items-center">
            <input type="text" data-pf-filter="project-bom-table" class="form-control form-control-sm mr-2" placeholder="Search BOM..." style="width:160px">
            <span class="text-muted small text-nowrap">{{ $bomLines->count() }} line(s) &middot; ${{ number_format($bomCost,2) }} / board</span>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-sm mb-0" data-pf-table id="project-bom-table">
            <thead class="thead-light">
                <tr>
                    <th data-pf-sort="text">Category <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Ref Des <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <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="number">Qty/Board <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th data-pf-sort="number">Unit Cost <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th data-pf-sort="number">Line Cost <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th data-pf-sort="number">On Hand <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Source <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($bomLines as $line)
                @php $onHand = $line->stock->qty_on_hand ?? 0; @endphp
                <tr data-pf-row class="{{ $line->needs_attention ? 'table-warning' : '' }}">
                    <td><span class="badge badge-secondary">{{ ucwords(str_replace('_',' ',$line->category ?? 'other')) }}</span></td>
                    <td data-pf-value="{{ $line->ref_designator }}">
                        <input type="text" name="ref_designator" form="bom-update-{{ $line->id }}"
                               value="{{ $line->ref_designator }}" class="form-control form-control-sm" style="width:80px" placeholder="—">
                    </td>
                    <td><a href="{{ route('procurement.components.show',$line) }}">{{ $line->description }}</a></td>
                    <td><small>{{ $line->part_number ?? '—' }}</small></td>
                    <td data-pf-value="{{ $line->qty_per_board }}">
                        <input type="number" name="qty_per_board" form="bom-update-{{ $line->id }}"
                               value="{{ $line->qty_per_board }}" min="1" class="form-control form-control-sm" style="width:70px">
                    </td>
                    <td data-pf-value="{{ $line->unit_cost }}">${{ number_format($line->unit_cost,4) }}</td>
                    <td data-pf-value="{{ $line->line_cost }}">${{ number_format($line->line_cost,2) }}</td>
                    <td class="text-center {{ $onHand < $line->qty_per_board ? 'text-danger font-weight-bold' : '' }}">{{ $onHand }}</td>
                    <td data-pf-value="{{ $line->is_home ? 'Home' : 'Shared' }}"><span class="badge badge-{{ $line->is_home ? 'light' : 'info' }}">{{ $line->is_home ? 'Home' : 'Shared' }}</span></td>
                    <td class="text-nowrap">
                        <button type="submit" form="bom-update-{{ $line->id }}" class="btn btn-xs btn-outline-secondary" title="Save qty/ref designator"><i class="fas fa-check fa-sm"></i></button>
                        <a href="{{ route('procurement.components.edit',$line) }}" class="btn btn-xs btn-outline-secondary" title="Full edit"><i class="fas fa-pen fa-sm"></i></a>
                        <button type="submit" form="bom-remove-{{ $line->id }}" class="btn btn-xs btn-outline-danger" title="Remove from this project's BOM"><i class="fas fa-times fa-sm"></i></button>
                    </td>
                </tr>
                @empty
                <tr><td colspan="10" class="text-center text-muted py-2">No BOM items yet — import a KiCad BOM or add one below.</td></tr>
                @endforelse
            </tbody>
        </table>
        </div>
        {{-- One update/remove form per line, referenced by id from the buttons/inputs above via
             the form="" attribute — kept outside <tbody> since <form> isn't valid there. --}}
        @foreach($bomLines as $line)
        <form id="bom-update-{{ $line->id }}" method="POST" action="{{ route('procurement.projects.bom.update',[$project,$line]) }}" class="d-none">@csrf @method('PATCH')</form>
        <form id="bom-remove-{{ $line->id }}" method="POST" action="{{ route('procurement.projects.bom.destroy',[$project,$line]) }}" class="d-none" onsubmit="return confirm('Remove {{ addslashes($line->description) }} from this project\'s BOM?{{ $line->is_home ? ' This deletes the component entirely.' : '' }}')">@csrf @method('DELETE')</form>
        @endforeach
    </div>
    <div class="card-footer">
        <form method="POST" action="{{ route('procurement.projects.bom.store',$project) }}">
            @csrf
            <div class="form-row align-items-end">
                <div class="col-md-3 mb-1">
                    <label class="small mb-0">Description</label>
                    <input type="text" name="description" class="form-control form-control-sm" placeholder="Enclosure, 40mm fan, M3x8 screws..." required>
                </div>
                <div class="col-md-2 mb-1">
                    <label class="small mb-0">Category</label>
                    <select name="category" class="form-control form-control-sm">
                        <option value="">— Select —</option>
                        @foreach($categories as $cat)
                        <option value="{{ $cat }}">{{ ucwords(str_replace('_',' ',$cat)) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-1 mb-1">
                    <label class="small mb-0">Ref Des</label>
                    <input type="text" name="ref_designator" class="form-control form-control-sm">
                </div>
                <div class="col-md-2 mb-1">
                    <label class="small mb-0">Part #</label>
                    <input type="text" name="part_number" class="form-control form-control-sm">
                </div>
                <div class="col-md-1 mb-1">
                    <label class="small mb-0">Qty/Board</label>
                    <input type="number" name="qty_per_board" class="form-control form-control-sm" value="1" min="1" required>
                </div>
                <div class="col-md-1 mb-1">
                    <label class="small mb-0">Unit Cost</label>
                    <input type="number" name="unit_cost" class="form-control form-control-sm" value="0" step="0.0001" min="0" required>
                </div>
                <div class="col-md-1 mb-1">
                    <label class="small mb-0">Supplier</label>
                    <input type="text" name="supplier" class="form-control form-control-sm">
                </div>
                <div class="col-md-1 mb-1">
                    <button type="submit" class="btn btn-sm btn-dark btn-block">+ Add</button>
                </div>
            </div>
        </form>
    </div>
</div>

<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">Build History</h6>
        <div class="d-flex align-items-center">
            <input type="text" data-pf-filter="project-builds-table" class="form-control form-control-sm mr-2" placeholder="Search builds..." style="width:160px">
            @if($finishedGoods)
            <span class="text-muted small text-nowrap">{{ $builds->sum('quantity') }} unit(s) built total &middot; {{ $finishedGoods->stock->qty_on_hand ?? 0 }} on hand</span>
            @endif
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-sm mb-0" data-pf-table id="project-builds-table">
            <thead class="thead-light">
                <tr>
                    <th data-pf-sort="date">Date <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th class="text-center" data-pf-sort="number">Boards Built <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Reference <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th data-pf-sort="text">Performed By <i class="fas fa-sort text-muted pf-sort-icon"></i></th>
                    <th>Notes</th><th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($builds as $build)
                <tr data-pf-row>
                    <td data-pf-value="{{ $build->movement_date->toDateString() }}"><small>{{ $build->movement_date->format('M j, Y') }}</small></td>
                    <td class="text-center font-weight-bold">{{ $build->quantity }}</td>
                    <td><code class="small">{{ $build->reference }}</code></td>
                    <td><small>{{ $build->performed_by ?: '—' }}</small></td>
                    <td><small>{{ $build->notes ?: '—' }}</small></td>
                    <td class="text-nowrap">
                        <button type="button" class="btn btn-xs btn-outline-secondary" data-toggle="collapse" data-target="#build-detail-{{ $build->id }}">
                            Details
                        </button>
                    </td>
                </tr>
                <tr class="collapse" id="build-detail-{{ $build->id }}">
                    <td colspan="6" class="bg-light p-3">
                        <div class="row">
                            <div class="col-md-6">
                                <h6 class="small font-weight-bold text-uppercase text-muted">Consumed ({{ $build->consumed->count() }})</h6>
                                @forelse($build->consumed as $line)
                                <div class="small d-flex justify-content-between border-bottom py-1">
                                    <span>{{ $line->component->description }} <span class="text-muted">({{ $line->component->ref_designator ?: '—' }})</span></span>
                                    <span class="font-weight-bold">{{ abs($line->quantity) }}</span>
                                </div>
                                @empty
                                <p class="small text-muted mb-0">No parts recorded for this build.</p>
                                @endforelse
                            </div>
                            <div class="col-md-6">
                                <h6 class="small font-weight-bold text-uppercase text-muted">
                                    Excluded from this build ({{ $build->excluded->count() }})
                                </h6>
                                @forelse($build->excluded as $line)
                                <div class="small border-bottom py-1">{{ $line->description }} <span class="text-muted">({{ $line->ref_designator ?: '—' }})</span></div>
                                @empty
                                <p class="small text-muted mb-0">Every current BOM line was included.</p>
                                @endforelse
                                <p class="small text-muted mt-2 mb-0"><i class="fas fa-info-circle mr-1"></i>Measured against today's BOM — a line added or removed from the project since this build will show up here even if the choice at build time was different.</p>
                            </div>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-2">No builds logged yet.</td></tr>
                @endforelse
            </tbody>
        </table>
        </div>
    </div>
    <div class="card-footer">
        <a href="{{ route('procurement.production.build') }}" class="btn btn-sm btn-outline-dark"><i class="fas fa-industry mr-1"></i> Log Build</a>
    </div>
</div>
@endsection