{{-- Sweet Works ERP | app/Modules/Manufacturing/Resources/Views/boms/show.blade.php | v1.5 | 31/08/2026 --}}
{{-- v1.5 — Explosion table: indent by level (20px/level), L-badge in component cell, arrow icon for sub-levels. --}}
{{-- v1.4 — Explosion tab header shows dynamic base_quantity + base_uom instead of hardcoded '(1 unit)'. --}}
{{-- v1.3 — Add Level column in components tab (badge L1/L2 from _line_row partial). --}}
{{-- v1.2 — Fix: product->product_name; explosion tab usa acceso de array $item['key'] con variable $explosion. --}}
{{-- v1.1 — i18n: "Pendiente" → __('manufacturing.boms.pending'). --}}
{{-- v1.0 — Detalle BOM: árbol multinivel + tabla de explosión. --}}
@extends('layouts.vertical')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h1 class="h4 mb-0"><i class="bi bi-list-nested me-2 text-primary"></i>{{ $bom->code }} — {{ $bom->name }}</h1>
            <nav><ol class="breadcrumb mb-0 small">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('manufacturing.common.erp') }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('manufacturing.boms.index') }}">{{ __('manufacturing.boms.title') }}</a></li>
                <li class="breadcrumb-item active">{{ $bom->code }}</li>
            </ol></nav>
        </div>
        <div class="d-flex gap-2">
            @can('manufacturing.bom.approve')
            @if(!$bom->approved_at)
            <form action="{{ route('manufacturing.boms.approve', $bom) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-success btn-sm">
                    <i class="bi bi-check-circle me-1"></i>{{ __('manufacturing.boms.approve_btn') }}
                </button>
            </form>
            @endif
            @endcan
            @can('manufacturing.bom.edit')
            <a href="{{ route('manufacturing.boms.edit', $bom) }}" class="btn btn-primary btn-sm">
                <i class="bi bi-pencil me-1"></i>{{ __('manufacturing.common.edit') }}
            </a>
            <form action="{{ route('manufacturing.boms.toggle', $bom) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-{{ $bom->is_active ? 'warning' : 'success' }} btn-sm">
                    <i class="bi bi-{{ $bom->is_active ? 'toggle-on' : 'toggle-off' }} me-1"></i>
                    {{ $bom->is_active ? __('manufacturing.common.deactivate') : __('manufacturing.common.activate') }}
                </button>
            </form>
            @endcan
            <a href="{{ route('manufacturing.boms.index') }}" class="btn btn-secondary btn-sm">
                <i class="bi bi-arrow-left me-1"></i>{{ __('manufacturing.common.back') }}
            </a>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show py-2">
            {{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    {{-- Tabs --}}
    <ul class="nav nav-tabs mb-3" id="bomTabs">
        <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tabHeader">{{ __('manufacturing.boms.label') }}</a></li>
        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabTree">{{ __('manufacturing.boms.lines') }}</a></li>
        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabExplosion">{{ __('manufacturing.boms.explosion') }}</a></li>
    </ul>

    <div class="tab-content">

        {{-- Tab 1: Datos cabecera --}}
        <div class="tab-pane fade show active" id="tabHeader">
            <div class="card">
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-3">{{ __('manufacturing.boms.code') }}</dt>
                        <dd class="col-sm-9"><strong>{{ $bom->code }}</strong></dd>

                        <dt class="col-sm-3">{{ __('manufacturing.boms.product') }}</dt>
                        <dd class="col-sm-9">{{ $bom->product->product_code ?? '—' }} — {{ $bom->product->product_name ?? '' }}</dd>

                        <dt class="col-sm-3">{{ __('manufacturing.boms.type') }}</dt>
                        <dd class="col-sm-9"><span class="badge bg-secondary">{{ \App\Modules\Manufacturing\Models\MfgBom::types()[$bom->type] ?? $bom->type }}</span></dd>

                        <dt class="col-sm-3">{{ __('manufacturing.boms.base_qty') }}</dt>
                        <dd class="col-sm-9">{{ number_format($bom->base_quantity, 4) }} {{ $bom->base_uom }}</dd>

                        <dt class="col-sm-3">{{ __('manufacturing.common.version') }}</dt>
                        <dd class="col-sm-9">{{ $bom->version }}</dd>

                        <dt class="col-sm-3">{{ __('manufacturing.boms.approved_by') }}</dt>
                        <dd class="col-sm-9">
                            @if($bom->approvedBy)
                                <span class="badge bg-success"><i class="bi bi-check-circle me-1"></i>{{ $bom->approvedBy->name }}</span>
                                <small class="text-muted ms-2">{{ $bom->approved_at?->format('d/m/Y H:i') }}</small>
                            @else
                                <span class="badge bg-warning text-dark">{{ __('manufacturing.common.na') }} — {{ __('manufacturing.boms.pending') }}</span>
                            @endif
                        </dd>

                        <dt class="col-sm-3">{{ __('manufacturing.common.status') }}</dt>
                        <dd class="col-sm-9">
                            @if($bom->is_active)
                                <span class="badge bg-success">{{ __('manufacturing.common.active') }}</span>
                            @else
                                <span class="badge bg-secondary">{{ __('manufacturing.common.inactive') }}</span>
                            @endif
                        </dd>

                        @if($bom->notes)
                        <dt class="col-sm-3">{{ __('manufacturing.common.notes') }}</dt>
                        <dd class="col-sm-9">{{ $bom->notes }}</dd>
                        @endif
                    </dl>
                </div>
            </div>
        </div>

        {{-- Tab 2: Árbol de componentes --}}
        <div class="tab-pane fade" id="tabTree">
            <div class="card">
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th style="width:160px">{{ __('manufacturing.boms.line_level') }}</th>
                                    <th>{{ __('manufacturing.boms.line_component') }}</th>
                                    <th class="text-end">{{ __('manufacturing.boms.line_qty') }}</th>
                                    <th>{{ __('manufacturing.boms.line_uom') }}</th>
                                    <th class="text-end">{{ __('manufacturing.boms.line_scrap') }}</th>
                                    <th class="text-end">{{ __('manufacturing.boms.line_yield') }}</th>
                                    <th class="text-center">{{ __('manufacturing.boms.line_critical') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($bom->rootLines as $line)
                                    @include('manufacturing::boms._line_row', ['line' => $line, 'depth' => 0])
                                @endforeach
                                @if($bom->rootLines->isEmpty())
                                <tr><td colspan="7" class="text-center text-muted py-4">{{ __('manufacturing.common.no_records') }}</td></tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        {{-- Tab 3: Explosión BOM --}}
        <div class="tab-pane fade" id="tabExplosion">
            <div class="card">
                <div class="card-header small text-muted">
                    {{ __('manufacturing.boms.explosion') }}
                    ({{ $bom->base_quantity % 1 == 0 ? (int)$bom->base_quantity : $bom->base_quantity }} {{ $bom->base_uom }})
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>{{ __('manufacturing.boms.line_component') }}</th>
                                    <th class="text-end">{{ __('manufacturing.boms.line_qty') }}</th>
                                    <th>{{ __('manufacturing.boms.line_uom') }}</th>
                                    <th class="text-center">{{ __('manufacturing.boms.line_critical') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($explosion as $item)
                                @php
                                    $lvl    = (int) $item['level'];
                                    $indent = ($lvl - 1) * 20; // px per level
                                    if ($lvl === 1) {
                                        $badge = '<span class="badge bg-secondary" style="font-size:0.65rem;">L1</span>';
                                        $rowClass = '';
                                    } else {
                                        $badge = '<span class="badge bg-primary" style="font-size:0.65rem;">L' . $lvl . '</span>';
                                        $rowClass = 'table-active';
                                    }
                                @endphp
                                <tr class="{{ $rowClass }}">
                                    <td style="padding-left: {{ 12 + $indent }}px;">
                                        @if($lvl > 1)
                                            <i class="bi bi-arrow-return-right text-muted me-1" style="font-size:0.75rem;"></i>
                                        @endif
                                        {!! $badge !!}
                                        <span class="ms-1">{{ $item['product_code'] ?? '?' }} — {{ $item['product_name'] ?? '?' }}</span>
                                    </td>
                                    <td class="text-end fw-bold">{{ number_format($item['quantity'], 4) }}</td>
                                    <td>{{ $item['uom'] }}</td>
                                    <td class="text-center">
                                        @if($item['is_critical'])
                                            <i class="bi bi-exclamation-triangle-fill text-warning" title="{{ __('manufacturing.common.yes') }}"></i>
                                        @else — @endif
                                    </td>
                                </tr>
                                @endforeach
                                @if($explosion->isEmpty())
                                <tr><td colspan="4" class="text-center text-muted py-4">{{ __('manufacturing.common.no_records') }}</td></tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection