@extends('master')
@section('content')


<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                
                <h4>{{ __('sitelabel.CreatenewVendorPayment') }}</h4>
            </div>
        </div>
        <form method="post" action="{{url('/')}}/grnprocess" 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>
                            <select class="select" name="cmbPurchseOrder" id="cmbPurchseOrder">
                                <option value="">{{ __('sitelabel.SeleactPurchasePO') }}</option>
                                @foreach($purchaseorder as $purchaseorder)
                                  <option value="{{ $purchaseorder->Id }}">{{ $purchaseorder->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="select" name="cmbVendor" id="cmbVendor">
                                <option value="">{{ __('sitelabel.SeleactVendor') }}</option>
                                @foreach($vendor as $vendor)
                                  <option value="{{ $vendor->Id }}">{{ $vendor->Code }}-{{ $vendor->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="select" name="cmbPaymentType" id="cmbPaymentType">
                                <option value="">{{ __('sitelabel.SeleactPaymentType') }}</option>
                                @foreach($paymenttype as $paymenttype)
                                  <option value="{{ $paymenttype->Id }}">{{ $paymenttype->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("ttxtBillNoxtJobNo","")}}">
                        </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","")}}">
                        </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","")}}">
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 col-12">
                        <div class="form-group">
                            <label>{{ __('sitelabel.Document') }}</label>
                            <input type="file" class="form-control" id="txtPicture" name="txtPicture">
                        </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" checked>
                        </div>
                    </div>
                    
                    
                </div>
                <div class="row">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    
                                    <th>{{ __('sitelabel.Product') }}</th>
                                   
                                    <th>{{ __('sitelabel.PurchasePrice') }}</th>
                                    <th>{{ __('sitelabel.Quantity') }}</th>
                                    <th>{{ __('sitelabel.Discount') }} </th>
                                    <th>{{ __('sitelabel.DiscountValue') }}</th>
                                    <th></th>
                                </tr>

                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <select class="select" name="cmbProduct" id="cmbProduct">
                                            <option value="">{{ __('sitelabel.SeleactMainProduct') }}</option>
                                            @foreach($product as $product)
                                              <option value="{{ $product->Id }}">{{ $product->SKU }}-{{ $product->Name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <span id="spPurchasePrice">0.00</span>
                                    </td>
                                    <td>
                                        <input type="number" class="form-control" id="txtQty" name="txtQty">     
                                    </td>
                                    
                                    <td>
                                        <select class="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">     
                                    </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 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></th>
                                </tr>
                            </thead>
                            <tbody id="tbBody">
                              
                        
                            </tbody>
                        </table>
                        <table class="table">
                            <thead>
                            <tr>
                                <th>&nbsp;</th>
                                <th>
                                    <strong>Sub Total</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>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>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="hdGNetTothdGTaxahdGTaxl">
                                    </strong>    
                                </th>
                                <th></th>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <th>
                                    <strong>Net Total</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>
<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')