<div class="modal fade no-print" id="custom_sale_modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle">
	<div class="modal-dialog" role="document" >
		<div class="modal-content">
			<form id="form_custom_modal">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">@lang('lang_v1.custom_sale')</h4>
				</div>
				<div class="modal-body">
					<div class="form-group">
						{!! Form::label('product_custom_name', __('product.product_name') . ':' ) !!}
						{!! Form::text('product_custom_name', null, ['class' => 'form-control', 'onclick' => "hide_numpad(1)", 'required']); !!}
					</div>
					<div class="form-group">
						{!! Form::label('product_custom_quantity', __('lang_v1.quantity') . ':' ) !!}
						{!! Form::number('product_custom_quantity', "0", ['class' => 'form-control', 'required', 'onfocus' => "show_numpad(1, this.name, this, 'custom_sale', 'quantity')"]); !!}
						{{-- <div class="numpad_div col-xs-12" id="quantity_custom_sale_div" data-type="quantity" style="
							display: flex;
							align-items: center;
							justify-content: center;
							padding-right: 25px;">							
							<div class="form-group">									
								<div class="easy-numpad-number-container">
									<table id="quantity_custom_sale">
										<thead>
											<tr>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">5</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">10</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">20</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">50</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">100</a></td>
											</tr>
											<tr>
												
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">1</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">2</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">3</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">4</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">5</a></td>
											</tr>
											<tr>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">6</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">7</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">8</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">9</a></td>
												<td class="numPadCashCustomSaleQty" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">0</a></td>
											</tr>
											<tr>
												<!-- <td><a href="."  style="padding: 10px ;">.</a></td> -->
												<td colspan="2"><a href="#" class="numPadCashCustomSaleQty" style="padding: 10px ; width: calc(95% + -10px); margin-top:2px; margin-left: 10px;">00</a></td>
												<td colspan="2"><a href="#" class="numPadCashCustomSaleQtyClear" id="numPadCashCustomSaleQtyClear" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">Clear</a></td>
												<td><a href="#" class="numPadCashCustomSaleQtyDel" id="numPadCashCustomSaleQtyDel" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">DEL</a></td>									
											</tr>
										</thead>
									</table>
								</div>									
							</div>
						</div> --}}
					</div>
					<div class="form-group">
						{!! Form::label('product_custom_amount', __('sale.amount') . ':' ) !!}
						{!! Form::text('product_custom_amount', "0.00", ['class' => 'form-control', 'required', 'onfocus' => "show_numpad(1, this.name, this, 'custom_sale')"]); !!}
						{{-- <div class="numpad_div col-xs-12" id="amount_custom_sale_div" data-type="amount" style="
							display: flex;
							align-items: center;
							justify-content: center;
							padding-right: 25px;">							
							<div class="form-group">									
								<div class="easy-numpad-number-container">
									<table id="amount_custom_sale">
										<thead>
											<tr>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">5</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">10</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">20</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">50</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">100</a></td>
											</tr>
											<tr>
												
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">1</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">2</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">3</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">4</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">5</a></td>
											</tr>
											<tr>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">6</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">7</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">8</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">9</a></td>
												<td class="numPadCashCustomSaleAmount" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">0</a></td>
											</tr>
											<tr>
												<!-- <td><a href="."  style="padding: 10px ;">.</a></td> -->
												<td colspan="2"><a href="#" class="numPadCashCustomSaleAmount" style="padding: 10px ; width: calc(95% + -10px); margin-top:2px; margin-left: 10px;">00</a></td>
												<td colspan="2"><a href="#" class="numPadCashCustomSaleAmountClear" id="numPadCashCustomSaleAmountClear" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">Clear</a></td>
												<td><a href="#" class="numPadCashCustomSaleAmountDel" id="numPadCashCustomSaleAmountDel" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">DEL</a></td>									
											</tr>
										</thead>
									</table>
								</div>									
							</div>
						</div> --}}
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" onclick="add_custom_product_row()">@lang('messages.add')</button>
				</div>						
			</form>
		</div><!-- /.modal-content -->
		{{-- Show Numpad if cash selected --}}
		{{-- @if (true)	
			<div class="numpad_div col-xs-12 hide" id="product_numpad_div1" data-type="cash" style="			
				/* display: flex; */
				/* align-items: center; */
				/* justify-content: center; */
				/* padding-right: 25px; */
				position: absolute;
				top: 18%;
				right: 104%;
				width: 56%;
				">							
				<div class="form-group">									
					<div class="easy-numpad-number-container">
						<table id="product_numpad1">
							<thead>						
								<tr>
									
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">1</a></td>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">2</a></td>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">3</a></td>							
								</tr>
								<tr>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">4</a></td>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">5</a></td>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">6</a></td>
								</tr>
								<tr>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">7</a></td>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">8</a></td>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">9</a></td>
								</tr>						
								<tr>
									<td class="numPadCashOther" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">0</a></td>														
									<td style="padding: 10px;"><a href="#" class="numPadCashOtherClear" id="numPadCashOtherClear" style="padding: 10px ; width: 90px !important; height: 70px !important;">Clr</a></td>
									<td style="padding: 10px;"><a href="#" class="numPadCashOtherDel" id="numPadCashOtherDel" style="padding: 10px ; width: 90px !important; height: 70px !important;">DEL</a></td>									
								</tr>
							</thead>
						</table>
					</div>									
				</div>							
			</div>
		@endif						 --}}
	{{-- END Show Numpad if cash selected --}}
	</div><!-- /.modal-dialog -->
</div>