@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.UpdateGRN') }}</h4>
                </div>
            </div>
            <form method="post" action="{{ url('/') }}/editgrnprocess" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SeleactPurchasePO') }}</label>
                                    <input type="hidden" value="{{ $grn->Id }}" name="hbid">
                                    <select class="form-select" name="cmbPurchaseOrder" id="cmbPurchaseOrder">
                                        <option value="">{{ __('sitelabel.SeleactPurchasePO') }}</option>
                                        @foreach ($purchaseorder as $po)
                                            <option value="{{ $po->Id }}"
                                                {{ $grn->PurchaseOrderId == $po->Id ? 'selected' : '' }}>
                                                {{ $po->BillNo }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <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" name="cmbVendor" id="cmbVendor">
                                        <option value="">{{ __('sitelabel.SeleactVendor') }}</option>
                                        @foreach ($vendor as $v)
                                            <option value="{{ $v->Id }}"
                                                {{ $grn->VendorId == $v->Id ? 'selected' : '' }}>
                                                {{ $v->Code }}-{{ $v->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" name="cmbPaymentType" id="cmbPaymentType">
                                        <option value="">{{ __('sitelabel.SeleactPaymentType') }}</option>
                                        @foreach ($paymenttype as $pt)
                                            <option value="{{ $pt->Id }}"
                                                {{ $grn->PaymentTypeId == $pt->Id ? 'selected' : '' }}>
                                                {{ $pt->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.BillNo') }}</label>
                                    <input type="text" class="form-control" id="txtBillNo" name="txtBillNo"
                                        value="{{ old('txtBillNo', $grn->BillNo ?? '') }}">
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.OrderDate') }}</label>
                                    <input type="date" class="form-control" id="txtOrderDate" name="txtOrderDate"
                                        value="{{ old('txtOrderDate', $grn->OrderDate ?? '') }}">
                                </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', $grn->ReferenceNo ?? '') }}">
                                </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"
                                        value="1" {{ old('chkStatus', $grn->Status ?? '') == 1 ? 'checked' : '' }}>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SupportingDocument') }}</label>
                                    <input type="file" class="form-control" id="txtPicture" name="txtPicture[]"
                                        accept="image/png, image/jpeg, image/jpg, image/avif, image/heic, image/webp, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
                                        multiple>
                                </div>
                            </div>
                        </div>
                        <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.Warehouse') }}</th>
                                            <th>{{ __('sitelabel.Discount') }} </th>
                                            <th>{{ __('sitelabel.DiscountValue') }}</th>
                                            <th>{{ __('sitelabel.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <select class="form-select" 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[]"
                                                    value="{{ $detail->ItemName }}" 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-control" id="cmbWarehouse" name="cmbWarehouse" required>
                                                    <option value="0" selected disabled>Select Warehouse</option>
                                                    @foreach ($warehouse as $wh)
                                                        <option value="{{ $wh->Id }}">{{ $wh->Name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <select class="form-select" name="cmbPerFlatDiscount"
                                                    id="cmbPerFlatDiscount">
                                                    <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="txtDiscountVal"
                                                    name="txtDiscountVal">
                                                <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">
                                                <input type="hidden" class="form-control" name="hdChartOfAccountId"
                                                    id="hdChartOfAccountId">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('sitelabel.SerialNumber') }}</th>
                                            <th>{{ __('sitelabel.Product') }}</th>
                                            <th>{{ __('sitelabel.Warehouse') }}</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.TaxAmount') }}</th>
                                            <th class="text-end">{{ __('sitelabel.TotalCost') }}</th>
                                            <th>{{ __('sitelabel.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbBody">


                                    </tbody>
                                </table>
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>
                                                <strong>{{ __('sitelabel.SubTotal') }}</strong>
                                            </th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th class="text-end">
                                                <strong>
                                                    <span id="spGSubTotal"></span>
                                                    <input type="hidden" class="form-control" name="hdGSubTotal"
                                                        id="hdGSubTotal">
                                                </strong>
                                            </th>
                                            <th></th>
                                        </tr>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>
                                                <strong>{{ __('sitelabel.Discount') }}</strong>
                                            </th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th class="text-end">
                                                <strong>
                                                    <span id="spGDiscountTotal"></span>
                                                    <input type="hidden" class="form-control" name="hdGDiscountTotal"
                                                        id="hdGDiscountTotal">
                                                </strong>
                                            </th>
                                            <th></th>
                                        </tr>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>
                                                <strong>{{ __('sitelabel.Tax') }}</strong>
                                            </th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th class="text-end">
                                                <strong>
                                                    <span id="spGTax"></span>
                                                    <input type="hidden" class="form-control" name="hdGTax"
                                                        id="hdGTax">
                                                </strong>
                                            </th>
                                            <th></th>
                                        </tr>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>
                                                <strong>{{ __('sitelabel.NetAmount') }}</strong>
                                            </th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th>&nbsp;</th>
                                            <th class="text-end">
                                                <strong>
                                                    <span id="spGNetTotal"></span>
                                                    <input type="hidden" class="form-control" name="hdGNetTotal"
                                                        id="hdGNetTotal">
                                                </strong>
                                            </th>
                                            <th></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>
    </div>
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-body">
                    <div class="alert alert-danger border-0 bg-danger alert-dismissible fade show py-2">
                        <div class="d-flex align-items-center">
                            <div class="font-35 text-white"><i class="bx bxs-message-square-x"></i>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-0 text-white">{{ __('sitelabel.DeleteMsg') }}</h6>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary"
                        data-bs-dismiss="modal">{{ __('sitelabel.Close') }}</button>
                    <input type="hidden" id="hdDeleteRowId">
                    <a type="button" onclick="RemoveRow()" class="btn btn-primary" id="btnDelete"
                        href="#">{{ __('sitelabel.Delete') }}</a>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')