@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Show'])

    @php
        // fallback alias dari controller
        $komposisi = $komposisi ?? ($list ?? null);
        $details = $details ?? ($detail_rows ?? []);

        use Illuminate\Support\Facades\DB;

        // Datalist kategori (untuk tampilan konsisten, meski readonly)
        $kategoriList = DB::table('mst_kategori')
            ->orderBy('kategori')
            ->pluck('kategori')
            ->map(fn($v) => trim($v))
            ->unique(fn($v) => mb_strtolower($v))
            ->sort()
            ->values();

        // normalizer
        $norm = fn($s) => mb_strtolower(preg_replace('/\s+/u', ' ', trim((string) $s)));

        // Filter detail: sembunyikan baris khusus SAP Core (tipe=fes, layer null/“sap core”, kategori ‘SAP Core’)
        $rowsForShow = collect($details)
            ->map(fn($r) => is_array($r) ? (object) $r : $r)
            ->filter(function ($r) use ($norm) {
                $tipe = $norm($r->tipe ?? '');
                $layer = isset($r->layer) ? $norm($r->layer) : null;
                $kat = $norm($r->kategori ?? '');
                $isSapCore = $tipe === 'fes' && ($layer === 'sap core' || ($r->layer === null && $kat === 'sap core'));
                return !$isSapCore;
            })
            ->sortBy(fn($r) => is_numeric($r->id ?? null) ? (int) $r->id : PHP_INT_MAX)
            ->values();
    @endphp

    <div class="container-fluid py-4">
        {{-- ACTION BAR --}}
        <div class="card shadow-sm mb-4 d-print-none">
            <div class="card-body py-3">
                <div class="d-flex align-items-center gap-2">
                    <button type="button" class="btn btn-secondary d-inline-flex align-items-center mb-0"
                        onclick="history.back()">
                        <i class="fas fa-circle-left me-1"></i>
                        <span class="fw-bold">Kembali</span>
                    </button>

                    @if (isset($komposisi->id))
                        <a href="{{ url($url_menu . '/edit/' . encrypt($komposisi->id)) }}"
                            class="btn btn-warning d-inline-flex align-items-center mb-0">
                            <i class="fas fa-pen-to-square me-1"></i>
                            <span>Edit</span>
                        </a>
                    @endif
                </div>
            </div>
        </div>

        {{-- HEADER KOMPOSISI --}}
        <div class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Header Komposisi</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    {{-- Nama Customer --}}
                    <div class="form-group">
                        <label>Nama Customer</label>
                        <input type="text" class="form-control" value="{{ $komposisi->nama ?? '' }}" readonly>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Material SAP</label>
                            <input type="text" class="form-control" value="{{ $komposisi->matnr_sap ?? '' }}" readonly>
                        </div>
                        <div class="form-group">
                            <label>Material FES</label>
                            <input type="text" class="form-control" value="{{ $komposisi->matnr_fes ?? '' }}" readonly>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Width SAP</label>
                            <input type="text" class="form-control" value="{{ $komposisi->width_sap ?? '' }}" readonly>
                        </div>
                        <div class="form-group">
                            <label>Width FES</label>
                            <input type="text" class="form-control" value="{{ $komposisi->width_fes ?? '' }}" readonly>
                        </div>
                    </div>
                </div>

                <div class="row mt-1">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>GSM SAP</label>
                            <input type="text" class="form-control"
                                value="{{ isset($komposisi->gsm_sap) ? rtrim(rtrim(number_format((float) $komposisi->gsm_sap, 3, '.', ''), '0'), '.') : '' }}"
                                readonly>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>GSM FES</label>
                            <input type="text" class="form-control"
                                value="{{ isset($komposisi->gsm_fes) ? rtrim(rtrim(number_format((float) $komposisi->gsm_fes, 3, '.', ''), '0'), '.') : '' }}"
                                readonly>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- DETAIL KOMPOSISI (sesuai Add/Edit: Tipe, Kategori, GSM) --}}
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Detail Komposisi</h5>
            </div>
            <div class="card-body table-responsive">

                {{-- optional: datalist untuk konsistensi tampilan --}}
                <datalist id="kategoriOptions">
                    @foreach ($kategoriList as $k)
                        <option value="{{ e($k) }}"></option>
                    @endforeach
                </datalist>

                <table class="text-center table table-bordered excel-table" id="detailTable">
                    <thead style="background-color:#b8ecec">
                        <tr>
                            <th style="width:20%">Tipe</th>
                            <th style="width:50%">Kategori</th>
                            <th style="width:20%">GSM</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($rowsForShow as $row)
                            <tr>
                                <td>
                                    <input type="text" class="form-control" value="{{ strtoupper($row->tipe ?? '') }}"
                                        readonly>
                                </td>
                                <td>
                                    <input type="text" class="form-control" list="kategoriOptions"
                                        value="{{ $row->kategori ?? '' }}" readonly>
                                </td>
                                <td>
                                    <input type="text" class="form-control text-end"
                                        value="{{ isset($row->gsm) ? rtrim(rtrim(number_format((float) $row->gsm, 3, '.', ''), '0'), '.') : '' }}"
                                        readonly>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3" class="text-center text-muted">Belum ada detail komposisi.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection