@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">
                            <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>
                            <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">
                        <!-- Raw Material Header Info -->
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="40%"><strong>Kode</strong></td>
                                        <td>: <span class="badge badge-info">{{ $data->code }}</span></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>: <span class="badge badge-info">{{ $data->tipe_doi }}</span></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td><strong>UOM Base</strong></td>
                                        <td>: <span class="badge badge-info">{{ $data->uom }}</span></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>
                                    <tr>
                                        <td><strong>Konversi FSTR/SUB ke Item</strong></td>
                                        <td>: {{ number_format($data->conversion_factor_to_item ?? 1, 4) }}</td>
                                    </tr> 
                                    <tr>
                                        <td width="40%"><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>
                            <!-- SPB Rules Fieldset -->
                            <div class="col-md-6">
                                <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">
                                            <div class="form-group">
                                                <label for="percentage_spb_rop" class="font-weight-bold">Persentase SPB ROP (%)</label>
                                                <div class="input-group">
                                                    <input disabled type="number" step="0.01" class="form-control" name="percentage_spb_rop" id="percentage_spb_rop" value="{{ old('percentage_spb_rop', $data->percentage_spb_rop ?? 0) }}" min="0" max="100" placeholder="0.00">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><i class="fas fa-percentage"></i></span>
                                                    </div>
                                                </div>
                                                <small class="text-muted"><i class="fas fa-info-circle"></i> Threshold pembulatan SPB ke atas</small>
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="percentage_spb_over_qty" class="font-weight-bold">Persentase SPB Over Qty (%)</label>
                                                <div class="input-group">
                                                    <input disabled type="number" step="0.01" class="form-control" name="percentage_spb_over_qty" id="percentage_spb_over_qty" value="{{ old('percentage_spb_over_qty', $data->percentage_spb_over_qty ?? 0) }}" min="0" max="100" placeholder="0.00">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><i class="fas fa-percentage"></i></span>
                                                    </div>
                                                </div>
                                                <small class="text-muted"><i class="fas fa-info-circle"></i> Persentase kelebihan stok yang diperbolehkan</small>
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="lsm_index" class="font-weight-bold">LSM Index</label>
                                                <div class="input-group">
                                                    <input disabled type="number" step="1" class="form-control" name="lsm_index" id="lsm_index" value="{{ old('lsm_index', $data->lsm_index ?? 0) }}" min="0" placeholder="0">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><i class="fas fa-sort-numeric-down"></i></span>
                                                    </div>
                                                </div>
                                                <small class="text-muted"><i class="fas fa-info-circle"></i> Urutan tampilan di form LSM/SO</small>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Adjustment Columns Settings -->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="font-weight-bold">Kolom Adjustment yang Ditampilkan</label>
                                                <div class="row">
                                                    @if($data->adj_restan_flag)
                                                        <span class="badge mr-2 badge-primary">Restan</span>
                                                    @endif
                                                    @if($data->adj_extras_flag)
                                                        <span class="badge mr-2 badge-success">Extras</span>
                                                    @endif
                                                    @if($data->adj_ringkas_flag)
                                                        <span class="badge mr-2 badge-info">Ringkas</span>
                                                    @endif
                                                    @if($data->adj_selisih_flag)
                                                        <span class="badge mr-2 badge-warning">Selisih</span>
                                                    @endif
                                                    @if(!$data->adj_restan_flag && !$data->adj_extras_flag && !$data->adj_ringkas_flag && !$data->adj_selisih_flag)
                                                        <span class="badge mr-2 badge-secondary">Tidak Ada</span>
                                                    @endif
                                                </div> 
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                            <!-- Conversion Information -->
                            <div class="col-md-6">
                                <fieldset class="border p-3 mb-3">
                                    <legend class="w-auto px-2 text-success" style="font-size: 1rem;">
                                        <i class="fas fa-calculator"></i> Informasi Konversi Satuan
                                    </legend>
                                    @if($data->uom_kirim || $data->uom_utuh || $data->uom_pakai)
                                        <div class="row">
                                            <!-- Column 1: UOM List -->
                                            <div class="col-md-7">
                                                <table class="table table-sm table-borderless"> 
                                                    <tr>
                                                        <td width="50%"><strong>UOM Kirim</strong></td>
                                                        <td>: {!! $data->uom_kirim ? '<span class="badge badge-primary">' . $data->uom_kirim . '</span>' : '-' !!}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>UOM Utuh</strong></td>
                                                        <td>: {!! $data->uom_utuh ? '<span class="badge badge-info">' . $data->uom_utuh . '</span>' : '-' !!}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>UOM Pakai</strong></td>
                                                        <td>: {!! $data->uom_pakai ? '<span class="badge badge-success">' . $data->uom_pakai . '</span>' : '-' !!}</td>
                                                    </tr>
                                                    <tr>
                                                        <td width="50%"><strong>Kirim ? Utuh</strong></td>
                                                        <td>: {{ $data->conversion_factor_kirim_utuh }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Utuh ? Pakai</strong></td>
                                                        <td>: {{ $data->conversion_factor_utuh_pakai }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Kubikasi</strong></td>
                                                        <td>: {{ $data->kubikasi ? number_format($data->kubikasi, 4) . ' m�' : '-' }}</td>
                                                    </tr> 
                                                </table>
                                            </div> 

                                            <!-- Column 3: Preview Konversi -->
                                            <div class="col-md-5">
                                                @if(($data->uom_kirim && $data->uom_utuh && $data->conversion_factor_kirim_utuh) || ($data->uom_utuh && $data->uom_pakai && $data->conversion_factor_utuh_pakai))
                                                <div class="card bg-gradient-light mb-0" style="border: 2px dashed #ffc107;">
                                                    <div class="card-body">
                                                        <h6 class="font-weight-bold"> Preview Konversi
                                                        </h6>
                                                        <div>
                                                            @if($data->uom_kirim && $data->uom_utuh && $data->conversion_factor_kirim_utuh)
                                                            <div class="mb-2 bg-white rounded">
                                                                <i class="fas fa-arrow-right text-primary"></i> 
                                                                <strong>1 {{ $data->uom_kirim }}</strong> = <span class="text-primary font-weight-bold">{{ number_format($data->conversion_factor_kirim_utuh, 4) }} {{ $data->uom_utuh }}</span>
                                                            </div>
                                                            @endif

                                                            @if($data->uom_utuh && $data->uom_pakai && $data->conversion_factor_utuh_pakai)
                                                            <div class="mb-2 bg-white rounded">
                                                                <i class="fas fa-arrow-right text-success"></i> 
                                                                <strong>1 {{ $data->uom_utuh }}</strong> = <span class="text-success font-weight-bold">{{ number_format($data->conversion_factor_utuh_pakai, 4) }} {{ $data->uom_pakai }}</span>
                                                            </div>
                                                            @endif

                                                            @if($data->conversion_factor_kirim_utuh && $data->conversion_factor_utuh_pakai)
                                                            <div class="p-2 bg-info rounded">
                                                                <i class="fas fa-equals text-white"></i> 
                                                                <strong class="text-white">Total: 1 {{ $data->uom_kirim }}</strong> = <span class="text-white font-weight-bold">{{ number_format($data->conversion_factor_kirim_utuh * $data->conversion_factor_utuh_pakai, 4) }} {{ $data->uom_pakai }}</span>
                                                            </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>    
                                        </div>                                                 
                                    @endif
                                </fieldset>
                            </div>
                        </div>  
                        <!-- FSTR Components Section -->
                        @if($data->components && $data->components->count() > 0)
                        <div class="row mt-4">
                            <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 ? $component->component->name : '-' }}</td>
                                                        <td>
                                                            {{ $component->component ? $component->component->tipe : '-' }}
                                                        </td>
                                                        <td>{{ $component->component ? $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-4">
                            <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 ? $substitution->substitution->name : '-' }}</td>
                                                        <td>
                                                            {{ $substitution->substitution ? $substitution->substitution->tipe : '-' }}
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection