@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('order::order.new purchase order'))

@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>{{ __('order::order.home')}}</a>
                </li>
                <li>
                    <a  class="bread-link" href="{{route('list-po')}}">{{__('order::order.purchase order')}}</a>
                </li>
                <li>{{__('order::order.create')}}</li>
            </ul>
        </div>

        <div class="main-form-wrapper">
            <div class="container-fluid">
                <div class="card bg-light">
                    <div class="card-header">
                        <h6>{{__('order::order.fillup the information below to generate a purchase order')}}</h6>
                    </div>
                    <div class="card-body">
                        <form class="row g-3 form-container-wrapper purchase-order-form">
                            <div class="col-md-4">
                                <label for="supplier_name" class="form-label">{{ __('order::order.supplier name') }}:</label>
                                <select class="form-select supplier_select" id="suppliercompany"  name="suppliercompany"
                                			data-url="{{ route('get_supplier_name',['id' => ':id'])}}">
                                    <option value="">----{{ __('order::order.choose one') }}---</option>
                                    @forelse(supplier() as $supplier)
                                        <option value="{{ $supplier->id }}">{{ $supplier -> SupplierCompany }}</option>
                                    @empty
                                        <option value="">----{{ __('order::order.select a supplier') }}---</option>
                                    @endforelse
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="porder_no">{{__('order::order.purchase order number')}}</label>
                                <input type="text" class="form-control" id="porder_no" name="porder_no" value="{{ purchase_order_number_generator() }}"  readonly>
                            </div>
                            <div class="col-md-4">
                                <label for="Date" class="form-label">{{__('order::order.date')}}</label>
                                <input type="date" class="form-control" id="date" name="date" value="{!! date('Y-m-d') !!}">
                            </div>
                                <div class="col-sm-12 col-md-4 col-lg-4">
                                    <label for="company_tel" class="form-label">{{ __('order::order.company tel') }}:</label>
                                        <input type="tel" class="form-control" id="company_tel" aria-label="company_tel"
                                               aria-describedby="supplier_tel" name="company_tel" value="{{PurchaseOrder::tel_code() }}">
                                </div>

                            <div class="col-sm-12 col-md-4 col-lg-4">
                                <label class="form-label" for="issuing_staff">{{__('order::order.prepared by')}}</label>
                                <select aria-label="salesperson" id="salesperson" name="salesperson" class="form-select">
                                    @if(admin())
                                        @forelse( clerks() as $team)
                                            <option value="{{ $team->id}}"
                                                    @if(( admin()->id) == $team->id) selected @endif>{{ $team->Name }}</option>
                                        @empty
                                            <option value="">--- {{ __('order::order.select sales person') }} ---</option>
                                        @endforelse
                                    @endif
                                </select>
                            </div>
                              <div class="col-md-4">
                                <label for="companyName" class="form-label">{{__('order::order.ship to company')}}</label>
                                  <select id="companyName" name="companyName" class="form-select" data-url="{{ route('get_selected_company', ['id' => ':id']) }}">
                                      <option value="">{{ __('choose one') }}</option>
                                      @forelse(stores() as $store)
                                          <option value="{{ $store->id }}" @selected(($store->is_primary) == 1)>{{ $store->name }}</option>
                                      @empty
                                          <option value="">---{{ __('order::order.add at least one store') }}---</option>
                                      @endforelse
                                  </select>
                              </div>
                            <div class="ps-address-wrapper">
                                		<div class="container-fluid">
                                			<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="supplier_address" class="form-label">{{ __('order::order.supplier address') }}:</label>
                                     <textarea class="form-control" aria-label="supplier_address" name="supplier_address"  id="supplier_address"></textarea>
                                  </div>
                                </div>
                                			<div class="col-sm-12 col-md-6 col-lg-6">
                                			<div class="mb-1">
                                    <label for="delivery_address" class="form-label">{{ __('order::order.ship to') }}:</label>
                                     <textarea class="form-control" aria-label="delivery_address" name="delivery_address"  id="delivery_address"></textarea>
                                  </div>
                                	</div>
                                			</div>
                                			</div>
                                		</div>
	                                <div class="product-wrapper">
                            		<div class="container-fluid-fluid p-0 table-responsive">
                                        <table class="table table-hover table-striped">
                                            <thead>
                                            <tr>
                                                <th width="15%">{{__('order::order.barcode')}}</th>
                                                <th width="30%">{{__('order::order.description')}}</th>
                                                <th width="15%">{{__('order::order.part no')}}</th>
                                                <th width="10%">{{__('order::order.qty')}}</th>
                                                <th width="10%">{{__('order::order.price')}}</th>
                                                <th width="10%">{{__('order::order.total')}}</th>
                                                <th width="5%">{{__('order::order.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'))
                                    @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="col-sm-4">
        							<div class="note">
        							<textarea name="porder_comment" class="form-control" placeholder="{{ __('order::order.comment here') }}..." id="porder_comment"></textarea>
        							</div>
        	<!-- Button Record Invoice -->
        							<div class="quickinvoice-btn py-4 mx-2">
        <button type="button" class="btn btn-primary" id="create-purchase-order" data-url="{{route('store-purchase-order')}}">
           <span class="btn-text"> {{__('order::order.record')}}</span>
        			<span class="loading-spinner"><i class="fa-solid fa-spinner fa-spin"></i></span>
        			<span class="loading-text">{{ __('order::order.processing') }}.....</span>
        </button></div>
        </div>
        						<div class="col-sm-4">
        					<span class="form-inline">
        						<div class="form-group">
        							<label>{{__('order::order.subtotal')}}:</label>
        							<div class="input-group">
        								<div class="input-group mb-2">
        									 <span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
        								<input type="number" class="form-control" name="subTotal" id="subTotal" value="0" readonly>
        								</div>
        							</div>
                                </div>
                                <div class="form-group">
            							<label>{{__('order::order.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>{{__('order::order.total amount')}}:</label>
        							<div class="input-group mb-2">
        								<span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
        		                    <input type="number" class="form-control" name="totalAftertax" id="totalAftertax" value="0"readonly>
        							</div>
        						</div>
        					</span>
        				</div>
        				<div class="col-sm-4">
                            <div class="form-group">
                                <label>{{__('order::order.tax amount')}}:</label>
                                <div class="input-group mb-2">
                                    <span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
                                    <input type="number" class="form-control" name="taxAmount" id="taxAmount" value="0">
                                </div>
                            </div>
        						<div class="form-group">
        							<label>{{__('order::order.shipping fee')}}:</label>
        							<div class="input-group mb-2">
        								<span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
        		<input type="number" class="form-control" name="shipping_fees" id="shipping_fees" value="0">
        							</div>
        							</div>

        				<div class="form-group">
        							<label>{{__('order::order.amount due')}}:</label>
        							<div class="input-group mb-2">
        								<span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
        								<input type="number" class="form-control" name="amountDue" id="amountDue"  readonly>
        							</div>
        						</div>
        				</div>

{{--   Hidden form--}}
                            <input type="text" id="tax_Rate" value="{{ Invoice::tax() }}" hidden>
                            <input type="text" id="amountPaid" value="0" hidden>
{{--       Hidden form--}}
        				</form>
        				</div>
        			</div>
        		</div>
        	</div>
    </section>
@endsection