@extends('billing/layout.app')
@section('title', 'BettrAi | Billing')
@section('content')

<link href="{{ asset('/css/flatpickr.min.css')}}"	rel="stylesheet" type="text/css" />

<div class="d-flex flex-column flex-root">
<!--begin::Page-->
<div class="d-flex flex-row flex-column-fluid page">
	
<!--begin::Wrapper-->
<div class="d-flex flex-column flex-row-fluid" id="kt_wrapper">
<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid p-0" id="kt_content">
<!--begin::Subheader-->
<div class="subheader py-5 py-lg-10 gutter-b subheader-transparent" id="kt_subheader" >

<div class="d-flex flex-column-fluid">
<!--begin::Container-->
<div class="container">
<!--begin::Dashboard-->
<div class="card card-custom">
<div class="card-header py-5">
<h3 class="card-title align-items-start flex-column">
	<span class="card-label font-weight-bolder text-dark">Add Invoice</span>

</h3>
<div class="card-toolbar">		
		<a href='{{ $back_url }}' class="btn btn-light-primary font-weight-bold showloader">Back</a>
</div>

</div>
<div class="card-body pt-5">
				<div style="text-align: center; width: 100%;">									
									
							</div> 
							
	<div class="table-responsive" style="overflow-x:hidden;">
	<form action="{{ URL::to('addInvoice?user_id='.$user_id.'&role='.$role.'&facility_id='.$facility_id.'&user_tz='.$user_tz.'&invoice_id='.$invoice_id.'&type='.$type) }}" name="addInvoice" id="addInvoice" method="POST">
		@csrf 
		<div id="add_invoice">
				<div class="form-group row align-items-center">
													
					<div class="col-lg-10">
					<div  class="form-group row align-items-center">
						<div class="col-lg-2 mb-5">
							<label class=" col-form-label">Date Of Issue <span class="text-danger">*</span></label>
							</div>											
						
							<div class="col-lg-4 mb-5">{!!
								$form->formInput($form->get('InvoiceDate')) !!}</div>
						
						<div class="col-lg-2 mb-5">
							<label class="col-form-label">Location <span class="text-danger">*</span></label>
						</div>
							<div class="col-lg-4 mb-5">{!!
								$form->formSelect($form->get('Location')) !!}</div>
						<div class="col-lg-2 mb-5">
							<label class="col-form-label">Sales Tax</label>
							</div>
							<div class="col-lg-4 mb-5">
								
								{!! $form->formInput($form->get('SalesTaxAmount')) !!}																	
								
							</div>
							<div class="col-lg-2">
							<label class="col-form-label">Provider <span class="text-danger">*</span></label>
							</div>
							<div class="col-lg-4 mb-5">{!!
								$form->formSelect($form->get('ProviderID')) !!}</div>	
						<div class="col-lg-2 mb-5">
							<label class="col-form-label">Billing Address</label>
						</div>
							<div class="col-lg-4 mb-5">{!!
								$form->formTextArea($form->get('billing_address')) !!}</div>						
											
						
							
						<div class="col-lg-2 mb-5">
							<label class="col-lg-6 col-form-label">Notes</label>
							</div>
							<div class="col-lg-4 mb-5">{!!
								$form->formTextarea($form->get('ClientNotes')) !!}
								{!! $form->formHidden($form->get('facility_name')) !!}
								
								</div>
						</div>						
					</div>
					</div>
					

				<!-- Login Information -->

				<div class="row"></div>

				<!-- Set User Access -->
				<div class="row">
					<div class="col-md-12">
						<table
							class="table table-scrollable invoice_listing" id="procedure_code_listing">
							<thead>
								<tr>								
									<th>Procedure Code/Service<span class="text-danger">*</span></th>									
									<th>Description</th>									
									<th>Taxable</th>
									<th style="width: 10%">Unit Cost</th>
									<th style="width: 7%">Units</th>
									<th style="width: 10%">Total</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
																							<tr id="rowId_0">									
									<td>{!! $form->formTextarea($form->get('ProcedureCodeID[]')) !!}</td>									
									<td>{!! $form->formTextarea($form->get('Description[]')) !!}</td>									
									<td>									
									<label class="checkbox checkbox-success">
									{!! $form->formCheckbox($form->get('Taxable[]')) !!}
									<span></span></label>	</td>
									<td>{!! $form->formInput($form->get('UnitCost[]')) !!}</td>
									<td>{!! $form->formInput($form->get('Quantity[]')) !!}</td>
									<td>{!! $form->formInput($form->get('LineItemBalanceDue[]')) !!}</td>
									<td>									
									<a href="javascript:void(0);" class="gen-link2 mr-3 list-item-add" id ='rowId_0' onclick='removeLineItem(0,0,0)'>
										<i class="fa fa-trash mt-4 text-danger" data-toggle="tooltip" title="" data-original-title="Remove Line Item"></i>
									</a>
									</td>
								<input type="hidden" name="InvoiceItemLineID[]" id="InvoiceItemLineID" value=""/>	
								</tr>
																</tbody>
						</table>
						<input type="hidden" id="removedLineItemIds" name="removedLineItemIds" value="">
					</div>
					
				</div>
				 <div class="row">
					<div class="col-lg-12 text-left">

						<a href="javascript:void(0);" class="add-line-item gen-link2 mr-3 list-item-add">
							<i class="fa fa-plus"data-toggle="tooltip" title="" data-original-title="add Line Item"></i> Add Item
						</a>
					</div>

				</div>
					<div class="row col-lg-12">
						<h5 class="card-title align-items-start flex-column">
							<span class="card-label font-weight-bolder text-dark">Amount Calculation</span>						
						</h5>						
					<div class="col-md-12">
					<div class="form-group row">
					
						<div class="col-lg-2">
							<label class="col-form-label">Invoice Total</label>
							</div>
							<div class="col-lg-2">
								{!! $form->formInput($form->get('invoice_total')) !!}
								<!-- <input type="number" name="invoice_total" id="invoice_total" class="form-control" readonly="readonly"> -->
							</div>
							<div class="col-lg-2">
							<label class="col-form-label">Amount Paid</label>
							</div>
							<div class="col-lg-2">{!!
								$form->formInput($form->get('Amount')) !!}								
							</div>					
							<div class="col-lg-2">
								<label class="col-form-label">Total Balance</label>
							</div>
							<div class="col-lg-2">{!!
								$form->formInput($form->get('BalanceDue')) !!}
								{!! $form->formHidden($form->get('remainingBalanceDue')) !!}
							</div>
							
						</div>												
					</div>
					
					</div>
				<div style="float: left; width: 100%; text-align: center" class="mb-10 mt-10">
						<button type="button" class="btn btn-light-primary font-weight-bold mr-3" onclick="saveForm()">Save</button>						
						<button type="reset" class="btn btn-light-warning font-weight-bold mr-3">Reset</button>						
						<a href='{{ $back_url }}' class="btn btn-light-danger font-weight-bold showloader">Cancel</a>
					</div>
			</div><!-- -End of add invoice div -->
			{!! $form->formHidden($form->get('no_of_rows')) !!}
			{!! $form->formHidden($form->get('selected_user_email')) !!}
			{!! $form->formHidden($form->get('selected_user_name')) !!}
			{!! $form->formHidden($form->get('selected_user_address1')) !!}
			{!! $form->formHidden($form->get('selected_user_city')) !!}
			{!! $form->formHidden($form->get('selected_user_state')) !!}
			{!! $form->formHidden($form->get('selected_user_country')) !!}
			{!! $form->formHidden($form->get('selected_user_zip')) !!}						
			
</form>
</div>
</div>										
</div>

<!--end::Card-->

</div>
</div>
<!--end::Entry-->
</div>
<!--end::Content-->
</div>
</div>
<!--end::Wrapper-->
</div>
<!--end::Page-->
</div>
<div id="divLoading" class="tabloadershow"></div>
<script src="{{ asset('assets/js/flatpickr.js')}}"></script>

<script>
$(document).ready(function(){
	$('.tabloadershow').hide();

	$('.input_currency').inputmask({ alias : "currency", prefix: '$ ' ,placeholder: '00.00', groupSeparator: ""});
	$('#SalesTaxAmount').inputmask({alias : "percentage",suffix: '%' ,rightAlign: true,placeholder: '0.00'});
	
	var msg = '{{ $msgtype }}';
		
	if(msg === "Success" || msg === "Error" ){

		setTimeout(function (){
			$('.tabloadershow').show();
			window.location.href = "