@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">

                    <h4>{{ __('sitelabel.AddNewPurchaseOrder') }}</h4>
                </div>
            </div>
            <form method="post" action="{{ url('/') }}/editpurchaseorderprocess" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <input type="hidden" value="{{ $purchaseorder->Id }}" name="hdid">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SeleactVendor') }}<span class="text-danger">*</span></label>
                                    <select class="form-select" data-placeholder="{{ __('sitelabel.SeleactVendor') }}"
                                        name="cmbVendor" id="cmbVendor">
                                        <option value="">{{ __('sitelabel.SeleactVendor') }}</option>
                                        @foreach ($vendor as $vendorItem)
                                            <option value="{{ $vendorItem->Id }}"
                                                {{ old('cmbVendor', $purchaseorder->VendorId) == $vendorItem->Id ? 'selected' : '' }}>
                                                {{ $vendorItem->Code }} - {{ $vendorItem->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbVendor')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SeleactPaymentType') }}<span
                                            class="text-danger">*</span></label>
                                    <select class="form-select" data-placeholder="{{ __('sitelabel.SeleactPaymentType') }}"
                                        name="cmbPaymentType" id="cmbPaymentType">
                                        <option value="">{{ __('sitelabel.SeleactPaymentType') }}</option>
                                        @foreach ($paymenttype as $paymentItem)
                                            <option value="{{ $paymentItem->Id }}"
                                                {{ old('cmbPaymentType', $purchaseorder->PaymentTypeId) == $paymentItem->Id ? 'selected' : '' }}>
                                                {{ $paymentItem->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbPaymentType')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.JobNo') }}</label>
                                    <input type="text" class="form-control" id="txtJobNo" name="txtJobNo"
                                        value="{{ old('txtJobNo', $purchaseorder->JobNo) }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.BillNo') }}</label>
                                    <input type="text" class="form-control" id="txtBillNo" name="txtBillNo"
                                        value="{{ old('txtBillNo', $purchaseorder->BillNo) }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.OrderDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" id="txtOrderDate" name="txtOrderDate"
                                        value="{{ old('txtOrderDate', $purchaseorder->OrderDate ? date('Y-m-d', strtotime($purchaseorder->OrderDate)) : '') }}">
                                    <span class="text-danger">
                                        @error('txtOrderDate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ShipDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" id="txtShipDate" name="txtShipDate"
                                        value="{{ old('txtShipDate', $purchaseorder->ShipDate ? date('Y-m-d', strtotime($purchaseorder->ShipDate)) : '') }}">
                                    <span class="text-danger">
                                        @error('txtShipDate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.RefNo') }}</label>
                                    <input type="text" class="form-control" id="txtRefNo" name="txtRefNo"
                                        value="{{ old('txtRefNo', $purchaseorder->ReferenceNo ?? '') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SeleactOrderType') }}<span class="text-danger">*</span></label>
                                    <select class="form-select" data-placeholder="{{ __('sitelabel.SeleactOrderType') }}"
                                        name="cmbOrderType" id="cmbOrderType">
                                        <option value="">{{ __('sitelabel.SeleactOrderType') }}</option>
                                        @foreach ($ordertype as $order)
                                            <option value="{{ $order->Id }}"
                                                @if ($purchaseorder->OrderTypeId == $order->Id) selected @endif>
                                                {{ $order->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SourceofSupply') }}</label>
                                    <select class="form-select" name="cmbSourceOfSupply" id="cmbSourceOfSupply">
                                        <option value="">{{ __('sitelabel.SeleactSourceOfSupply') }}</option>
                                        @foreach ($sourceofsupply as $source)
                                            <option value="{{ $source->Id }}"
                                                @if ($purchaseorder->SourceOfSupplyId == $source->Id) selected @endif>
                                                {{ $source->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div id="divTaxRate" class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TaxTreatment') }}</label>
                                    <select class="form-select" name="cmbTaxRate" id="cmbTaxRate">
                                        <option value="">{{ __('sitelabel.SeleactTaxRate') }}</option>
                                        @foreach ($taxrate as $tax)
                                            <option value="{{ $tax->Id }}"
                                                @if (old('cmbTaxRate', $purchaseorder->TaxRateId) == $tax->Id) selected @endif>
                                                {{ $tax->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TRNNo') }}</label>
                                    <input type="text" class="form-control" id="txtTRN" name="txtTRN"
                                        value="{{ old('txtTRN', $purchaseorder->TRNNo) }}">
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SNNo') }}</label>
                                    <input type="text" class="form-control" id="txtSNNo" name="txtSNNo"
                                        value="{{ old('txtSNNo', $purchaseorder->SNNo) }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.InvoiceGenerate') }}</label>
                                    <input class="form-check-input" type="checkbox" id="chkGenerateInvoice"
                                        name="chkGenerateInvoice"
                                        {{ $purchaseorder->InvoiceGenerated == 5 ? 'checked' : '' }}>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <input class="form-check-input" type="checkbox" id="chkStatus" name="chkStatus"
                                        {{ $purchaseorder->Status == 1 ? 'checked' : '' }}>
                                </div>
                            </div>
                        </div>

                        {{-- New Entries Table --}}
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>{{ __('sitelabel.Product') }}</th>
                                            <th>{{ __('sitelabel.Description') }}</th>
                                            <th>{{ __('sitelabel.PurchasePrice') }}</th>
                                            <th>{{ __('sitelabel.Quantity') }}</th>
                                            <th>{{ __('sitelabel.Discount') }} </th>
                                            <th>{{ __('sitelabel.DiscountValue') }}</th>
                                            <th>{{ __('sitelabel.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <select class="form-select"
                                                    data-placeholder="{{ __('sitelabel.SeleactMainProduct') }}"
                                                    name="cmbProduct" id="cmbProduct">
                                                    <option value="">{{ __('sitelabel.SeleactMainProduct') }}
                                                    </option>
                                                    @foreach ($product as $product)
                                                        <option value="{{ $product->Id }}">{{ $product->Name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <input type="text" name="txtDescription" id="txtDescription"
                                                    class="form-control">
                                            </td>
                                            <td>
                                                <input type="number" class="form-control" name="txtPurchasePrice"
                                                    id="txtPurchasePrice" step="0.01">
                                            </td>
                                            <td>
                                                <input type="number" class="form-control" id="txtQty" name="txtQty"
                                                    value="1">
                                            </td>
                                            <td>
                                                <select class="form-select" name="cmbPerFlat" id="cmbPerFlat"
                                                    data-placeholder="{{ __('sitelabel.SelectDiscount') }}">
                                                    <option value="">{{ __('sitelabel.SelectDiscount') }}</option>
                                                    <option value="Per">{{ __('sitelabel.Percentage') }}</option>
                                                    <option value="Flat">{{ __('sitelabel.Flat') }}</option>
                                                </select>
                                            </td>
                                            <td>
                                                <input type="number" class="form-control" id="txtDiscountValue"
                                                    name="txtDiscountValue">
                                                <span id="discountError" class="text-danger"
                                                    style="font-size: 12px;"></span>
                                            </td>
                                            <td>
                                                <button id="btnAdd" type="button"
                                                    class="btn btn-primary">{{ __('sitelabel.Add') }}</button>
                                                <input type="hidden" class="form-control" name="hdProductId"
                                                    id="hdProductId">
                                                <input type="hidden" class="form-control" name="txtSalePrice"
                                                    id="txtSalePrice">
                                                <input type="hidden" class="form-control" name="hdName"
                                                    id="hdName">
                                                <input type="hidden" class="form-control" name="hdProductCode"
                                                    id="hdProductCode">
                                                <input type="hidden" class="form-control" name="hdPurchasePrice"
                                                    id="hdPurchasePrice">
                                                <input type="hidden" class="form-control" name="hdWholeSalePrice"
                                                    id="hdWholeSalePrice">
                                                <input type="hidden" class="form-control" name="hdTaxRate"
                                                    id="hdTaxRate">
                                                <input type="hidden" class="form-control" name="hdTaxValue"
                                                    id="hdTaxValue">
                                                <input type="hidden" class="form-control" name="hdProductCode"
                                                    id="hdPicturePath">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="table-responsive">
                                {{-- Existing Entries Table --}}
                                <table class="table" id="tableOrderDetail">
                                    <thead>
                                        <tr>
                                            <th>{{ __('sitelabel.SerialNumber') }}</th>
                                            <th>{{ __('sitelabel.Product') }}</th>
                                            <th>{{ __('sitelabel.Description') }}</th>
                                            <th class="text-end">{{ __('sitelabel.Quantity') }}</th>
                                            <th class="text-end">{{ __('sitelabel.UnitCost') }}</th>
                                            <th class="text-end">{{ __('sitelabel.SubTotal') }}</th>
                                            <th class="text-end">{{ __('sitelabel.Percentage') }}</th>
                                            <th class="text-end">{{ __('sitelabel.Discount') }}</th>
                                            <th class="text-end">{{ __('sitelabel.TaxPercentage') }}</th>
                                            <th class="text-end">{{ __('sitelabel.TotalCost') }}</th>
                                            <th class="text-center">{{ __('sitelabel.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tdOrderDetailBody">
                                        @foreach ($purchaseorderdetails as $key => $detail)
                                            <tr id="tr{{ $key }}">
                                                <td>{{ $key + 1 }}</td>
                                                <td>
                                                    <input type="hidden" name="hdOrdProductId[]"
                                                        value="{{ $detail->ItemId }}">
                                                    <div class="productimg">
                                                        <div class="productcontet">
                                                            <h4>{{ $detail->ProductName }}</h4>
                                                            <div class="productlinkset">
                                                                <h5>{{ $detail->SKU }}</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <input type="text" name="txtOrdDescription[]"
                                                        value="{{ $detail->ItemName }}" class="form-control">
                                                </td>
                                                <td class="text-end">
                                                    <input type="number" name="txtOrdQty[]"
                                                        value="{{ $detail->Quantity }}" class="form-control"
                                                        style="width:90px"
                                                        onchange="updateRowValues({{ $key }})">
                                                </td>
                                                <td class="text-end">
                                                    <input type="number" class="form-control" name="hdOrdSalePrice[]"
                                                        value="{{ $detail->PurchasePrice }}"
                                                        onchange="updateRowValues({{ $key }})">
                                                    <input type="hidden" class="form-control"
                                                        name="hdOrdPurchasePrice[]" value="{{ $detail->PurchasePrice }}"
                                                        onchange="updateRowValues({{ $key }})">
                                                    <input type="hidden" name="hdOrdDiscountPerFlat[]"
                                                        value="{{ isset($detail->DiscountPerFlat) ? $detail->DiscountPerFlat : 0 }}"
                                                        onchange="updateRowValues({{ $key }})">
                                                </td>
                                                <td class="text-end">
                                                    <input type="hidden" name="hdOrdSubTotal[]"
                                                        value="{{ $detail->TotalAmount }}"
                                                        onchange="updateRowValues({{ $key }})">
                                                    {{ number_format($detail->TotalAmount, 2) }}
                                                </td>
                                                <td class="text-end">
                                                    <input readonly type="text"
                                                        id="hdOrdDiscountValue{{ $key }}"
                                                        name="hdOrdDiscountValue[]" class="form-control text-end"
                                                        value="{{ $detail->DiscountValue }}">
                                                </td>
                                                <td class="text-end">
                                                    <input readonly type="text"
                                                        id="hdOrdDiscountTotal{{ $key }}" name="hdOrdDiscount[]"
                                                        class="form-control text-end" value="{{ $detail->Discount }}">
                                                </td>
                                                <td class="text-end">
                                                    <input type="number" class="form-control"
                                                        id="hdOrdTaxRateTotal{{ $key }}" name="hdOrdTaxRate[]"
                                                        value="{{ $detail->TaxRate }}">
                                                </td>
                                                <div class="text-end">
                                                    <input type="hidden" id="hdOrdTaxValueTotal{{ $key }}"
                                                        name="hdOrdTaxValue[]" value="{{ $detail->TaxValue }}">
                                                </div>
                                                <td class="text-end">
                                                    <input readonly type="text" id="hdOrdNetTotal{{ $key }}"
                                                        class="form-control text-end" name="hdOrdNetAmountValue[]"
                                                        value="{{ $detail->NetAmount }}">
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);"
                                                        onclick="DeleteProduct({{ $key }})"
                                                        id="iddeleteproduct" data-bs-toggle="modal">
                                                        <img src="{{ url('/') }}/admin/assets/img/icons/delete-2.svg"
                                                            alt="img">
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                                {{-- Total Calculations Table --}}
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th class="text-left">{{ __('sitelabel.SubTotal') }}</th>
                                            <th>&nbsp;</th>
                                            <th class="text-left"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end">&nbsp;</th>
                                            <th class="text-end"><span id="spSubTotal">0.00</span>
                                                <input type="hidden" id="hdMainSubTotal" name="hdMainSubTotal">
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="text-left">{{ __('sitelabel.FurtherDiscount') }} </th>
                                            <th>&nbsp;</th>
                                            <th class="text-left"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-left">
                                                <select class="form-select"
                                                    data-placeholder="{{ __('sitelabel.SelectDiscount') }}"
                                                    name="cmbFurtherPerFlat" id="cmbFurtherPerFlat">
                                                    <option value="">{{ __('sitelabel.SelectDiscount') }}</option>
                                                    <option value="Per">{{ __('sitelabel.Percentage') }}</option>
                                                    <option value="Flat">{{ __('sitelabel.Flat') }}</option>
                                                </select>
                                            </th>
                                            <th class="text-end">
                                                <div style="display: inline-block; width: 90px;">
                                                    <input type="number" class="form-control"
                                                        id="txtFurhterDiscountValue" name="txtFurhterDiscountValue">
                                                </div>
                                            </th>
                                            <th><button id="btnApplyDiscount" type="button"
                                                    class="btn btn-primary">{{ __('sitelabel.Apply') }}</button>
                                            </th>
                                        </tr>
                                        <span id="furtherDiscountError" class="text-danger"
                                            style="font-size: 12px;"></span>
                                        <tr>
                                            <th class="text-left">{{ __('sitelabel.Discount') }} </th>
                                            <th>&nbsp;</th>
                                            <th class="text-left"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end">&nbsp;</th>
                                            <th class="text-end"><span id="spDiscount">0.00</span>
                                                <input type="hidden" id="hdMainDiscount" name="hdMainDiscount">
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="text-left">{{ __('sitelabel.Tax') }} </th>
                                            <th>&nbsp;</th>
                                            <th class="text-left"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end">&nbsp;</th>
                                            <th class="text-end"><span id="spTax">0.00</span>
                                                <input type="hidden" id="hdMainSaleTax" name="hdMainSaleTax">
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="text-left">{{ __('sitelabel.NetTotal') }} </th>
                                            <th>&nbsp;</th>
                                            <th class="text-left"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end"></th>
                                            <th class="text-end">&nbsp;</th>
                                            <th class="text-end"><span id="spTotal">0.00</span>
                                                <input type="hidden" id="hdMainNetTotal" name="hdMainNetTotal">
                                            </th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Note') }}</label>
                                    <textarea class="form-control" id="txtNote" name="txtNote"></textarea>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button"
                                    onclick="javascript:window.location='{{ url('/purchaseorder') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>

                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="modal fade" id="deletemsg" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Product Deletion</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                            <input type="hidden" id="hdDeleteRowId">
                        </div>
                        <div class="modal-body">
                            <div class="delete-order">
                                <img src="{{ url('/') }}/admin/assets/img/icons/close-circle1.svg" alt="img">
                            </div>
                            <div class="para-set text-center">
                                <h2 class="swal2-title" id="swal2-title">Are you sure?</h2>
                            </div>
                            <div class="col-lg-12 text-center">
                                <a onclick="RemoveRow();" data-bs-dismiss="modal" class="btn btn-danger me-2">Yes. delete
                                    it!</a>
                                <button type="button" data-bs-dismiss="modal" class="swal2-confirm btn btn-primary"
                                    aria-label="" style="display: inline-block;">Cancel</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection
@section('script')