@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{ $variables['judul'] }}</h3>
                        <div class="card-tools">
                            @if($variables['has_conversion'])
                                <a href="{{ route('raw_materials.edit', $data->id) }}" class="btn btn-sm btn-warning button-cek-permission" data-permission="raw_materials.edit">
                                    <i class="fas fa-edit"></i> Ubah
                                </a>
                            @else
                                <button type="button" class="btn btn-sm btn-secondary" disabled
                                    title="Item Conversion belum dibuat. Buat dulu di Master Item Conversion.">
                                    <i class="fas fa-edit"></i> Ubah
                                </button>
                            @endif
                            <a href="{{ route('raw_materials.index') }}" class="btn btn-sm btn-warning">
                                <i class="fas fa-list"></i> List
                            </a>
                        </div>
                    </div>
                    <div class="card-body">

                        <!-- Info Utama -->
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="40%"><strong>Kode</strong></td>
                                        <td>: {{ $data->code }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Tipe</strong></td>
                                        <td>: {{ $data->tipe }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Nama</strong></td>
                                        <td>: {{ $data->name }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Deskripsi</strong></td>
                                        <td>: {{ $data->description ?: '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Tipe DOI</strong></td>
                                        <td>: {{ $data->tipe_doi }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Seksi</strong></td>
                                        <td>: {{ $data->seksi ? $data->seksi->code . ' - ' . $data->seksi->name : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Bagian Dari FSTR</strong></td>
                                        <td>:
                                            @if($data->is_component_fstr)
                                                <span class="badge badge-success">Ya</span>
                                            @else
                                                <span class="badge badge-secondary">Tidak</span>
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="45%"><strong>UOM Base</strong></td>
                                        <td>: {{ $data->uom ?: '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>UOM Pakai</strong></td>
                                        <td>: {{ $data->uom_pakai ?: '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Kubikasi</strong></td>
                                        <td>: {{ $data->kubikasi ? number_format($data->kubikasi, 5) . ' m³' : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Konversi FSTR/SUB ke Item</strong></td>
                                        <td>: {{ number_format($data->conversion_factor_to_item ?? 1, 4) }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Dibuat Oleh</strong></td>
                                        <td>: {{ $data->creator->fullname ?? 'System' }} ({{ $data->created_at ? $data->created_at->format('d/m/Y H:i') : '-' }})</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Diubah Oleh</strong></td>
                                        <td>: {{ $data->modificator->fullname ?? '-' }} ({{ $data->updated_at ? $data->updated_at->format('d/m/Y H:i') : '-' }})</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <!-- SPB Rules Fieldset -->
                        <fieldset class="border p-3 mb-3">
                            <legend class="w-auto px-2 text-success" style="font-size: 1rem;">
                                <i class="fas fa-file-invoice"></i> SPB Rules
                            </legend>
                            <div class="row">
                                <div class="col-md-4">
                                    <table class="table table-sm table-borderless mb-0">
                                        <tr>
                                            <td width="55%"><strong>SPB ROP (%)</strong></td>
                                            <td>: {{ $data->percentage_spb_rop ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>SPB Over Qty (%)</strong></td>
                                            <td>: {{ $data->percentage_spb_over_qty ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>LSM Index</strong></td>
                                            <td>: {{ $data->lsm_index ?? 0 }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-4">
                                    <p class="mb-1"><strong>Kolom Adjustment:</strong></p>
                                    <div>
                                        @if($data->adj_restan_flag)
                                            <span class="badge badge-success mr-1">Restan</span>
                                        @else
                                            <span class="badge badge-secondary mr-1">Restan</span>
                                        @endif
                                        @if($data->adj_extras_flag)
                                            <span class="badge badge-success mr-1">Extras</span>
                                        @else
                                            <span class="badge badge-secondary mr-1">Extras</span>
                                        @endif
                                        @if($data->adj_ringkas_flag)
                                            <span class="badge badge-success mr-1">Ringkas</span>
                                        @else
                                            <span class="badge badge-secondary mr-1">Ringkas</span>
                                        @endif
                                        @if($data->adj_selisih_flag)
                                            <span class="badge badge-success mr-1">Selisih</span>
                                        @else
                                            <span class="badge badge-secondary mr-1">Selisih</span>
                                        @endif
                                    </div>
                                    <small class="text-muted">Hijau = aktif, Abu = tidak aktif</small>
                                </div>
                                <div class="col-md-4">
                                    @if(!$variables['has_conversion'])
                                        <div class="alert alert-warning mb-0 py-2">
                                            <i class="fas fa-exclamation-triangle"></i> Belum ada data konversi.
                                            <a href="{{ route('item_conversions.index') }}" target="_blank">Buat di Master Item Conversion</a>.
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </fieldset>

                        <!-- FSTR Components Section -->
                        @if($data->components && $data->components->count() > 0)
                        <div class="row mt-3">
                            <div class="col-12">
                                <div class="card card-outline card-info">
                                    <div class="card-header">
                                        <h3 class="card-title">FSTR Olahan / Menu Olahan ({{ $data->components->count() }} item)</h3>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table table-hover table-sm">
                                                <thead class="bg-warning">
                                                    <tr>
                                                        <th width="5%">No</th>
                                                        <th width="15%">Kode</th>
                                                        <th width="35%">Nama</th>
                                                        <th width="10%">Tipe</th>
                                                        <th width="10%">UOM</th>
                                                        <th width="10%">Input LSM</th>
                                                        <th width="10%">Qty</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($data->components as $index => $component)
                                                    <tr>
                                                        <td>{{ $index + 1 }}</td>
                                                        <td>
                                                            @if($component->component)
                                                            <a href="{{ route('raw_materials.show', $component->component->id) }}" target="_blank">
                                                                {{ $component->component->code }}
                                                            </a>
                                                            @else -
                                                            @endif
                                                        </td>
                                                        <td>{{ $component->component->name ?? '-' }}</td>
                                                        <td>{{ $component->component->tipe ?? '-' }}</td>
                                                        <td>{{ $component->component->uom ?? '-' }}</td>
                                                        <td class="text-center">
                                                            @if($component->input_lsm_flag)
                                                                <span class="badge badge-success">Ya</span>
                                                            @else
                                                                <span class="badge badge-secondary">Tidak</span>
                                                            @endif
                                                        </td>
                                                        <td class="text-right">{{ number_format($component->qty, 5) }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Substitutions Section -->
                        @if($data->substitutions && $data->substitutions->count() > 0)
                        <div class="row mt-3">
                            <div class="col-12">
                                <div class="card card-outline card-success">
                                    <div class="card-header">
                                        <h3 class="card-title">Substitusi ({{ $data->substitutions->count() }} item)</h3>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table table-hover table-sm">
                                                <thead class="bg-warning">
                                                    <tr>
                                                        <th width="5%">No</th>
                                                        <th width="20%">Kode</th>
                                                        <th width="60%">Nama</th>
                                                        <th width="15%">Tipe</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($data->substitutions as $index => $substitution)
                                                    <tr>
                                                        <td>{{ $index + 1 }}</td>
                                                        <td>
                                                            @if($substitution->substitution)
                                                            <a href="{{ route('raw_materials.show', $substitution->substitution->id) }}" target="_blank">
                                                                {{ $substitution->substitution->code }}
                                                            </a>
                                                            @else -
                                                            @endif
                                                        </td>
                                                        <td>{{ $substitution->substitution->name ?? '-' }}</td>
                                                        <td>{{ $substitution->substitution->tipe ?? '-' }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Konversi per DC -->
                        <div class="row mt-3">
                            <div class="col-12">
                                <div class="card card-outline card-warning">
                                    <div class="card-header">
                                        <h3 class="card-title">
                                            <i class="fas fa-exchange-alt"></i> Konversi per DC
                                            <span class="badge badge-warning ml-1">{{ $data->conversions->count() }}</span>
                                        </h3>
                                        <div class="card-tools">
                                            <a href="{{ route('item_conversions.index') }}" target="_blank" class="btn btn-sm btn-warning">
                                                <i class="fas fa-cog"></i> Kelola
                                            </a>
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-body p-0">
                                        @if($data->conversions->count() > 0)
                                        <div class="table-responsive">
                                            <table class="table table-hover table-sm mb-0">
                                                <thead class="bg-warning">
                                                    <tr>
                                                        <th>DC</th>
                                                        <th>UOM Kirim</th>
                                                        <th>Faktor Kirim → Utuh</th>
                                                        <th>UOM Utuh</th>
                                                        <th>Faktor Utuh → Pakai</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($data->conversions as $conv)
                                                    <tr>
                                                        <td>{{ $conv->dc ? $conv->dc->code . ' - ' . $conv->dc->name : 'DC #' . $conv->dc_id }}</td>
                                                        <td>{{ $conv->uom_kirim ?: '-' }}</td>
                                                        <td>{{ $conv->conversion_factor_kirim_utuh ? number_format($conv->conversion_factor_kirim_utuh, 5) : '-' }}</td>
                                                        <td>{{ $conv->uom_utuh ?: '-' }}</td>
                                                        <td>{{ $conv->conversion_factor_utuh_pakai ? number_format($conv->conversion_factor_utuh_pakai, 5) : '-' }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                        @else
                                        <div class="p-3 text-muted">
                                            <i class="fas fa-info-circle"></i> Belum ada data konversi.
                                            <a href="{{ route('item_conversions.index') }}" target="_blank">Buat di Master Item Conversion</a>.
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection