@extends('layouts.master')

@section('title', 'Lihat Sales Order')



@section('content')
<div class="row">
    <x-page-title title="{{__('Sales Order')}}" pagetitle="Lihat {{__('Sales Order')}}" />
    <hr>
    <div class="container content">
        <h2>Lihat {{__('Sales Order')}}</h2>
        @if ($salesOrder->cancel_notes)
            <h5 style="color: red">Alasan batal: {{$salesOrder->cancel_notes}}</h5>
        @endif
        @if($salesOrder->status!='Cancelled')
        <form id="print-form" target="_blank" action="{{ route('transaction.sales_order.print', $salesOrder->id) }}" method="GET" style="display:inline;">
            <button type="submit" class="btn btn-dark mb-3" @if(!in_array('print', $privileges)) disabled @endif>
                Print SO</button>
        </form>
        <form id="print-form" target="_blank" action="{{ route('sales_order.print.netto', $salesOrder->id) }}" method="GET" style="display:inline; display:none;">
            <button type="submit" class="btn btn-dark mb-3" @if(!in_array('print', $privileges)) disabled @endif >
                Print SO Netto</button>
        </form>
        @endif
        @if($salesOrder->status!='Cancelled')
        <form id="print-form" action="{{ route('sales-order.print', $salesOrder->id) }}" method="GET" style="display:none;">
            <button type="submit" class="btn btn-dark mb-3" @if(!in_array('print', $privileges)) disabled @endif>
                Print Picking Order
            </button>
        </form>
        @endif
        <div id="message-container">
            @if(session('success'))
                <div id="success-message" class="alert alert-success fade show">{{ session('success') }}</div>
            @endif
            @if($errors->any())
                <div id="error-message" class="alert alert-danger fade show">
                    <ul>
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>

        <form id="contract-form" action="" method="POST"
            >
            <input type='hidden' id="checkHPP" name='checkHPP' value=0 />
            <div class="mb-3 card">
                <div class="card-header">{{__('Sales Order')}} {{__('Information')}} : <strong>{{$salesOrder->sales_order_number}}</strong></div>
                <div class="card-body">
                    <div class="row">
                        {{-- <div class="col-md-12">
                            @if (!$editable)
                                    <h4><strong class="text-danger">This document can't be edited because used in other document</strong></h4>
                                @endif
                        </div> --}}
                        {{-- <hr> --}}
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="customer_code">{{__('Customer Code')}}</label>
                                <input type="text" id="customer_code" class="form-control" name="customer_code" value="{{ old('customer_code', $salesOrder->customer_code) }}" readonly>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="customer_name">{{__('Customer Name')}}</label>
                                <input type="text" id="customer_name" class="form-control" name="customer_name" value="{{ old('customer_name', $salesOrder->customers->customer_name) }}" readonly>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="address">{{__('Address')}}</label>
                                <input type="text" id="address" class="form-control" name="address" value="{{ old('address', $salesOrder->customers->address) }}" readonly>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="sales_order_number">{{__('Sales Order Number')}}</label>
                                <input type="text" name="sales_order_number" class="form-control" readonly required value="{{ old('sales_order_number', $salesOrder->sales_order_number) }}">
                            </div>
                            <br>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="notes">Note</label>
                                <textarea name="notes" class="form-control" rows="5" readonly>{{ old('notes', $salesOrder->notes) }}</textarea>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="document_date">{{__('Document Date')}}</label>
                                <input type="text" name="document_date" id="document_date" class="form-control" value="{{ \Carbon\Carbon::parse(old('document_date', $salesInvoice->document_date ?? date('Y-m-d')))->format('d M Y') }}" readonly>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="department_code">{{__('Department Code')}}</label>
                                <input type="hidden" name="department_code" class="form-control" value="{{$department_OLIVIA}}">
                                <input type="text" name="department_name" id="department_name" class="form-control" value="{{$department_OLIVIAn->department_name}}" readonly>
                            </div>
                            <div class="form-group d-none">
                                <label for="disc_nominal">{{__('Discount')}}</label>
                                <input type="text" id="disc_nominal" name="disc_nominal" oninput="formatNumber(this)" class="form-control nominal text-end" required value="{{ old('disc_nominal', number_format($salesOrder->disc_nominal,0,'.',',')) }}">
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="exampleInputEmail1" class="form-label">Saleman</label>
                                <select class="form-select" id="salesman" name="salesman" required disabled>
                                    @foreach ($salesman as $sales)
                                            <option value="{{$sales->salesman_code}}"@if($salesOrder->salesman==$sales->salesman_code) selected @endif>{{$sales->salesman_name}}</option>
                                        @endforeach
                                </select>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="exampleInputEmail1" class="form-label">Nama</label>
                                <div class="form-group">
                                    <input type="radio" name="logo" value="yes" id="logo_yes" required @if ($salesOrder->logo)checked @endif disabled>
                                    <label for="logo_yes">UD. Olivia</label><br>

                                    <input type="radio" name="logo" value="no" id="logo_no" @if (!$salesOrder->logo) checked @endif disabled>
                                    <label for="logo_no">Serbajaya</label><br>
                                </div>
                            </div>

                            {{-- <div class="form-group">
                                <label for="tax">Tax</label>
                                <div class="input-group mb-3">
                                    <select class="form-select" id="tax" name="tax" required>
                                        @foreach ($taxs as $tax)
                                            <option value="{{ old('tax', $salesOrder->tax) }}">{{$tax->tax_name.' ('.$tax->tax_code.')'}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> --}}
                            <div class="form-group">
                                <div class="mb-3 input-group">
                                    <select hidden class="form-select" id="company_code" name="company_code" required>
                                        @foreach ($companies as $company)
                                            <option value="{{$company->company_code}}" {{ old('company_code', $salesOrder->company_code) == $company->company_code ? 'selected' : '' }}>{{$company->company_name.' ('.$company->company_code.')'}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Card for Sales Order Details -->
            <div class="mb-3 card">
                <div class="card-header">Sales Order Details</div>
                <div class="card-body table-responsive">
                    <h5 class="text-end">Total sebelum pajak: <span id="total-value">0</span></h5>
                    <div style="overflow-x: auto;">
                    <table class="table" id="sales-order-details-table">
                        <thead>
                            <tr>
                                <th style="min-width: 430px">{{__('Item')}}</th>
                                <th>Cari</th>
                                <th style="min-width: 150px">Qty</th>
                                <th style="min-width: 150px">Qty Belum Proses</th>
                                <th style="min-width: 150px">Unit</th>
                                <th style="min-width: 200px">{{__('Price')}}</th>
                                <th style="min-width: 150px">{{__('Discount')}} (%)</th>
                                <th style="min-width: 200px">{{__('Discount')}}</th>
                                <th style="min-width: 200px">Nominal</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Populate existing sales order details -->
                            @foreach($salesOrder->details as $index => $detail)
                                <tr data-row-id="{{ $index }}">
                                    <td>
                                        <input type="hidden" id="item_code_{{$index}}" name="details[{{ $index }}][item_id]" class="form-control" value="{{ $detail->item_id }}" readonly />
                                        <input type="text" name="details[{{ $index }}][item_name]" class="form-control" value="{{ $detail->items->item_name }}" readonly />
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-info btn-sm cust-item-btn" data-row-id="{{$index}}"><i class="material-icons-outlined">search</i></button>
                                    </td>
                                    <td>
                                        <input type="number" name="details[{{ $index }}][qty]" id="qty_{{$index}}" class="form-control" value="{{ $detail->qty }}" min="1" required readonly>
                                    </td>
                                    <td>
                                        <input type="number" name="details[{{ $index }}][qty_left]" class="form-control" value="{{ $detail->qty_left }}" min="1" required readonly>

                                    </td>
                                    <td>
                                        <input class="form-control" type="text" name="" id="" readonly value="{{$detail->unit}}">
                                        <input type="hidden" id="conversion_value_{{$index}}" name="details[{{$index}}][conversion_value]" value="{{$detail->base_qty}}" />
                                    </td>
                                    <td>
                                        <input type="text" name="details[{{ $index }}][price]" oninput="formatNumber(this)" id="price_{{$index}}" class="form-control price-input text-end" id="price_{{ $index }}" value="{{ number_format($detail->price,0,'.',',') }}" required >
                                    </td>
                                    <td>
                                        <input type="text" name="details[{{ $index }}][disc_percent]" oninput="formatNumber(this)" id="disc_percent_{{$index}}" class="form-control text-end" value="{{ number_format($detail->disc_percent,0,'.',',') }}" required max="100" readonly>
                                    </td>
                                    <td>
                                        <input type="text" name="details[{{ $index }}][disc_nominal]" oninput="formatNumber(this)" id="disc_nominal_{{$index}}" class="form-control text-end" value="{{ number_format($detail->disc_nominal,0,'.',',') }}" required readonly>
                                    </td>
                                    <td>
                                        <input type="text" name="details[{{ $index }}][nominal]" oninput="formatNumber(this)" id="nominal_{{$index}}" class="form-control text-end nominal" value="{{ number_format($detail->nominal,0,'.',',') }}" required readonly>
                                    </td>
                                    {{-- <td>
                                        <select class="form-select" id="status" name="details[{{ $index }}][status]" value="{{ $detail->status }}">
                                            <option value="Not" {{ $detail->status == 'Not' ? 'selected' : '' }}>Not Ready</option>
                                            <option value="Ready" {{ $detail->status == 'Ready' ? 'selected' : '' }}>Ready</option>
                                        </select>
                                    </td> --}}
                                    <td>
                                        <button type="button" class="btn btn-danger remove-row d-none"><i class="material-icons-outlined">delete</i></button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                    <button type="button" id="add-row" class="btn btn-primary mt-3 d-none"

                    >Add Row</button>
                </div>
            </div>
            <a class="btn btn-secondary mb-3" href="{{ route('transaction.sales_order') }}" >Back</a>
        </form>

    </div>
</div>

<div class="modal fade" id="custItemModal" tabindex="-1" aria-labelledby="custItemModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="custItemModalLabel">History Harga Jual</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <table class="table table-bordered" id="custItemTable">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Nomor Permintaan Penjualan</th>
                            <th>Tanggal Permintaan</th>
                            <th>Harga</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- Data will be populated via AJAX -->
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

</div>

@section('scripts')
<script>

    function calculateTotals() {
        let total = 0;
        const disc_nominal = document.getElementById('disc_nominal').value.replace(/,/g, '') || 0;
        document.querySelectorAll('.nominal').forEach(function (input) {

            input.value = input.value.replace(/,/g, ''); // Remove any thousand separators
            if(input.id=='disc_nominal'){
                total -= parseFloat(input.value) || 0;
            }else{
                total += parseFloat(input.value) || 0;
            }
            const cursorPosition = input.selectionStart;
            let value = input.value.replace(/,/g, '');
            // Format the number with thousand separators
            let formattedValue = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');

            // Set the new value
            input.value = formattedValue;

            // Adjust the cursor position
            const newCursorPosition = formattedValue.length - (value.length - cursorPosition);
            input.setSelectionRange(newCursorPosition, newCursorPosition);
        });
        let strTotal = (total)+"";
        let value2 = strTotal.replace(/,/g, '');
            // Format the number with thousand separators
        let formattedValue2 = value2.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
        document.getElementById('total-value').innerText = formattedValue2;

        return { total }; // Return totals for validation
    }
    calculateTotals();

</script>
@endsection
@endsection