@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('inv::invoice.New invoice page'))


@section('content')
<section id="ps-form-page">
	<div class="breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('inv::invoice.home') }}</a></li>
<li><a href="{{ route('list_invoice')}}" class="bread-link">{{ __('inv::invoice.sales invoice') }}</a></li>
  <li>{{ __('inv::invoice.create new invoice') }}</li>
</ul>
</div>

    <div class="main-form-wrapper">
       <h1 class="form-page-title">
           <span class="me-2 icon"><i class="fa-solid fa-file-invoice"></i></span>
           {{ __('inv::invoice.create new invoice') }}
       </h1>
        @includeif('invoice::Modals.add_customer')
        <div class="form-container-wrapper">
            <div class="container-fluid">
                <form class="invoice-form">
                    <div class="row g-3">
                        <div class="col-sm-12 col-md-4 col-lg-4">
                            <div class="mb-3">
                                <label for="customer_name" class="form-label">{{ __('inv::invoice.customer name') }}:
                                    <button type="button" class="btn add-customer-btn ms-2" data-bs-toggle="modal" data-bs-target="#InvoiceCustomerModal"><span class="me-2">{{__('inv::invoice.add new customer') }}</span><i class="fa-sharp fa-solid fa-user-plus"></i></button></label>
                                <select class="form-select select_customer" id="customer_name" name="customer_name" data-url="{{ route('get_customer_info', ['id' => ":id"]) }}">
                                    <option value="">--- {{ __('inv::invoice.select a customer') }} ---</option>
                                    @if( count(CUSTOMERS()) > 0)
                                        @foreach( CUSTOMERs() as $customer)
                                            <option value="{{$customer->id}}">{{$customer->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="ctel" class="form-label">{{ __('inv::invoice.customer tel') }}:</label>
                                    <input type="tel" class="form-control" id="customer_tel" aria-label="customer_tel"
                                           aria-describedby="customer_tel" name="customer_tel" value="{{ Invoice::tel_code() }}">
                            </div>
                            <div class="mb-3">
                                <label for="PayMethod" class="form-label">{{ __('inv::invoice.payment method') }}:</label>
                                <select class="form-select" aria-label="PayMethod" id="PayMethod" name="PayMethod">
                                    @if(count(PAYMENT_GATEWAY()) > 0)
                                        @foreach(PAYMENT_GATEWAY() as $payment_gateway)
                                            <option value="{{$payment_gateway->id}}">{{ $payment_gateway->payment_method}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            @if(Account::is_enable_accounting() == "enabled")
                            <div class="mb-3">
                                <label for="account" class="form-label">{{ __('inv::invoice.deposit account') }}</label>
                                <select name="account" id="account" class="form-select">
                                    <option value="">--- {{ __('inv::invoice.select an account')}} ---</option>
                                    @if( count( ACCOUNT()) > 0)
                                        @foreach( ACCOUNT() as $acc)
                                            <option value="{{ $acc -> id }}">{{ $acc -> name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            @endif
                        </div>
                        <div class="col-sm-12 col-md-4 col-lg-4">
                            <div class="mb-3">
                                <label for="salesperson" class="form-label">{{ __('inv::invoice.salesperson') }}:</label>
                                <select aria-label="salesperson" id="salesperson" name="salesperson" class="form-select">
                                    @if(count(clerks()) > 0)
                                        @foreach(clerks() as $clerks)
                                            <option value="{{ $clerks->id }}" @selected(( $clerks->Email) == admin()->email)>{{ $clerks->Name }}</option>
                                        @endforeach
                                    @else
                                        <option value="">--- {{ __('inv::invoice.sales_team_warning') }} ---</option>
                                    @endif
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="courier" class="form-label">{{ __('inv::invoice.courier') }}:</label>
                                <select class="form-select" id="courier" name="courier">
                                    <option value="">--- {{ __('inv::invoice.choose courier') }} ---</option>
                                    @if( count(courier()) > 0)
                                        @foreach(courier() as $courier)
                                            <option value="{{$courier->id}}">{{$courier->courier_name}}</option>
                                        @endforeach
                                    @else
                                        <option value="">{{ __('inv::invoice.no_data') }}</option>
                                    @endif
                                </select>
                            </div>
                            <div class="mb-1">
                                <label for="trace" class="form-label">{{ __('inv::invoice.tracking number') }}:</label>
                                <input type="text" class="form-control" id="trace" name="trace"
                                       aria-describedby="trace">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-4 col-lg-4">
                            <div class="mb-3">
                                <label for="inv_number" class="form-label">{{ __('inv::invoice.invoice no') }}:</label>
                                <input type="text" class="form-control" id="inv_number" name="inv_number"
                                       aria-describedby="inv_number" value="{{ invoice_number_generator() }}" readonly>
                            </div>
                            <div class="mb-3">
                                <label for="date" class="form-label">{{ __('inv::invoice.date') }}:</label>
                                <input type="date" class="form-control" id="date" name="date" value="{!! date('Y-m-d') !!}"
                                       aria-describedby="date" >
                            </div>
                            <div class="mb-3">
                                <label for="billing_terms" class="form-label">{{ __('inv::invoice.billing terms') }}:</label>
                                <select name="billing_term" id="billing_term" class="form-select">
                                    @if(payment_terms() == "both")
                                        <option value="none">--- {{ __('inv::invoice.select payment term') }} ---</option>
                                    @endif
                                    <option value="cash terms" @selected(( payment_terms()) == "cash terms")>{{ __('inv::invoice.cash terms') }}</option>
                                    <option value="installments" @selected(( payment_terms()) == "installments")>{{ __('inv::invoice.installment') }}</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="PaymentDue" class="form-label">{{ __('inv::invoice.payment due date')}}:</label>
                                <input type="date" class="form-control" name="PaymentDue" id="PaymentDue"
                                       arial-label="PaymentDue" value="{!! date('Y-m-d') !!}">
                            </div>
                        </div>
                    </div>
                    <section id="auto-mechanism">
                      {{ Mech::create_form() }}
                    </section>
            <div class="ps-address-wrapper">
                <div class="container">
                    <div class="row justify-content-center g-3">
                        <div class="col-sm-12 col-md-6 col-lg-6">
                            <div class="mb-1">
                                <label for="billing_address" class="form-label">{{ __('inv::invoice.bill to') }}:</label>
                                <textarea class="form-control" name="billing_address" id="billing_address"></textarea>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-6 col-lg-6">
                            <div class="mb-1">
                                <label for="shipping_address" class="form-label">{{ __('inv::invoice.ship to') }}:</label>
                                <textarea class="form-control"  name="shipping_address" id="shipping_address"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product-wrapper">
                <div class="table-responsive">
                    <table class="table table-hover table-striped">
                        <colgroup>
                            <col width="15%">
                            <col width="30%">
                            <col width="15%">
                            <col width="5%">
                            <col width="10%">
                            <col width="10%">
                            <col width="5%">
                        </colgroup>
                        <thead>
                        <tr>
                            <th>{{__('inv::invoice.barcode')}}</th>
                            <th>{{__('inv::invoice.description')}}</th>
                            <th>{{__('inv::invoice.serial no')}}</th>
                            <th>{{__('inv::invoice.qty')}}</th>
                            <th>{{__('inv::invoice.price')}}</th>
                            <th>{{__('inv::invoice.total')}}</th>
                            <th>{{__('inv::invoice.action')}}</th>
                        </tr>
                        </thead>
                        <tbody id="order-table-item-body" data-url="{{ route('get_product_by_barcode', ['query' => ':query']) }}">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="mb-3">
                <button type="button" id="add-discount" class="btn btn-primary mb-2"><span class="me-2"><i class="fa-solid fa-percent"></i></span>{{__('inv::invoice.add discount')}}</button>
                @if(View::exists('stocks::Products.short_code.products_modal') && allow_inventory() == "enabled")
                    @include('stocks::Products.short_code.products_modal')
                @endif
                <button class="btn btn-success mb-2" id="addNewRows" type="button"><span class="me-2"><i class="fa-solid fa-plus"></i></span>{{__('inv::invoice.add rows')}}</button>
            </div>
            <div class="ps-payment-details-wrapper">
                <div class="container">
                    <div class="row justify-content-center g-3">
                        <div class="col-sm-4">
                            <div class="note">
                                <textarea name="inv_comment" class="form-control" placeholder="{{__('inv::invoice.comment here')}}..." id="inv_comment"></textarea>
                            </div>
                            <!-- Button Record Invoice -->
                            <div class="invoice-btn py-4 mx-2">
                                <button type="button" class="btn btn-success" name="save-invoice" id="save-invoice"
                                        data-url="{{route('store-invoice')}}">
                                    <span class="btn-text"> {{__('inv::invoice.record invoice')}}</span>
                                    <span class="loading-spinner"><i class="fa-solid fa-spinner fa-spin"></i></span>
                                    <span class="loading-text">{{__('inv::invoice.processing')}}.....</span>
                                </button>
                            </div>
                        </div>
                        <div class="col-sm-4">
					<span class="form-inline">
						<div class="form-group">
							<label>{{__('inv::invoice.subtotal')}}:</label>
							<div class="input-group">
								<div class="input-group mb-2">
									 <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
								<input type="number" class="form-control" name="subTotal" id="subTotal" step="any" value="0.00" readonly>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label>{{__('inv::invoice.tax rate')}}:</label>
							<div class="input-group mb-2">
								<span class="input-group-text">{{ ('%') }}</span>
	<input type="text" class="form-control" name="tax_Rate" id="tax_Rate"
           value="{{ Invoice::tax() }}" readonly>
							</div>
						</div>
						<div class="form-group">
							<label>{{__('inv::invoice.tax amount')}}:</label>
							<div class="input-group mb-2">
								<span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
								<input  type="number" class="form-control" name="taxAmount" id="taxAmount" step="any" value="0.00" readonly>
							</div>
						</div>


						<div class="form-group">
							<label>{{__('inv::invoice.total amount')}}:</label>
							<div class="input-group mb-2">
								<span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
		<input type="number" class="form-control" name="totalAftertax" id="totalAftertax" value="0.00" step="any" readonly>
							</div>
						</div>
					</span>
                        </div>
                        <div class="col-sm-4">

                            <div class="form-group">
                                <label>{{__('inv::invoice.shipping fee')}}:</label>
                                <div class="input-group mb-3">
                                    <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                    <input type="number" class="form-control" name="shipping_fees" id="shipping_fees" step="any" value="0.00">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>{{__('inv::invoice.amount paid')}}:</label>
                                <div class="input-group mb-2">
                                    <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                    <input type="number" class="form-control" name="amountPaid" id="amountPaid" step="any" value="0.00">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>{{__('inv::invoice.amount due')}}:</label>
                                <div class="input-group mb-2">
                                    <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                    <input type="number" class="form-control" name="amountDue" id="amountDue" value="0.00" step="any" readonly>
                                </div>
                            </div>
                            <div class="form-group balance-wrapper">
                                <label>{{__('inv::invoice.change')}}:</label>
                                <div class="input-group mb-2">
                                    <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                    <input type="number" class="form-control" name="Balance" id="Balance" value="0.00" step="any"  readonly>
                                </div>
                            </div>
                            <div class="mb-3 form-group balance-wrapper balance-wrapper-nth2">
                                    <input type="number" class="form-control" name="memo_credit" id="memo_credit" value="0.00" step="any"  hidden>
                                <label for="voucher">{{ __('inv::invoice.refund credit') }}</label>
                                <div class="input-group mb-2">
                                    <span class="input-group-text">{{ Invoice::currency_symbol() }}</span>
                                    <input type="number" class="form-control" name="voucher" id="voucher" value="0.00" step="any"  readonly>
                                    <span class="input-group-text" id="apply-voucher" style="cursor: pointer">{{ __('inv::invoice.apply') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                </form>
            </div>
    </div>
</section>

@endsection

@section('javascript')
<script>




</script>
@endsection