@extends('layouts.app')

@section('title', 'Edit Pengiriman')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 text-gray-800">Edit Pengiriman</h1>
        <a href="{{ route('deliveries.show', $delivery) }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Kembali
        </a>
    </div>

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <form action="{{ route('deliveries.update', $delivery) }}" method="POST" id="deliveryForm">
        @csrf
        @method('PUT')
        
        <div class="row">
            <div class="col-md-6">
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Informasi Pengiriman</h6>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label>No. Surat Jalan</label>
                            <input type="text" class="form-control" value="{{ $delivery->no_surat_jalan }}" readonly>
                        </div>

                        <div class="form-group">
                            <label for="tanggal_pengiriman">Tanggal Pengiriman <span class="text-danger">*</span></label>
                            <input type="date" class="form-control @error('tanggal_pengiriman') is-invalid @enderror" 
                                   id="tanggal_pengiriman" name="tanggal_pengiriman" 
                                   value="{{ old('tanggal_pengiriman', $delivery->tanggal_pengiriman->format('Y-m-d')) }}" required>
                            @error('tanggal_pengiriman')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="customer_id">Customer <span class="text-danger">*</span></label>
                            <select class="form-control @error('customer_id') is-invalid @enderror" 
                                    id="customer_id" name="customer_id" required>
                                <option value="">Pilih Customer</option>
                                @foreach($customers as $customer)
                                    <option value="{{ $customer->id }}" 
                                            data-alamat="{{ $customer->alamat }}"
                                            data-telepon="{{ $customer->telepon }}"
                                            {{ old('customer_id', $delivery->customer_id) == $customer->id ? 'selected' : '' }}>
                                        {{ $customer->nama_customer }}
                                    </option>
                                @endforeach
                            </select>
                            @error('customer_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="alamat">Alamat Pengiriman <span class="text-danger">*</span></label>
                            <textarea class="form-control @error('alamat') is-invalid @enderror" 
                                      id="alamat" name="alamat" rows="3" required>{{ old('alamat', $delivery->alamat) }}</textarea>
                            @error('alamat')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="telepon">Telepon <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('telepon') is-invalid @enderror" 
                                   id="telepon" name="telepon" value="{{ old('telepon', $delivery->telepon) }}" required>
                            @error('telepon')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="no_kendaraan">No. Kendaraan</label>
                            <input type="text" class="form-control @error('no_kendaraan') is-invalid @enderror" 
                                   id="no_kendaraan" name="no_kendaraan" value="{{ old('no_kendaraan', $delivery->no_kendaraan) }}">
                            @error('no_kendaraan')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="masa_berlaku">Masa Berlaku</label>
                            <input type="text" class="form-control @error('masa_berlaku') is-invalid @enderror" 
                                   id="masa_berlaku" name="masa_berlaku" value="{{ old('masa_berlaku', $delivery->masa_berlaku) }}"
                                   placeholder="Contoh: 7 Hari">
                            @error('masa_berlaku')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="workers">Pekerja</label>
                            <select multiple class="form-control @error('workers') is-invalid @enderror" 
                                    id="workers" name="workers[]" size="5">
                                @foreach($workers as $worker)
                                    <option value="{{ $worker->id }}" 
                                            {{ (is_array(old('workers')) ? in_array($worker->id, old('workers')) : $delivery->workers->contains($worker->id)) ? 'selected' : '' }}>
                                        {{ $worker->nama_karyawan }}
                                    </option>
                                @endforeach
                            </select>
                            @error('workers')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Tahan Ctrl (Windows) atau Cmd (Mac) untuk memilih multiple pekerja</small>
                        </div>

                        <div class="form-group">
                            <label for="keterangan">Keterangan</label>
                            <textarea class="form-control @error('keterangan') is-invalid @enderror" 
                                      id="keterangan" name="keterangan" rows="3">{{ old('keterangan', $delivery->keterangan) }}</textarea>
                            @error('keterangan')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Informasi Pembayaran</h6>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label for="no_invoice">No. Invoice</label>
                            <input type="text" class="form-control @error('no_invoice') is-invalid @enderror" 
                                   id="no_invoice" name="no_invoice" value="{{ old('no_invoice', $delivery->no_invoice) }}">
                            @error('no_invoice')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="subtotal">Subtotal</label>
                            <input type="number" step="0.01" class="form-control @error('subtotal') is-invalid @enderror" 
                                   id="subtotal" name="subtotal" value="{{ old('subtotal', $delivery->subtotal ?? 0) }}" readonly>
                            @error('subtotal')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="diskon">Diskon</label>
                            <input type="number" step="0.01" class="form-control @error('diskon') is-invalid @enderror" 
                                   id="diskon" name="diskon" value="{{ old('diskon', $delivery->diskon ?? 0) }}">
                            @error('diskon')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="pajak">Pajak</label>
                            <input type="number" step="0.01" class="form-control @error('pajak') is-invalid @enderror" 
                                   id="pajak" name="pajak" value="{{ old('pajak', $delivery->pajak ?? 0) }}">
                            @error('pajak')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="grand_total">Grand Total <span class="text-danger">*</span></label>
                            <input type="number" step="0.01" class="form-control @error('grand_total') is-invalid @enderror" 
                                   id="grand_total" name="grand_total" value="{{ old('grand_total', $delivery->grand_total) }}" required readonly>
                            @error('grand_total')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="alert alert-info">
                            <strong>Total Volume:</strong> <span id="total_volume_display">{{ number_format($delivery->total_volume, 4) }}</span> m³
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">Item Pengiriman</h6>
                <button type="button" class="btn btn-sm btn-success" id="addItemBtn">
                    <i class="fas fa-plus"></i> Tambah Item
                </button>
            </div>
            <div class="card-body">
                @if(!auth()->user()->canInputPrice())
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i> Anda tidak dapat menginput harga. Hanya Admin yang dapat menginput harga untuk kalkulasi laba-rugi.
                    </div>
                @endif
                <div class="table-responsive">
                    <table class="table table-bordered" id="itemsTable">
                        <thead class="thead-light">
                            <tr>
                                <th width="15%">Jenis Kayu</th>
                                <th width="10%">Panjang (cm)</th>
                                <th width="10%">Tebal (cm)</th>
                                <th width="10%">Lebar (cm)</th>
                                <th width="8%">Pcs</th>
                                <th width="12%">Volume (m³)</th>
                                @if(auth()->user()->canInputPrice())
                                <th width="12%">Harga/m³</th>
                                <th width="13%">Subtotal</th>
                                @endif
                                <th width="5%">Aksi</th>
                            </tr>
                        </thead>
                        <tbody id="itemsContainer">
                            @foreach($delivery->items as $index => $item)
                            <tr class="item-row">
                                <td>
                                    <input type="text" class="form-control" name="items[{{ $index }}][jenis_kayu]" 
                                           value="{{ old("items.$index.jenis_kayu", $item->jenis_kayu) }}" required>
                                </td>
                                <td>
                                    <input type="number" step="0.01" class="form-control panjang-input" 
                                           name="items[{{ $index }}][panjang_cm]" 
                                           value="{{ old("items.$index.panjang_cm", $item->panjang_cm) }}" required>
                                </td>
                                <td>
                                    <input type="number" step="0.01" class="form-control tebal-input" 
                                           name="items[{{ $index }}][tebal_cm]" 
                                           value="{{ old("items.$index.tebal_cm", $item->tebal_cm) }}" required>
                                </td>
                                <td>
                                    <input type="number" step="0.01" class="form-control lebar-input" 
                                           name="items[{{ $index }}][lebar_cm]" 
                                           value="{{ old("items.$index.lebar_cm", $item->lebar_cm) }}" required>
                                </td>
                                <td>
                                    <input type="number" class="form-control pcs-input" 
                                           name="items[{{ $index }}][pcs]" min="1"
                                           value="{{ old("items.$index.pcs", $item->pcs) }}" required>
                                </td>
                                <td>
                                    <input type="text" class="form-control volume-display" 
                                           value="{{ number_format($item->volume_m3, 4) }}" readonly>
                                </td>
                                @if(auth()->user()->canInputPrice())
                                <td>
                                    <input type="number" step="0.01" class="form-control harga-input" 
                                           name="items[{{ $index }}][harga_per_m3]" 
                                           value="{{ old("items.$index.harga_per_m3", $item->harga_per_m3) }}"
                                           placeholder="0.00">
                                </td>
                                <td>
                                    <input type="text" class="form-control subtotal-display" 
                                           value="{{ $item->subtotal ? number_format($item->subtotal, 2) : '0.00' }}" readonly>
                                </td>
                                @endif
                                <td>
                                    <button type="button" class="btn btn-sm btn-danger remove-item">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="text-right mb-4">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save"></i> Update
            </button>
        </div>
    </form>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    let itemIndex = {{ $delivery->items->count() }};
    const canInputPrice = {{ auth()->user()->canInputPrice() ? 'true' : 'false' }};

    $('#addItemBtn').click(function() {
        let newRow = `
            <tr class="item-row">
                <td>
                    <input type="text" class="form-control" name="items[${itemIndex}][jenis_kayu]" required>
                </td>
                <td>
                    <input type="number" step="0.01" class="form-control panjang-input" 
                           name="items[${itemIndex}][panjang_cm]" required>
                </td>
                <td>
                    <input type="number" step="0.01" class="form-control tebal-input" 
                           name="items[${itemIndex}][tebal_cm]" required>
                </td>
                <td>
                    <input type="number" step="0.01" class="form-control lebar-input" 
                           name="items[${itemIndex}][lebar_cm]" required>
                </td>
                <td>
                    <input type="number" class="form-control pcs-input" 
                           name="items[${itemIndex}][pcs]" min="1" required>
                </td>
                <td>
                    <input type="text" class="form-control volume-display" readonly>
                </td>`;
        
        if (canInputPrice) {
            newRow += `
                <td>
                    <input type="number" step="0.01" class="form-control harga-input" 
                           name="items[${itemIndex}][harga_per_m3]" placeholder="0.00">
                </td>
                <td>
                    <input type="text" class="form-control subtotal-display" readonly value="0.00">
                </td>`;
        }
        
        newRow += `
                <td>
                    <button type="button" class="btn btn-sm btn-danger remove-item">
                        <i class="fas fa-trash"></i>
                    </button>
                </td>
            </tr>
        `;
        $('#itemsContainer').append(newRow);
        itemIndex++;
        updateRemoveButtons();
    });

    $(document).on('click', '.remove-item', function() {
        $(this).closest('tr').remove();
        updateRemoveButtons();
        calculateTotals();
    });

    $(document).on('input', '.panjang-input, .tebal-input, .lebar-input, .pcs-input', function() {
        const row = $(this).closest('tr');
        calculateRowVolume(row);
        if (canInputPrice) {
            calculateRowSubtotal(row);
        }
        calculateTotals();
    });

    $(document).on('input', '.harga-input', function() {
        const row = $(this).closest('tr');
        calculateRowSubtotal(row);
        calculateTotals();
    });

    $(document).on('input', '#diskon, #pajak', function() {
        calculateTotals();
    });

    function calculateRowVolume(row) {
        const panjang = parseFloat(row.find('.panjang-input').val()) || 0;
        const tebal = parseFloat(row.find('.tebal-input').val()) || 0;
        const lebar = parseFloat(row.find('.lebar-input').val()) || 0;
        const pcs = parseInt(row.find('.pcs-input').val()) || 0;
        
        const volume = (panjang / 100) * (tebal / 100) * (lebar / 100) * pcs;
        row.find('.volume-display').val(volume.toFixed(4));
    }

    function calculateRowSubtotal(row) {
        const volume = parseFloat(row.find('.volume-display').val()) || 0;
        const harga = parseFloat(row.find('.harga-input').val()) || 0;
        
        if (harga > 0) {
            const subtotal = volume * harga;
            row.find('.subtotal-display').val(subtotal.toFixed(2));
        } else {
            row.find('.subtotal-display').val('0.00');
        }
    }

    function calculateTotals() {
        let totalVolume = 0;
        let totalSubtotal = 0;
        
        $('.item-row').each(function() {
            const volume = parseFloat($(this).find('.volume-display').val()) || 0;
            totalVolume += volume;
            
            if (canInputPrice) {
                const subtotal = parseFloat($(this).find('.subtotal-display').val()) || 0;
                totalSubtotal += subtotal;
            }
        });
        
        $('#total_volume_display').text(totalVolume.toFixed(4));
        
        if (canInputPrice) {
            $('#subtotal').val(totalSubtotal.toFixed(2));
        }
        
        const subtotal = parseFloat($('#subtotal').val()) || 0;
        const diskon = parseFloat($('#diskon').val()) || 0;
        const pajak = parseFloat($('#pajak').val()) || 0;
        
        const grandTotal = subtotal - diskon + pajak;
        $('#grand_total').val(grandTotal.toFixed(2));
    }

    function updateRemoveButtons() {
        const rows = $('.item-row').length;
        if (rows === 1) {
            $('.remove-item').prop('disabled', true);
        } else {
            $('.remove-item').prop('disabled', false);
        }
    }

    // Initial calculation for existing rows
    if (canInputPrice) {
        $('.item-row').each(function() {
            calculateRowSubtotal($(this));
        });
    }
    calculateTotals();
    updateRemoveButtons();
});
</script>
@endpush