@extends('layouts.master')

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

@section('css')
<style>
.table-responsive {
    overflow-x: auto;
}

.table {
    width: 100%; /* Ensure the table takes full width */
    min-width: 600px; /* Set a minimum width to ensure horizontal scrolling */
}
</style>
@endsection

@section('content')
<div class="row">
    <x-page-title title="{{__('Sales Invoice')}}" pagetitle="View {{__('Sales Invoice')}}" />
    <hr>
    <div class="container content">
        <h2>{{__('Sales Invoice')}} Details</h2>
        @if ($salesInvoice->reason)
            <h5 style="color: red">Alasan edit: {{$salesInvoice->reason}}</h5>
        @endif
        <form id="print-form" target="_blank" action="{{ route('sales_invoice.print', $salesInvoice->id) }}" method="GET"
            style="display:inline;">
            <button type="submit" class="mb-3 btn btn-dark" @if(!in_array('print', $privileges)) disabled @endif>
                Print SI</button>
        </form>
        @if($idSj!=-1)
            <form id="print-form" target="_blank" action="{{ route('sales_invoice.print.do', $idSj) }}" method="GET"
                style="display:inline;">
                <button type="submit" class="mb-3 btn btn-dark" @if(!in_array('print', $privileges)) disabled @endif>
                    Print SJ</button>
            </form>
        @else
            <a class="btn btn-primary mb-3" href="{{ route('transaction.surat_jalan.create', ['sales_invoice_number' => $salesInvoice->sales_invoice_number]) }}">
                Buat SJ
            </a>
        @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"> {{-- Removed action and method for no form submit --}}
            @csrf
            {{-- @if(isset($salesInvoice)) @method('PUT') @endif Removed method for no form submit --}}

            <div class="card mb-3">
                <input type="hidden" id="checkHPP" value="0">
                <div class="card-header">{{__('Sales Invoice')}} {{__('Information')}} : <strong>{{$salesInvoice->sales_invoice_number}}</strong> </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="customer_code">{{__('Customer Code')}}</label>
                                <input type="text" name="customer_code" id="customer_code" class="form-control" readonly value="{{ old('customer_code', $salesInvoice->customer_code) }}">
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="customer_name">{{__('Customer Name')}}</label>
                                <input type="text" name="customer_name" id="customer_name" class="form-control" readonly value="{{ old('customer_name', $salesInvoice->customers->customer_name) }}">
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="address">{{__('Address')}}</label>
                                <input type="text" name="address" id="address" class="form-control" value="{{ old('customer_name', $salesInvoice->customers->address) }}" readonly>
                            </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', $salesInvoice->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>
                            <br>
                            <div class="form-group">
                                <label for="due_date">{{__('Due Date')}} Piutang</label>
                                <input type="text" name="due_date" class="form-control" value="{{ \Carbon\Carbon::parse(old('due_date', $salesInvoice->due_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>
                            <br>
                            <div class="form-group">
                                <label for="disc_nominal">{{__('Discount')}} Nominal</label>
                                <input type="text" oninput="formatNumber(this)" id="disc_nominal" name="disc_nominal" class="form-control text-end nominal" readonly value="{{ old('disc_nominal', number_format($salesInvoice->disc_nominal,0,'.',','))}}">
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="disc_nominal">{{__('Discount')}} %</label>
                                <input type="text" oninput="formatNumber(this)" id="disc_percent" name="disc_percent" class="form-control text-end" readonly value="{{ old('disc_percent', number_format($salesInvoice->disc_percent,0,'.',','))}}">
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="tax">Salesman</label>
                                <div class="input-group mb-2">
                                    <select class="form-select" id="salesman" name="salesman" readonly disabled>
                                        @foreach ($salesman as $sales)
                                            <option value="{{ $sales->salesman_code }}" @if($salesInvoice->salesman==$sales->salesman_code) selected @endif>
                                                {{ $sales->salesman_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="tax">Tax</label>
                                <div class="input-group mb-2">
                                    <input type="text" class="form-control" value="PPN / VAT" readonly>
                                    <select hidden class="form-select" id="tax" name="tax" readonly disabled>
                                        @foreach ($taxs as $tax)
                                            <option value="{{ $salesInvoice->tax }}" {{ old('tax', $salesInvoice->tax) === $tax->tax_code ? 'selected' : '' }}>
                                                {{ $tax->tax_name . ' (' . $tax->tax_code . ')' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1" class="form-label">Logo</label>
                                <div class="form-group">
                                    <input type="radio" name="logo" value="yes" id="logo_yes" @if ($salesInvoice->logo)checked @endif disabled>
                                    <label for="logo_yes">Yes</label><br>

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

            <div class="card mb-3">
                <div class="card-header">{{__('Sales Invoice')}} Details</div>
                <div class="card-body">
                    <h5 class="text-end">Total sebelum pajak: <span id="total-value">0</span></h5>
                    <div style="overflow-x: auto;">
                    <table class="table" id="dynamicTable">
                        <thead>
                            <td style="min-width: 270px">{{__('Sales Order Number')}}</td>
                            <td style="min-width: 270px">{{__('Warehouse')}}</td>
                            <td style="min-width: 430px">{{__('Item')}}</td>
                            <td style="min-width: 150px">Unit</td>
                            <td style="min-width: 150px">Qty</td>
                            <td style="min-width: 200px">{{__('Price')}}</td>
                            <td style="min-width: 150px">Disc (%)</td>
                            <td style="min-width: 200px">{{__('Discount')}}</td>
                            <td style="min-width: 200px">Nominal</td>
                            <td>Action</td>
                        </thead>
                        <tbody id="parentTbody">
                            @foreach ($salesInvoiceDetails as $index => $detail)
                            <tr>
                                <td>
                                    <input type="text" name="details[{{ $index }}][sales_order_number]" class="form-control" value="{{ $detail->so?$detail->so->sales_order_number:'' }}" readonly />
                                    <input type="hidden" name="details[{{ $index }}][so_id]" value="{{ $detail->so_id??'' }}">
                                </td>
                                <td>
                                    <input type="hidden" name="details[{{ $index }}][warehouse_code]" value="{{ $detail->warehouse_code }}" readonly />
                                    <input type="text" name="details[{{ $index }}][warehouse_name]" class="form-control" value="{{ $warehouses->where('warehouse_code',$detail->warehouse_code)->first()->warehouse_name }}" readonly />
                                </td>
                                <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>
                                    <input class="form-control" type="text" name="" id="" readonly value="{{$detail->unit}}">
                                </td>
                                <td>
                                    <input type="hidden" id="conversion_value_{{$index}}" name="details[{{ $index }}][base_qty]" value="{{ $detail->base_qty }}" readonly />
                                    <input type="text" id="qty_{{$index}}" name="details[{{ $index }}][qty]" class="form-control" max="{{ $detail->qty }}" value="{{ number_format($detail->qty,1) }}" min="1" readonly/>
                                </td>
                                <td>
                                    <input type="text" id="price_{{$index}}" name="details[{{ $index }}][price]" oninput="formatNumber(this)" class="form-control text-end" value="{{ number_format($detail->price,0,'.',',') }}" readonly />
                                </td>
                                <td >
                                    <input type="text" id="disc_percent_{{$index}}" name="details[{{ $index }}][disc_percent]" oninput="formatNumber(this)" class="form-control text-end" value="{{ number_format($detail->disc_percent,0,'.',',') }}" readonly />
                                </td>
                                <td >
                                    <input type="text" id="disc_nominal_{{$index}}" name="details[{{ $index }}][disc_nominal]" oninput="formatNumber(this)" class="form-control text-end" value="{{ number_format($detail->disc_nominal,0,'.',',') }}" readonly />
                                </td>
                                <td >
                                    <input type="text" id="nominal_{{$index}}" name="details[{{ $index }}][nominal]" class="form-control text-end nominal" value="{{ number_format($detail->nominal,0,'.',',') }}" readonly/>
                                </td>
                                <td id="pay-row-{{ $index }}">
                                    {{-- Removed delete button as the page is readonly --}}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                </div>
            </div>

            {{-- Removed the update button and delete form --}}
            <a href="{{route('transaction.sales_invoice')}}" class="btn btn-secondary mb-3">Back</a>
        </form>
    </div>

@if($errors->any())
<script>
    Swal.fire({
        title: 'Error!',
        html: `<ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>`,
        icon: 'error',
        confirmButtonText: 'OK'
    });
</script>
@endif
</div>

@section('scripts')
<script>
var now = new Date(),
maxDate = now.toISOString().substring(0,10);
$('#document_date').prop('max', maxDate);
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;
                console.log(total);

            }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