@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
@php $isNew = is_null($data); @endphp
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-warning">
                    <div class="card-header">
                        <h3 class="card-title">{{ $variables['judul'] }}</h3> 
                    </div>
                    <form id="form-conversion">
                        @csrf
                        <div class="card-body">
                            @if($isNew)
                            {{-- CREATE MODE: pilih Item dan DC --}}
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label>Item <span class="text-danger">*</span></label>
                                        <select class="form-control select2 select2-warning" name="raw_material_id" id="raw_material_id" required>
                                            <option value="">Pilih Item</option>
                                            @foreach($rawMaterials as $rm)
                                            <option value="{{ $rm->id }}" data-uom-pakai="{{ $rm->uom_pakai ?? $rm->uom }}">
                                                {{ $rm->code }} - {{ $rm->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>DC <span class="text-danger">*</span></label>
                                        <select class="form-control select2 select2-warning" name="dc_id" required>
                                            <option value="">Pilih DC</option>
                                            @foreach($dcs as $dc)
                                            <option value="{{ $dc->id }}">{{ $dc->code }} - {{ $dc->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>UOM Pakai</label>
                                        <input type="text" class="form-control" id="uom_pakai_display" readonly placeholder="-">
                                    </div>
                                </div>
                            </div>
                            @else
                            {{-- EDIT MODE: tampilkan info --}}
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-sm table-borderless">
                                        <tr>
                                            <td width="40%"><strong>Item</strong></td>
                                            <td>: {{ $data->rawMaterial->code ?? '-' }} | {{ $data->rawMaterial->name ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>DC</strong></td>
                                            <td>: {{ $data->dc->name ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>UOM Pakai</strong></td>
                                            <td>: {{ $data->rawMaterial->uom_pakai ?? $data->rawMaterial->uom ?? '-' }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            @endif
                            <hr>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>UOM Utuh <span class="text-danger">*</span></label>
                                        <select class="form-control select2 select2-warning" name="uom_utuh" required>
                                            <option value="">Pilih UOM Utuh</option>
                                            @foreach($uoms as $uom)
                                            <option value="{{ $uom->code }}" {{ old('uom_utuh', $data->uom_utuh ?? '') == $uom->code ? 'selected' : '' }}>
                                                {{ $uom->code }} - {{ $uom->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Konversi Utuh → Pakai <span class="text-danger">*</span></label>
                                        <input type="number" step="0.00001" min="0.00001" class="form-control"
                                            name="conversion_factor_utuh_pakai"
                                            value="{{ old('conversion_factor_utuh_pakai', $data->conversion_factor_utuh_pakai ?? '') }}" required>
                                        <small class="text-muted">1 Utuh = ? Pakai</small>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>UOM Kirim <span class="text-danger">*</span></label>
                                        <select class="form-control select2 select2-warning" name="uom_kirim" required>
                                            <option value="">Pilih UOM Kirim</option>
                                            @foreach($uoms as $uom)
                                            <option value="{{ $uom->code }}" {{ old('uom_kirim', $data->uom_kirim ?? '') == $uom->code ? 'selected' : '' }}>
                                                {{ $uom->code }} - {{ $uom->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Konversi Kirim → Utuh <span class="text-danger">*</span></label>
                                        <input type="number" step="0.00001" min="0.00001" class="form-control"
                                            name="conversion_factor_kirim_utuh"
                                            value="{{ old('conversion_factor_kirim_utuh', $data->conversion_factor_kirim_utuh ?? '') }}" required>
                                        <small class="text-muted">1 Kirim = ? Utuh</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-sm btn-info">
                                <i class="fas fa-save"></i> Simpan
                            </button> 
                            <a href="{{ route('item_conversions.index') }}" class="btn btn-sm btn-warning" data='back' onclick="return notificationBeforeBack(event, this);">
                                            <i class="fa fa-arrow-left"></i> Kembali
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
$(function() {
    @if($isNew)
    // Update UOM Pakai display when item is selected
    $('#raw_material_id').on('change', function() {
        const uomPakai = $(this).find(':selected').data('uom-pakai') || '-';
        $('#uom_pakai_display').val(uomPakai);
    });
    @endif

    $('#form-conversion').on('submit', function(e) {
        e.preventDefault();
        const btn = $(this).find('[type=submit]');
        btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Menyimpan...');

        const url = @if($isNew)
            '{{ route("item_conversions.store", 0) }}'
        @else
            '{{ route("item_conversions.store", $data->id) }}'
        @endif;

        $.ajax({
            url: url,
            type: 'POST',
            data: $(this).serialize(),
            success: function(res) {
                if (res[0] === 'success') {
                    Swal.fire({ icon: 'success', title: 'Berhasil', text: res[1], timer: 1500, showConfirmButton: false })
                        .then(() => window.location.href = '{{ route("item_conversions.index") }}');
                } else {
                    Swal.fire({ icon: 'warning', title: 'Perhatian', text: res[1] });
                    btn.prop('disabled', false).html('<i class="fas fa-save"></i> Simpan');
                }
            },
            error: function(xhr) {
                Swal.fire({ icon: 'error', title: 'Error', text: xhr.responseJSON?.message || 'Terjadi kesalahan' });
                btn.prop('disabled', false).html('<i class="fas fa-save"></i> Simpan');
            }
        });
    });
});
</script>
@endsection