@extends('layouts.app')
@section('title', __('purchase.add_purchase'))

@section('content')

@php
	$custom_labels = json_decode(session('business.custom_labels'), true);
@endphp
<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-7" href="{{action([\App\Http\Controllers\PurchaseController::class, 'index'])}}">
                <i class="ni ni-cart text-sm-i opacity-10"></i> @lang('purchase.purchases')
              </a>
            </li>
            <li class="breadcrumb-item text-sm text-white">
                @lang('purchase.add_purchase')
                	<span><i class="fa fa-keyboard-o hover-q text-muted opacity-7" aria-hidden="true" data-container="body" data-toggle="popover" data-placement="bottom" data-content="@include('purchase.partials.keyboard_shortcuts_details')" data-html="true" data-trigger="hover" data-original-title="" title=""></i></span>
            </li>
          </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content">
	<div class="pad-15">
		<!-- Page level currency setting -->
		<input type="hidden" id="p_code" value="{{$currency_details->code}}">
		<input type="hidden" id="p_symbol" value="{{$currency_details->symbol}}">
		<input type="hidden" id="p_thousand" value="{{$currency_details->thousand_separator}}">
		<input type="hidden" id="p_decimal" value="{{$currency_details->decimal_separator}}">

		@include('layouts.partials.error')

		{!! Form::open(['url' => action([\App\Http\Controllers\PurchaseController::class, 'store']), 'method' => 'post', 'id' => 'add_purchase_form', 'files' => true ]) !!}
			@component('components.widget', ['class' => 'box-primary','icon' => 'ni ni-cart text-primary', 'title' => __('purchase.add_purchase')])
			<hr class="line-light-1">
			<div class="pad-15">
				<div class="row">
					<div class="@if(!empty($default_purchase_status)) col-sm-4 @else col-sm-3 @endif">
						<div class="form-group">
							{!! Form::label('supplier_id', __('purchase.supplier') . ':*') !!}
							<div class="input-group">
								{!! Form::select('contact_id', [], null, ['class' => 'form-control bd-rd-7', 'placeholder' => __('messages.please_select'), 'required', 'id' => 'supplier_id']); !!}
								<span class="input-group-btn bd-0">
									<button type="button" class="btn bd-rd-7 bg-white add_new_supplier" data-name=""><i class="fa fa-plus-circle text-primary fa-lg"></i></button>
								</span>
							</div>
						</div>
						<strong>
							@lang('business.address'):
						</strong>
						<div id="supplier_address_div"></div>
					</div>
					<div class="@if(!empty($default_purchase_status)) col-sm-4 @else col-sm-3 @endif">
						<div class="form-group">
							{!! Form::label('ref_no', __('purchase.ref_no').':') !!}
							@show_tooltip(__('lang_v1.leave_empty_to_autogenerate'))
							{!! Form::text('ref_no', null, ['class' => 'form-control bd-rd-7']); !!}
						</div>
					</div>
					<div class="@if(!empty($default_purchase_status)) col-sm-4 @else col-sm-3 @endif">
						<div class="form-group">
							{!! Form::label('transaction_date', __('purchase.purchase_date') . ':*') !!}
								{!! Form::text('transaction_date', @format_datetime('now'), ['class' => 'form-control bd-rd-7', 'readonly', 'required']); !!}
						</div>
					</div>
					<div class="col-sm-3 @if(!empty($default_purchase_status)) hide @endif">
						<div class="form-group">
							{!! Form::label('status', __('purchase.purchase_status') . ':*') !!} @show_tooltip(__('tooltip.order_status'))
							{!! Form::select('status', $orderStatuses, $default_purchase_status, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'required']); !!}
						</div>
					</div>			
					@if(count($business_locations) == 1)
						@php 
							$default_location = current(array_keys($business_locations->toArray()));
							$search_disable = false; 
						@endphp
					@else
						@php $default_location = null;
						$search_disable = true;
						@endphp
					@endif
					<div class="col-sm-3 col-xs-12">
						<div class="form-group">
							{!! Form::label('location_id', __('purchase.business_location').':*') !!}
							@show_tooltip(__('tooltip.purchase_location'))
							{!! Form::select('location_id', $business_locations, $default_location, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'required'], $bl_attributes); !!}
						</div>
					</div>

					<!-- Currency Exchange Rate -->
					<div class="col-sm-3 col-xs-12 @if(!$currency_details->purchase_in_diff_currency) hide @endif">
						<div class="form-group">
							{!! Form::label('exchange_rate', __('purchase.p_exchange_rate') . ':*') !!}
							@show_tooltip(__('tooltip.currency_exchange_factor'))
							{!! Form::number('exchange_rate', $currency_details->p_exchange_rate, ['class' => 'form-control bd-rd-7', 'required', 'step' => 0.001]); !!}
							<span class="help-block text-danger">
								@lang('purchase.diff_purchase_currency_help', ['currency' => $currency_details->name])
							</span>
						</div>
					</div>

					<div class="col-sm-3 col-xs-12">
				          <div class="form-group">
				            <div class="multi-input">
				              {!! Form::label('pay_term_number', __('contact.pay_term') . ':') !!} @show_tooltip(__('tooltip.pay_term'))
				              	<div class="input-group">
					              {!! Form::number('pay_term_number', null, ['class' => 'form-control bd-rd-7 width-40 pull-left', 'placeholder' => '']); !!}
					              {!! Form::select('pay_term_type', 
					              	['months' => __('lang_v1.months'), 
					              		'days' => __('lang_v1.days')], 
					              		null, 
					              	['class' => 'form-control select2 width-50 pull-left','placeholder' => __('messages.please_select'), 'id' => 'pay_term_type']); !!}
					            </div>
					        </div>
				        </div>
				    </div>

					<div class="col-sm-3 col-xs-12">
		                <div class="form-group">
		                    {!! Form::label('document', __('purchase.attach_document') . ':') !!}
		                    {!! Form::file('document', ['id' => 'upload_document', 'accept' => implode(',', array_keys(config('constants.document_upload_mimes_types')))]); !!}
		                    <p class="help-block">
		                    	@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)])
		                    	@includeIf('components.document_help_text')
		                    </p>
		                </div>
		            </div>
				</div>
				<div class="row">
					@php
					    $custom_field_1_label = !empty($custom_labels['purchase']['custom_field_1']) ? $custom_labels['purchase']['custom_field_1'] : '';

					    $is_custom_field_1_required = !empty($custom_labels['purchase']['is_custom_field_1_required']) && $custom_labels['purchase']['is_custom_field_1_required'] == 1 ? true : false;

					    $custom_field_2_label = !empty($custom_labels['purchase']['custom_field_2']) ? $custom_labels['purchase']['custom_field_2'] : '';

					    $is_custom_field_2_required = !empty($custom_labels['purchase']['is_custom_field_2_required']) && $custom_labels['purchase']['is_custom_field_2_required'] == 1 ? true : false;

					    $custom_field_3_label = !empty($custom_labels['purchase']['custom_field_3']) ? $custom_labels['purchase']['custom_field_3'] : '';

					    $is_custom_field_3_required = !empty($custom_labels['purchase']['is_custom_field_3_required']) && $custom_labels['purchase']['is_custom_field_3_required'] == 1 ? true : false;

					    $custom_field_4_label = !empty($custom_labels['purchase']['custom_field_4']) ? $custom_labels['purchase']['custom_field_4'] : '';

					    $is_custom_field_4_required = !empty($custom_labels['purchase']['is_custom_field_4_required']) && $custom_labels['purchase']['is_custom_field_4_required'] == 1 ? true : false;
					@endphp
					@if(!empty($custom_field_1_label))
						@php
							$label_1 = $custom_field_1_label . ':';
							if($is_custom_field_1_required) {
								$label_1 .= '*';
							}
						@endphp

						<div class="col-sm-4 col-xs-12">
					        <div class="form-group">
					            {!! Form::label('custom_field_1', $label_1 ) !!}
					            {!! Form::text('custom_field_1', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_custom_field_1_required]); !!}
					        </div>
					    </div>
					@endif
					@if(!empty($custom_field_2_label))
						@php
							$label_2 = $custom_field_2_label . ':';
							if($is_custom_field_2_required) {
								$label_2 .= '*';
							}
						@endphp

						<div class="col-sm-4 col-xs-12">
					        <div class="form-group">
					            {!! Form::label('custom_field_2', $label_2 ) !!}
					            {!! Form::text('custom_field_2', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_custom_field_2_required]); !!}
					        </div>
					    </div>
					@endif
					@if(!empty($custom_field_3_label))
						@php
							$label_3 = $custom_field_3_label . ':';
							if($is_custom_field_3_required) {
								$label_3 .= '*';
							}
						@endphp

						<div class="col-sm-4 col-xs-12">
					        <div class="form-group">
					            {!! Form::label('custom_field_3', $label_3 ) !!}
					            {!! Form::text('custom_field_3', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_custom_field_3_required]); !!}
					        </div>
					    </div>
					@endif
					@if(!empty($custom_field_4_label))
						@php
							$label_4 = $custom_field_4_label . ':';
							if($is_custom_field_4_required) {
								$label_4 .= '*';
							}
						@endphp

						<div class="col-sm-4 col-xs-12">
					        <div class="form-group">
					            {!! Form::label('custom_field_4', $label_4 ) !!}
					            {!! Form::text('custom_field_4', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_custom_field_4_required]); !!}
					        </div>
					    </div>
					@endif
				</div>
				@if(!empty($common_settings['enable_purchase_order']))
					<div class="row">
						<div class="col-sm-3">
							<div class="form-group">
								{!! Form::label('purchase_order_ids', __('lang_v1.purchase_order').':') !!}
								{!! Form::select('purchase_order_ids[]', [], null, ['class' => 'form-control select2', 'multiple', 'id' => 'purchase_order_ids']); !!}
							</div>
						</div>
					</div>
				@endif
			</div>
			@endcomponent

			@component('components.widget', ['class' => 'box-primary','icon' => 'fa fa-cart-arrow-down text-primary', 'title' => __('product.import_products')])
				<hr class="line-light-1">
				<div class="row">
					<div class="col-sm-2 col-xs-6 text-center mb-10">
						<button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#import_purchase_products_modal">@lang('product.import_products')</button>
					</div>
					<div class="col-sm-8 col-xs-12 mb-10">
						<div class="form-group">
							{!! Form::text('search_product', null, ['class' => 'form-control mousetrap bd-rd-7', 'id' => 'search_product', 'placeholder' => __('lang_v1.search_product_placeholder'), 'disabled' => $search_disable]); !!}
						</div>
					</div>
					<div class="col-sm-2 col-xs-6 mb-10">
						<div class="form-group">
							<button tabindex="-1" type="button" class="btn btn-outline-pink btn-modal"data-href="{{action([\App\Http\Controllers\ProductController::class, 'quickAdd'])}}" 
		            	data-container=".quick_add_product_modal"><i class="fa fa-plus"></i> @lang( 'product.add_new_product' ) </button>
						</div>
					</div>
				</div>
				@php
					$hide_tax = '';
					if( session()->get('business.enable_inline_tax') == 0){
						$hide_tax = 'hide';
					}
				@endphp
				<div class="row">
					<div class="col-sm-12 col-xs-12">
						<div class="table-responsive">
							<table class="table align-items-center mb-0 full-width" id="purchase_entry_table">
								<thead class="thead-light">
									<tr>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">#</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'product.product_name' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'purchase.purchase_quantity' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'lang_v1.unit_cost_before_discount' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'lang_v1.discount_percent' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang( 'purchase.unit_cost_before_tax' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder {{$hide_tax}}">@lang( 'purchase.subtotal_before_tax' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder {{$hide_tax}}">@lang( 'purchase.product_tax' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder {{$hide_tax}}">@lang( 'purchase.net_cost' )</th>
										<th>@lang( 'purchase.line_total' )</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder @if(!session('business.enable_editing_product_from_purchase')) hide @endif">
											@lang( 'lang_v1.profit_margin' )
										</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">
											@lang( 'purchase.unit_selling_price' )
											<small>(@lang('product.inc_of_tax'))</small>
										</th>
										@if(session('business.enable_lot_number'))
											<th class="text-uppercase text-dark text-xs font-weight-bolder">
												@lang('lang_v1.lot_number')
											</th>
										@endif
										@if(session('business.enable_product_expiry'))
											<th class="text-uppercase text-dark text-xs font-weight-bolder">
												@lang('product.mfg_date') / @lang('product.exp_date')
											</th class="text-uppercase text-dark text-xs font-weight-bolder">
										@endif
										<th class="text-uppercase text-dark text-xs font-weight-bolder"><i class="fa fa-trash" aria-hidden="true"></i></th>
									</tr>
								</thead>
								<tbody></tbody>
							</table>
						</div>
						<hr class="line-light" />
						<div class="pull-right col-md-5 col-xs-12">
							<table class="pull-right col-md-12">
								<tr>
									<th class="col-md-7 text-right">@lang( 'lang_v1.total_items' ):</th>
									<td class="col-md-5 text-left">
										<span id="total_quantity" class="display_currency" data-currency_symbol="false"></span>
									</td>
								</tr>
								<tr class="hide">
									<th class="col-md-7 text-right">@lang( 'purchase.total_before_tax' ):</th>
									<td class="col-md-5 text-left">
										<span id="total_st_before_tax" class="display_currency"></span>
										<input type="hidden" id="st_before_tax_input" value=0>
									</td>
								</tr>
								<tr>
									<th class="col-md-7 text-right">@lang( 'purchase.net_total_amount' ):</th>
									<td class="col-md-5 text-left">
										<span id="total_subtotal" class="display_currency"></span>
										<!-- This is total before purchase tax-->
										<input type="hidden" id="total_subtotal_input" value=0  name="total_before_tax">
									</td>
								</tr>
							</table>
						</div>

						<input type="hidden" id="row_count" value="0">
					</div>
				</div>
			@endcomponent

			@component('components.widget', ['class' => 'box-primary','icon' => 'fa fa-percent text-primary', 'title' => __('purchase.discount')])
				<hr class="line-light-1">
				<div class="pad-15">
					<div class="row">
						<div class="col-sm-12 col-xs-12">
								<div class="col-md-4 col-xs-12">
									<div class="form-group">
										{!! Form::label('discount_type', __( 'purchase.discount_type' ) . ':') !!}
										{!! Form::select('discount_type', [ '' => __('lang_v1.none'), 'fixed' => __( 'lang_v1.fixed' ), 'percentage' => __( 'lang_v1.percentage' )], '', ['class' => 'form-control select2']); !!}
									</div>
								</div>
								<div class="col-md-4 col-xs-12">
									<div class="form-group">
									{!! Form::label('discount_amount', __( 'purchase.discount_amount' ) . ':') !!}
									{!! Form::text('discount_amount', 0, ['class' => 'form-control input_number bd-rd-7', 'required']); !!}
									</div>
								</div>
								
								<div class="col-md-4 col-xs-12">
									<div class="mt-25">
										<b>@lang( 'purchase.discount' ):</b>(-) 
										<span id="discount_calculated_amount" class="display_currency">0</span>
									</div>
								</div>
								<div class="clearfix"></div>
								<div class="col-md-4 col-xs-12">
									<div class="form-group">
										{!! Form::label('tax_id', __('purchase.purchase_tax') . ':') !!}
										<select name="tax_id" id="tax_id" class="form-control select2" placeholder="'Please Select'">
											<option value="" data-tax_amount="0" data-tax_type="fixed" selected>@lang('lang_v1.none')</option>
											@foreach($taxes as $tax)
												<option value="{{ $tax->id }}" data-tax_amount="{{ $tax->amount }}" data-tax_type="{{ $tax->calculation_type }}">{{ $tax->name }}</option>
											@endforeach
										</select>
										{!! Form::hidden('tax_amount', 0, ['id' => 'tax_amount']); !!}
									</div>
								
									<div class="mt-25">
										<b>@lang( 'purchase.purchase_tax' ):</b>(+) 
										<span id="tax_calculated_amount" class="display_currency">0</span>
									</div>
								</div>
								
								<div class="col-md-8 col-xs-12">
									<div class="form-group">
										{!! Form::label('additional_notes',__('purchase.additional_notes')) !!}
										{!! Form::textarea('additional_notes', null, ['class' => 'form-control bd-rd-7', 'rows' => 3]); !!}
									</div>
								</div>

						</div>
					</div>
				</div>
			@endcomponent
			@component('components.widget', ['class' => 'box-primary','icon' => 'fa fa-shipping-fast text-primary', 'title' => __('purchase.shipping_details')])
				<hr class="line-light-1">
				<div class="pad-15">
					<div class="row">
						<div class="col-md-4 col-xs-12">
							<div class="form-group">
							{!! Form::label('shipping_details', __( 'purchase.shipping_details' ) . ':') !!}
							{!! Form::text('shipping_details', null, ['class' => 'form-control bd-rd-7']); !!}
							</div>
						</div>
						<div class="col-md-4 col-md-offset-4 col-xs-12">
							<div class="form-group">
								{!! Form::label('shipping_charges','(+) ' . __( 'purchase.additional_shipping_charges' ) . ':') !!}
								{!! Form::text('shipping_charges', 0, ['class' => 'form-control input_number bd-rd-7', 'required']); !!}
							</div>
						</div>
					</div>
					<div class="row">
						@php
						    $shipping_custom_label_1 = !empty($custom_labels['purchase_shipping']['custom_field_1']) ? $custom_labels['purchase_shipping']['custom_field_1'] : '';

						    $is_shipping_custom_field_1_required = !empty($custom_labels['purchase_shipping']['is_custom_field_1_required']) && $custom_labels['purchase_shipping']['is_custom_field_1_required'] == 1 ? true : false;

						    $shipping_custom_label_2 = !empty($custom_labels['purchase_shipping']['custom_field_2']) ? $custom_labels['purchase_shipping']['custom_field_2'] : '';

						    $is_shipping_custom_field_2_required = !empty($custom_labels['purchase_shipping']['is_custom_field_2_required']) && $custom_labels['purchase_shipping']['is_custom_field_2_required'] == 1 ? true : false;

						    $shipping_custom_label_3 = !empty($custom_labels['purchase_shipping']['custom_field_3']) ? $custom_labels['purchase_shipping']['custom_field_3'] : '';
						    
						    $is_shipping_custom_field_3_required = !empty($custom_labels['purchase_shipping']['is_custom_field_3_required']) && $custom_labels['purchase_shipping']['is_custom_field_3_required'] == 1 ? true : false;

						    $shipping_custom_label_4 = !empty($custom_labels['purchase_shipping']['custom_field_4']) ? $custom_labels['purchase_shipping']['custom_field_4'] : '';
						    
						    $is_shipping_custom_field_4_required = !empty($custom_labels['purchase_shipping']['is_custom_field_4_required']) && $custom_labels['purchase_shipping']['is_custom_field_4_required'] == 1 ? true : false;

						    $shipping_custom_label_5 = !empty($custom_labels['purchase_shipping']['custom_field_5']) ? $custom_labels['purchase_shipping']['custom_field_5'] : '';
						    
						    $is_shipping_custom_field_5_required = !empty($custom_labels['purchase_shipping']['is_custom_field_5_required']) && $custom_labels['purchase_shipping']['is_custom_field_5_required'] == 1 ? true : false;
						@endphp

						@if(!empty($shipping_custom_label_1))
							@php
								$label_1 = $shipping_custom_label_1 . ':';
								if($is_shipping_custom_field_1_required) {
									$label_1 .= '*';
								}
							@endphp

							<div class="col-md-4 col-xs-12">
						        <div class="form-group">
						            {!! Form::label('shipping_custom_field_1', $label_1 ) !!}
						            {!! Form::text('shipping_custom_field_1', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_shipping_custom_field_1_required]); !!}
						        </div>
						    </div>
						@endif
						@if(!empty($shipping_custom_label_2))
							@php
								$label_2 = $shipping_custom_label_2 . ':';
								if($is_shipping_custom_field_2_required) {
									$label_2 .= '*';
								}
							@endphp

							<div class="col-md-4 col-xs-12">
						        <div class="form-group">
						            {!! Form::label('shipping_custom_field_2', $label_2 ) !!}
						            {!! Form::text('shipping_custom_field_2', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_shipping_custom_field_2_required]); !!}
						        </div>
						    </div>
						@endif
						@if(!empty($shipping_custom_label_3))
							@php
								$label_3 = $shipping_custom_label_3 . ':';
								if($is_shipping_custom_field_3_required) {
									$label_3 .= '*';
								}
							@endphp

							<div class="col-md-4 col-xs-12">
						        <div class="form-group">
						            {!! Form::label('shipping_custom_field_3', $label_3 ) !!}
						            {!! Form::text('shipping_custom_field_3', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_shipping_custom_field_3_required]); !!}
						        </div>
						    </div>
						@endif
						@if(!empty($shipping_custom_label_4))
							@php
								$label_4 = $shipping_custom_label_4 . ':';
								if($is_shipping_custom_field_4_required) {
									$label_4 .= '*';
								}
							@endphp

							<div class="col-md-4 col-xs-12">
						        <div class="form-group">
						            {!! Form::label('shipping_custom_field_4', $label_4 ) !!}
						            {!! Form::text('shipping_custom_field_4', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_shipping_custom_field_4_required]); !!}
						        </div>
						    </div>
						@endif
						@if(!empty($shipping_custom_label_5))
							@php
								$label_5 = $shipping_custom_label_5 . ':';
								if($is_shipping_custom_field_5_required) {
									$label_5 .= '*';
								}
							@endphp

							<div class="col-md-4 col-xs-12">
						        <div class="form-group">
						            {!! Form::label('shipping_custom_field_5', $label_5 ) !!}
						            {!! Form::text('shipping_custom_field_5', null, ['class' => 'form-control bd-rd-7','placeholder' => '', 'required' => $is_shipping_custom_field_5_required]); !!}
						        </div>
						    </div>
						@endif
					</div>
					<div class="row">
						<div class="col-md-12 text-center">
							<button type="button" class="btn btn-primary btn-sm" id="toggle_additional_expense"> <i class="fas fa-plus"></i> @lang('lang_v1.add_additional_expenses') <i class="fas fa-chevron-down"></i></button>
						</div>
						<div class="col-md-8 col-md-offset-4 col-xs-12" id="additional_expenses_div" style="display: none;">
							<table class="table talign-items-center mb-0 full-width">
								<thead class="thead-light">
									<tr>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.additional_expense_name')</th>
										<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('sale.amount')</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											{!! Form::text('additional_expense_key_1', null, ['class' => 'form-control bd-rd-7', 'id' => 'additional_expense_key_1']); !!}
										</td>
										<td>
											{!! Form::text('additional_expense_value_1', 0, ['class' => 'form-control input_number bd-rd-7', 'id' => 'additional_expense_value_1']); !!}
										</td>
									</tr>
									<tr>
										<td>
											{!! Form::text('additional_expense_key_2', null, ['class' => 'form-control bd-rd-7', 'id' => 'additional_expense_key_2']); !!}
										</td>
										<td>
											{!! Form::text('additional_expense_value_2', 0, ['class' => 'form-control input_number bd-rd-7', 'id' => 'additional_expense_value_2']); !!}
										</td>
									</tr>
									<tr>
										<td>
											{!! Form::text('additional_expense_key_3', null, ['class' => 'form-control bd-rd-7', 'id' => 'additional_expense_key_3']); !!}
										</td>
										<td>
											{!! Form::text('additional_expense_value_3', 0, ['class' => 'form-control input_number bd-rd-7', 'id' => 'additional_expense_value_3']); !!}
										</td>
									</tr>
									<tr>
										<td>
											{!! Form::text('additional_expense_key_4', null, ['class' => 'form-control bd-rd-7', 'id' => 'additional_expense_key_4']); !!}
										</td>
										<td>
											{!! Form::text('additional_expense_value_4', 0, ['class' => 'form-control input_number bd-rd-7', 'id' => 'additional_expense_value_4']); !!}
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 text-right">
							{!! Form::hidden('final_total', 0 , ['id' => 'grand_total_hidden']); !!}
									<b>@lang('purchase.purchase_total'): </b><span id="grand_total" class="display_currency" data-currency_symbol='true'>0</span>
						</div>
					</div>
				</div>
			@endcomponent
			@component('components.widget', ['class' => 'box-primary','icon' => 'fa fa-money-check text-primary', 'title' => __('purchase.add_payment')])
				<hr class="line-light-1">
				<div class="pad-15">
					<div class="box-body payment_row">
						<div class="row">
							<div class="col-md-12">
								<strong>@lang('lang_v1.advance_balance'):</strong> <span id="advance_balance_text">0</span>
								{!! Form::hidden('advance_balance', null, ['id' => 'advance_balance', 'data-error-msg' => __('lang_v1.required_advance_balance_not_available')]); !!}
							</div>
						</div>
						@include('sale_pos.partials.payment_row_form', ['row_index' => 0, 'show_date' => true, 'show_denomination' => true])
						<hr class="line-light">
						<div class="row">
							<div class="col-sm-12">
								<div class="pull-right"><strong>@lang('purchase.payment_due'):</strong> <span id="payment_due">0.00</span></div>
							</div>
						</div>
						<br>
						<div class="row">
							<div class="col-sm-12 text-center">
								<hr class="line-light">
								<button type="button" id="submit_purchase_form" class="btn btn-big btn-success btn-big btn-flat">@lang('messages.save')</button>
							</div>
						</div>
					</div>
				</div>
			@endcomponent

		{!! Form::close() !!}
	</div>
