@extends('layouts.adminlte')

@section('title', 'ADJUSTMENT STOK GUDANG')
@section('page_title', 'ADJUSTMENT STOK GUDANG')

@push('styles')
    <link rel="stylesheet" href="{{ asset('vendor/datatables/css/dataTables.bootstrap5.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('vendor/datatables/css/responsive.bootstrap5.min.css') }}" />
@endpush

@section('content')
    <div class="card mb-3">
        <div class="card-header">
            <h3 class="card-title m-0">Adjustment / Koreksi Stok Gudang</h3>
        </div>
        <div class="card-body">
            @include('masterproject::partials.warehouse_nav', [
                'warehouseActive' => 'adjustments',
                'warehouseActionButton' => '<button class="btn btn-primary btn-sm" id="btnAddAdjustment"><i class="fas fa-scale-balanced me-1"></i>Buat Adjustment</button>',
            ])
            <div class="alert alert-warning mb-3">
                Gunakan adjustment stok untuk koreksi opname, pembukaan saldo awal, atau penyesuaian manual saat barang tidak bisa di-merge penuh. Sistem tetap mencatat histori masuk/keluar ke kartu stok.
            </div>
            <div class="table-responsive">
                <table id="adjustmentTable" class="table table-striped table-hover align-middle w-100">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>No Adjustment</th>
                            <th>Gudang</th>
                            <th>Tanggal</th>
                            <th>Tipe</th>
                            <th>Items</th>
                            <th>Notes</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="modal fade" id="adjustmentModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Buat Adjustment Stok</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="adjustmentForm">
                    <div class="modal-body">
                        <div class="row g-3">
                            <div class="col-md-3">
                                <label class="form-label">Gudang</label>
                                <select class="form-select" id="adjustmentGudangId" required></select>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">No Adjustment</label>
                                <input type="text" class="form-control" id="adjustmentNumber" placeholder="Auto jika kosong" />
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Tanggal</label>
                                <input type="date" class="form-control" id="adjustmentDate" />
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Tipe</label>
                                <select class="form-select" id="adjustmentType">
                                    <option value="correction">Correction</option>
                                    <option value="opname">Opname</option>
                                    <option value="opening">Opening</option>
                                </select>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">Notes</label>
                                <input type="text" class="form-control" id="adjustmentNotes" placeholder="Contoh: Koreksi stok hasil opname mingguan" />
                            </div>
                        </div>
                        <hr />
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <h6 class="m-0">Item Adjustment</h6>
                            <button type="button" class="btn btn-outline-primary btn-sm" id="btnAddAdjustmentItem">Tambah Item</button>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-sm table-bordered align-middle" id="adjustmentItemsTable">
                                <thead>
                                    <tr>
                                        <th>Barang</th>
                                        <th>Stok Saat Ini</th>
                                        <th>Tipe</th>
                                        <th>Satuan</th>
                                        <th>Qty</th>
                                        <th>Notes</th>
                                        <th>#</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Simpan Adjustment</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendor/datatables/js/dataTables.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendor/datatables/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('vendor/datatables/js/responsive.bootstrap5.min.js') }}"></script>
    <script>
        $(function () {
            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
            if (csrfToken) $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': csrfToken } });

            const modal = new bootstrap.Modal(document.getElementById('adjustmentModal'));
            const table = $('#adjustmentTable').DataTable({
                responsive: true,
                data: [],
                columns: [
                    { data: 'id' },
                    { data: 'adjustment_number' },
                    { data: null, render: (r) => `${r.gudang_code || ''} - ${r.gudang_name || ''}` },
                    { data: 'adjustment_date', render: (v) => v || '-' },
                    { data: 'adjustment_type', render: (v) => `<span class="badge text-bg-warning">${(v || '-').toUpperCase()}</span>` },
                    {
                        data: 'items',
                        render: (rows) => {
                            const items = rows || [];
                            if (!items.length) return '-';
                            return items.map((item) => `
                                <div class="small mb-1">
                                    <span class="badge text-bg-${item.movement_type === 'IN' ? 'success' : 'danger'} me-1">${item.movement_type}</span>
                                    <strong>${item.barang_code || ''}</strong> - ${item.barang_name || ''} :
                                    ${Number(item.qty || 0).toLocaleString('id-ID')} ${item.satuan_name || ''}
                                </div>
                            `).join('');
                        }
                    },
                    { data: 'notes', render: (v) => v || '-' }
                ]
            });

            let gudangRows = [];
            let barangRows = [];
            let stockRows = [];
            const barangMap = {};

            const buildGudangOptions = () => gudangRows.map((row) => `<option value="${row.id}">${row.code} - ${row.name}</option>`).join('');
            const buildBarangOptions = (selectedId = '') => {
                const options = ['<option value="">- Pilih Barang -</option>'];
                barangRows.forEach((row) => {
                    const selected = Number(selectedId || 0) === Number(row.id) ? ' selected' : '';
                    options.push(`<option value="${row.id}"${selected}>${row.code} - ${row.name}</option>`);
                });
                return options.join('');
            };
            const buildUnitOptions = (barangId, selectedId = '') => {
                const row = barangMap[Number(barangId || 0)];
                if (!row || !row.default_satuan_id) {
                    return '<option value="">-</option>';
                }
                const selected = Number(selectedId || 0) === Number(row.default_satuan_id) ? ' selected' : '';
                return `<option value="${row.default_satuan_id}"${selected}>${row.default_satuan_name || 'Satuan Dasar'}</option>`;
            };
            const currentStockText = (gudangId, barangId) => {
                const row = stockRows.find((item) => Number(item.gudang_id) === Number(gudangId) && Number(item.barang_id) === Number(barangId));
                return row
                    ? `${Number(row.qty_base_total || 0).toLocaleString('id-ID')} ${row.base_satuan_name || ''}`
                    : '0';
            };
            const loadData = () => {
                $.getJSON('{{ route('master_project.warehouse_adjustments.data') }}')
                    .done((resp) => {
                        table.clear().rows.add(resp.data || []).draw();
                    })
                    .fail((xhr) => {
                        Swal.fire('Error', xhr.responseJSON?.message || 'Gagal memuat adjustment stok.', 'error');
                    });
            };
            const loadGudang = () => $.getJSON('{{ route('master_gudang.data') }}').done((resp) => {
                gudangRows = resp.data || [];
                $('#adjustmentGudangId').html(buildGudangOptions());
            });
            const loadBarang = () => $.getJSON('{{ route('master_barang.data') }}').done((resp) => {
                barangRows = (resp.data || []).filter((row) => !!row.is_active);
                barangRows.forEach((row) => { barangMap[Number(row.id)] = row; });
            });
            const loadStocks = () => $.getJSON('{{ route('master_project.warehouse_stocks.data') }}').done((resp) => {
                stockRows = resp.data || [];
            });
            const addItemRow = () => {
                const rowHtml = `
                    <tr>
                        <td><select class="form-select form-select-sm adj-barang">${buildBarangOptions()}</select></td>
                        <td class="adj-stock small text-muted">-</td>
                        <td>
                            <select class="form-select form-select-sm adj-movement-type">
                                <option value="IN">IN</option>
                                <option value="OUT">OUT</option>
                            </select>
                        </td>
                        <td><select class="form-select form-select-sm adj-satuan"><option value="">-</option></select></td>
                        <td><input type="number" class="form-control form-control-sm adj-qty" min="0.001" step="0.001" /></td>
                        <td><input type="text" class="form-control form-control-sm adj-notes" /></td>
                        <td><button type="button" class="btn btn-sm btn-outline-danger btn-remove-item">&times;</button></td>
                    </tr>
                `;
                $('#adjustmentItemsTable tbody').append(rowHtml);
            };
            const syncRow = ($tr) => {
                const gudangId = Number($('#adjustmentGudangId').val() || 0);
                const barangId = Number($tr.find('.adj-barang').val() || 0);
                $tr.find('.adj-satuan').html(buildUnitOptions(barangId));
                $tr.find('.adj-stock').text(barangId ? currentStockText(gudangId, barangId) : '-');
            };
            const resetForm = () => {
                $('#adjustmentNumber').val('');
                $('#adjustmentDate').val('{{ now()->toDateString() }}');
                $('#adjustmentType').val('correction');
                $('#adjustmentNotes').val('');
                $('#adjustmentItemsTable tbody').html('');
                addItemRow();
            };

            $('#btnAddAdjustment').on('click', function () {
                resetForm();
                modal.show();
            });
            $('#btnAddAdjustmentItem').on('click', function () {
                addItemRow();
            });
            $('#adjustmentItemsTable').on('click', '.btn-remove-item', function () {
                $(this).closest('tr').remove();
                if (!$('#adjustmentItemsTable tbody tr').length) addItemRow();
            });
            $('#adjustmentItemsTable').on('change', '.adj-barang', function () {
                syncRow($(this).closest('tr'));
            });
            $('#adjustmentGudangId').on('change', function () {
                $('#adjustmentItemsTable tbody tr').each(function () {
                    syncRow($(this));
                });
            });

            $('#adjustmentForm').on('submit', function (e) {
                e.preventDefault();
                const items = [];
                $('#adjustmentItemsTable tbody tr').each(function () {
                    const barangId = Number($(this).find('.adj-barang').val() || 0);
                    const satuanId = Number($(this).find('.adj-satuan').val() || 0);
                    const qty = Number($(this).find('.adj-qty').val() || 0);
                    if (!barangId || !satuanId || qty <= 0) return;
                    items.push({
                        barang_id: barangId,
                        satuan_id: satuanId,
                        movement_type: ($(this).find('.adj-movement-type').val() || 'IN').toString(),
                        qty: qty,
                        notes: ($(this).find('.adj-notes').val() || '').toString().trim()
                    });
                });

                if (!items.length) {
                    Swal.fire('Warning', 'Minimal ada 1 item adjustment.', 'warning');
                    return;
                }

                $.ajax({
                    url: '{{ route('master_project.warehouse_adjustments.store') }}',
                    type: 'POST',
                    data: {
                        gudang_id: $('#adjustmentGudangId').val(),
                        adjustment_number: ($('#adjustmentNumber').val() || '').toString().trim(),
                        adjustment_date: $('#adjustmentDate').val(),
                        adjustment_type: $('#adjustmentType').val(),
                        notes: ($('#adjustmentNotes').val() || '').toString().trim(),
                        items: items
                    }
                }).done((resp) => {
                    modal.hide();
                    loadData();
                    loadStocks();
                    Swal.fire('Success', resp?.message || 'Adjustment stok berhasil disimpan.', 'success');
                }).fail((xhr) => {
                    Swal.fire('Error', xhr.responseJSON?.message || 'Gagal menyimpan adjustment stok.', 'error');
                });
            });

            $.when(loadGudang(), loadBarang(), loadStocks()).always(() => {
                resetForm();
                loadData();
            });
        });
    </script>
@endpush