@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 card-outline card-warning">
                    <div class="card-header">
                        <h3 class="card-title">{{ $variables['judul'] }}</h3>
                    </div>
                    <form id="formID" action="{{ route('store_raw_materials.store', $data->id) }}" method="POST">
                        @csrf
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="store_id" class="font-weight-bold">Store <span class="text-danger">*</span></label>
                                        <select class="form-control select2 select2-warning"
                                            data-dropdown-css-class="select2-warning"
                                            name="store_id"
                                            id="store_id"
                                            required
                                            {{ $data->id ? 'disabled' : '' }}>
                                            <option value="">Pilih Store</option>
                                            @foreach($variables['stores'] as $store)
                                            <option value="{{ $store->id }}" {{ old('store_id', $data->store_id ?? '') == $store->id ? 'selected' : '' }}>
                                                {{ $store->code }} - {{ $store->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                        @if($data->id)
                                        <input type="hidden" name="store_id" value="{{ $data->store_id }}">
                                        @endif
                                    </div>

                                    <div class="form-group">
                                        <label for="raw_material_id" class="font-weight-bold">Item <span class="text-danger">*</span></label>
                                        <select class="form-control select2 select2-warning"
                                            data-dropdown-css-class="select2-warning"
                                            name="raw_material_id"
                                            id="raw_material_id"
                                            required
                                            {{ $data->id ? 'disabled' : '' }}>
                                            <option value="">Pilih Item</option>
                                            @foreach($variables['raw_materials'] as $rm)
                                            <option value="{{ $rm->id }}"
                                                data-tipe-doi="{{ $rm->tipe_doi }}"
                                                {{ old('raw_material_id', $data->raw_material_id ?? '') == $rm->id ? 'selected' : '' }}>
                                                {{ $rm->code }} - {{ $rm->name }} ({{ $rm->tipe_doi }})
                                            </option>
                                            @endforeach
                                        </select>
                                        @if($data->id)
                                        <input type="hidden" name="raw_material_id" value="{{ $data->raw_material_id }}">
                                        @endif
                                    </div>

                                    <div class="form-group">
                                        <label class="font-weight-bold">Flag Status</label>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="lsm_flag" id="lsm_flag" value="1" {{ old('lsm_flag', $data->lsm_flag ?? true) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="lsm_flag">
                                                <strong>Flag LSM</strong> - Masukkan dalam Stock Opname (LSM)
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="spb_flag" id="spb_flag" value="1" {{ old('spb_flag', $data->spb_flag ?? true) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="spb_flag">
                                                <strong>Flag SPB</strong> - Izinkan dalam Permintaan Item (SPB)
                                            </label>
                                        </div>
                                        <small class="form-text text-muted text-xs">Pengaturan ini spesifik untuk store ini</small>
                                    </div>

                                    <div class="form-group">
                                        <label for="period_id" class="font-weight-bold">Periode Pemesanan <span class="text-danger">*</span></label>
                                        <select class="form-control select2 select2-warning" data-dropdown-css-class="select2-warning" name="period_id" id="period_id" required>
                                            <option value="">Pilih Periode</option>
                                            @foreach($variables['periods'] as $period)
                                            <option value="{{ $period->id }}"
                                                {{ old('period_id', $data->period_id ?? '') == $period->id ? 'selected' : '' }}>
                                                {{ $period->code }} - {{ $period->period_group }} ({{ $period->tipe_pengiriman }})
                                            </option>
                                            @endforeach
                                        </select>
                                        <small class="form-text text-muted text-xs">Wajib diisi. Menentukan periode pemesanan dan tipe pengiriman item.</small>
                                    </div>

                                    <div class="form-group">
                                        <label for="tipe_dokumen" class="font-weight-bold">Tipe Dokumen <span class="text-danger">*</span></label> 
                                        <select class="form-control select2 select2-warning"
                                            data-dropdown-css-class="select2-warning"
                                            name="tipe_dokumen"
                                            id="tipe_dokumen"
                                            required>
                                            <option value="DO" {{ old('tipe_dokumen', $data->tipe_dokumen ?? 'DO') == 'DO' ? 'selected' : '' }}>
                                                DO - Delivery Order (Warehouse)
                                            </option>
                                            <option value="PR" {{ old('tipe_dokumen', $data->tipe_dokumen ?? '') == 'PR' ? 'selected' : '' }}>
                                                PR - Purchase Request (Supplier)
                                            </option>
                                        </select> 
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="minimal_order" class="font-weight-bold">Pesanan Minimal</label>
                                        <input type="number"
                                            class="form-control"
                                            name="minimal_order"
                                            id="minimal_order"
                                            step="1"
                                            min="0"
                                            value="{{ old('minimal_order', $data->minimal_order ?? 0) }}">
                                        <small class="form-text text-muted">
                                            <strong>Definisi:</strong> Jika SPB < minimal order, maka SPB = minimal order<br>
                                            <strong>Contoh:</strong> Minimal Order = 8, SPB = 7 → <span class="text-success">Hasil = 8</span><br>
                                            <strong>Contoh:</strong> Minimal Order = 8, SPB = 10 → <span class="text-success">Hasil = 10</span> (tidak berubah)
                                        </small>
                                    </div>

                                    <div class="form-group">
                                        <label for="multiple_order" class="font-weight-bold">Kelipatan Pembulatan (MROUND)</label>
                                        <input type="number"
                                            class="form-control"
                                            name="multiple_order"
                                            id="multiple_order"
                                            step="1"
                                            min="0"
                                            value="{{ old('multiple_order', $data->multiple_order ?? 1) }}">
                                        <small class="form-text text-muted">
                                            <strong>Definisi:</strong> Pembulatan ke kelipatan terdekat menggunakan MROUND<br>
                                            <strong>Contoh:</strong> Kelipatan = 2, SPB = 7 → <span class="text-success">Hasil = 8</span> (7÷2=3.5, round=4, 4×2=8)<br>
                                            <strong>Contoh:</strong> Kelipatan = 5, SPB = 12 → <span class="text-success">Hasil = 10</span> (12÷5=2.4, round=2, 2×5=10)<br>
                                            <strong>Contoh:</strong> Kelipatan = 5, SPB = 13 → <span class="text-success">Hasil = 15</span> (13÷5=2.6, round=3, 3×5=15)
                                        </small>
                                    </div>

                                    <div class="form-group">
                                        <label for="notes" class="font-weight-bold">Catatan</label>
                                        <textarea class="form-control"
                                            name="notes"
                                            id="notes"
                                            rows="3">{{ old('notes', $data->notes ?? '') }}</textarea>
                                        <small class="form-text text-muted">Catatan tambahan untuk pemetaan ini</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-sm btn-info">
                                <i class="fa fa-save"></i> Simpan
                            </button>
                            <a href="{{ route('store_raw_materials.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() {
        // Initialize Select2
        $('.select2').select2();
        var isSubmitting = false;
        // Form validation
        $('#formID').validate({
            rules: {
                store_id: {
                    required: true
                },
                raw_material_id: {
                    required: true
                },
                tipe_dokumen: {
                    required: true
                },
                min_stock: {
                    number: true,
                    min: 0
                },
                max_stock: {
                    number: true,
                    min: 0
                },
                multiple_order: {
                    number: true,
                    min: 0
                }
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            },
            submitHandler: function(form) {
                if (isSubmitting) return false;

                isSubmitting = true;
                $('#loaderkdnknz').show();

                var formData = new FormData(form);

                $.ajax({
                        type: "POST",
                        url: $(form).attr('action'), // Gunakan attribute action dari form
                        data: formData,
                        processData: false, // WAJIB: jangan proses jadi query string
                        contentType: false, // WAJIB: agar browser set multipart/form-data
                        dataType: "json",
                    })
                    .done(function(data) {
                        Swal.fire({
                            icon: data[0],
                            text: data[1],
                            showCancelButton: false,
                            confirmButtonColor: '#6c757d',
                            confirmButtonText: 'OK',
                            allowOutsideClick: false
                        }).then((result) => {
                            if (result.isConfirmed && data[0] == 'success') {
                                const dataId = parseInt("{{ $data->id }}");
                                if (dataId > 0) {
                                    window.location.href = "{{ route('store_raw_materials.show', $data->id) }}";
                                } else {
                                    window.location.href = "{{ route('store_raw_materials.index') }}";
                                }
                            }
                        });
                    })
                    .fail(function(xhr) {
                        let errorText = "Please contact the relevant team or try again.";

                        // Jika status 422 dan ada errors
                        if (xhr.status === 422 && xhr.responseJSON.errors) {
                            const errors = xhr.responseJSON.errors;
                            errorText = '';

                            for (const key in errors) {
                                if (errors.hasOwnProperty(key)) {
                                    errorText += `<strong>${key}</strong> : ${errors[key].join(', ')}<br>`;
                                }
                            }
                        } // Jika ada pesan error umum (misalnya 403, 500, dsb)
                        else if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorText = xhr.responseJSON.message;
                        }

                        Swal.fire({
                            icon: "error",
                            title: "Validasi Gagal",
                            html: errorText, // <- pakai html, bukan text
                            confirmButtonColor: '#6c757d',
                            confirmButtonText: 'OK'
                        });
                    })
                    .always(function() {
                        isSubmitting = false;
                        $('#loaderkdnknz').hide();
                    });
            }
        });
    });
</script>
@endsection