</section>
<!-- quick product modal -->
<div class="modal fade quick_add_product_modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle"></div>
<div class="modal fade contact_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
	@include('contact.create', ['quick_add' => true])
</div>

@include('purchase.partials.import_purchase_products_modal')
<!-- /.content -->
@endsection

@section('javascript')
	<script src="{{ asset('js/purchase.js?v=' . $asset_v) }}"></script>
	<script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>
	<script type="text/javascript">
		$(document).ready( function(){
      		__page_leave_confirmation('#add_purchase_form');
      		$('.paid_on').datetimepicker({
                format: moment_date_format + ' ' + moment_time_format,
                ignoreReadonly: true,
            });

			if($('.payment_types_dropdown').length){
				$('.payment_types_dropdown').change();
			}
			set_payment_type_dropdown();
			$('select#location_id').change(function() {
				set_payment_type_dropdown();
			});
    	});
    	$(document).on('change', '.payment_types_dropdown, #location_id', function(e) {
		    var default_accounts = $('select#location_id').length ? 
		                $('select#location_id')
		                .find(':selected')
		                .data('default_payment_accounts') : [];
		    var payment_types_dropdown = $('.payment_types_dropdown');
		    var payment_type = payment_types_dropdown.val();
		    var payment_row = payment_types_dropdown.closest('.payment_row');
	        var row_index = payment_row.find('.payment_row_index').val();

	        var account_dropdown = payment_row.find('select#account_' + row_index);
		    if (payment_type && payment_type != 'advance') {
		        var default_account = default_accounts && default_accounts[payment_type]['account'] ? 
		            default_accounts[payment_type]['account'] : '';
		        if (account_dropdown.length && default_accounts) {
		            account_dropdown.val(default_account);
		            account_dropdown.change();
		        }
		    }

		    if (payment_type == 'advance') {
		        if (account_dropdown) {
		            account_dropdown.prop('disabled', true);
		            account_dropdown.closest('.form-group').addClass('hide');
		        }
		    } else {
		        if (account_dropdown) {
		            account_dropdown.prop('disabled', false); 
		            account_dropdown.closest('.form-group').removeClass('hide');
		        }    
		    }
		});

		function set_payment_type_dropdown() {
			var payment_settings = $('#location_id').find(':selected').data('default_payment_accounts');
			payment_settings = payment_settings ? payment_settings : [];
			enabled_payment_types = [];
			for (var key in payment_settings) {
				if (payment_settings[key] && payment_settings[key]['is_enabled']) {
					enabled_payment_types.push(key);
				}
			}
			if (enabled_payment_types.length) {
				$(".payment_types_dropdown > option").each(function() {
					//skip if advance
					if ($(this).val() && $(this).val() != 'advance') {
						if (enabled_payment_types.indexOf($(this).val()) != -1) {
							$(this).removeClass('hide');
						} else {
							$(this).addClass('hide');
						}
					}
				});
			}
		}
	</script>
	@include('purchase.partials.keyboard_shortcuts')
@endsection