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

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('purchase.add_purchase') <i class="fa fa-keyboard-o hover-q text-muted" 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></h1>
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section>

<!-- Main content -->
<section class="content">

	<!-- 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('PurchaseController@store'), 'method' => 'post', 'id' => 'add_purchase_form', 'files' => true ]) !!}

	<div class="box box-solid">
		<div class="box-body">
			<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">
							<span class="input-group-addon">
								<i class="fa fa-user"></i>
							</span>
							{!! Form::select('contact_id', [], null, ['class' => 'form-control', 'placeholder' => __('messages.please_select'), 'required', 'id' => 'supplier_id']); !!}
							<span class="input-group-btn">
								<button type="button" class="btn btn-default bg-white btn-flat add_new_supplier" data-name=""><i class="fa fa-plus-circle text-primary fa-lg"></i></button>
							</span>
						</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').':') !!}
						{!! Form::text('ref_no', null, ['class' => 'form-control']); !!}
					</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') . ':*') !!}
						<div class="input-group">
							<span class="input-group-addon">
								<i class="fa fa-calendar"></i>
							</span>
							{!! Form::text('transaction_date', @format_date('now'), ['class' => 'form-control', 'readonly', 'required']); !!}
						</div>
					</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>

				<div class="clearfix"></div>
				
				@if(count($business_locations) == 1)
					@php 
						$default_location = current(array_keys($business_locations->toArray())) 
					@endphp
				@else
					@php $default_location = null; @endphp
				@endif
				<div class="col-sm-3">
					<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', 'id' => 'purchase_location_id', 'placeholder' => __('messages.please_select'), 'required']); !!}
					</div>
				</div>

				@if (in_array('warehouse.warehouse', $package_modules))
					@if (in_array('warehouse', $nature_of_business_modules))
						@if(count($warehouses) > 0) 
							<div class="col-sm-3">
								<div class="form-group">
									{!! Form::label('warehouse_id', __('purchase.business_warehouses').':') !!}
									{!! Form::select('warehouse_id', array(), null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'id' => 'purchase_warehouses_id']); !!}
								</div>
							</div>
						@endif
					@endif
				@endif

				<!-- Currency Exchange Rate -->
				<div class="col-sm-3 @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'))
						<div class="input-group">
							<span class="input-group-addon">
								<i class="fa fa-info"></i>
							</span>
							{!! Form::number('exchange_rate', $currency_details->p_exchange_rate, ['class' => 'form-control', 'required', 'step' => 0.001]); !!}
						</div>
						<span class="help-block text-danger">
							@lang('purchase.diff_purchase_currency_help', ['currency' => $currency_details->name])
						</span>
					</div>
				</div>

				<div class="col-sm-3">
                    <div class="form-group">
                        {!! Form::label('document', __('purchase.attach_document') . ':') !!}
                        {!! Form::file('document', ['id' => 'upload_document']); !!}
                        <p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)])</p>
                    </div>
                </div>

			</div>
		</div>
	</div> <!--box end-->
	<div class="box box-solid"><!--box start-->
		<div class="box-body">
			<div class="row">
				<div class="col-sm-8 col-sm-offset-2">
					<div class="form-group">
						<div class="input-group">
							<span class="input-group-addon">
								<i class="fa fa-search"></i>
							</span>
							{!! Form::text('search_product', null, ['class' => 'form-control mousetrap', 'id' => 'search_product', 'placeholder' => __('lang_v1.search_product_placeholder'), 'autofocus']); !!}
						</div>
					</div>
				</div>
				<div class="col-sm-2">
					<div class="form-group">
						<button tabindex="-1" type="button" class="btn btn-link btn-modal"data-href="{{action('ProductController@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">
					<div class="table-responsive">
						<table class="table table-condensed table-bordered table-th-green text-center table-striped" id="purchase_entry_table">
							<thead>
								<tr style="{{get_theme_color()}}">
									<th style="{{get_theme_color()}}">#</th>
									<th style="{{get_theme_color()}}">@lang( 'product.product_name' )</th>
									<th style="{{get_theme_color()}}">@lang( 'purchase.purchase_quantity' )</th>
									<!-- <th style="{{get_theme_color()}}">@lang( 'lang_v1.unit_cost_before_discount' )</th>
									<th style="{{get_theme_color()}}">@lang( 'lang_v1.discount_percent' )</th>
									<th style="{{get_theme_color()}}">@lang( 'purchase.unit_cost_before_tax' )</th> -->
									<th style="{{get_theme_color()}}" class="{{$hide_tax}}">@lang( 'purchase.subtotal_before_tax' )</th>
									<th style="{{get_theme_color()}}" class="{{$hide_tax}}">@lang( 'purchase.product_tax' )</th>
									<th style="{{get_theme_color()}}" class="{{$hide_tax}}">@lang( 'purchase.net_cost' )</th>
									<th style="{{get_theme_color()}}">@lang( 'purchase.line_total' )</th>
									<th style="{{get_theme_color()}}" class="@if(!session('business.enable_editing_product_from_purchase')) hide @endif">
										@lang( 'lang_v1.profit_margin' )
									</th>
									<th style="{{get_theme_color()}}">
										@lang( 'purchase.unit_selling_price' )
									</th>
									@if(session('business.enable_lot_number'))
										<th style="{{get_theme_color()}}">
											@lang('lang_v1.lot_number')
										</th>
									@endif
									<!-- @if(session('business.enable_product_expiry'))
										<th style="{{get_theme_color()}}">
											@lang('product.mfg_date') / @lang('product.exp_date')
										</th>
									@endif -->
									<th style="{{get_theme_color()}}"><i class="fa fa-trash" aria-hidden="true"></i></th>
								</tr>
							</thead>
							<tbody>
							{!! Form::hidden('exit_serial', null, ['id' => 'exit_serial']); !!}
							{!! Form::hidden('exit_product_id', null, ['id' => 'exit_product_id']); !!}
							</tbody>
						</table>
					</div>
					<hr/>
					<div class="pull-right col-md-5">
						<table class="pull-right col-md-12">
							<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>
		</div>
	</div><!--box end-->
	<div class="box box-solid"><!--box start-->
		<div class="box-body">
			<div class="row">
				<div class="col-sm-12">
				<table class="table">
					<!-- <tr>
						<td class="col-md-3">
							<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>
						</td>
						<td class="col-md-3">
							<div class="form-group">
							{!! Form::label('discount_amount', __( 'purchase.discount_amount' ) . ':') !!}
							{!! Form::text('discount_amount', 0, ['class' => 'form-control input_number', 'required']); !!}
							</div>
						</td>
						<td class="col-md-3">
							&nbsp;
						</td>
						<td class="col-md-3">
							<b>@lang( 'purchase.discount' ):</b>(-) 
							<span id="discount_calculated_amount" class="display_currency">0</span>
						</td>
					</tr> -->
					<!-- <tr>
						<td>
							<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>
						</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>
							<b>@lang( 'purchase.purchase_tax' ):</b>(+) 
							<span id="tax_calculated_amount" class="display_currency">0</span>
						</td>
					</tr> -->

					<tr  class="@if(empty($default_shipping)) hide @endif">
						<td>
							<div class="form-group">
							{!! Form::label('shipping_details', __( 'purchase.shipping_details' ) . ':') !!}
							{!! Form::text('shipping_details', null, ['class' => 'form-control']); !!}
							</div>
						</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>
							<div class="form-group">
							{!! Form::label('shipping_charges','(+) ' . __( 'purchase.additional_shipping_charges' ) . ':') !!}
							{!! Form::text('shipping_charges', 0, ['class' => 'form-control input_number', 'required']); !!}
							</div>
						</td>
					</tr>

					<tr>
						<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
						<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
						<td>
							{!! 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> -->
						</td>
					</tr>
					<tr>
						<td colspan="4">
							<div class="form-group">
								{!! Form::label('additional_notes',__('purchase.additional_notes')) !!}
								{!! Form::textarea('additional_notes', null, ['class' => 'form-control', 'rows' => 3]); !!}
							</div>
						</td>
					</tr>

				</table>
				</div>
		</div>
	</div>
	</div>
	<!--box end-->
	<div class="box box-solid"><!--box start-->
		<div class="box-header">
			<h3 class="box-title">
				@lang('purchase.add_payment')
			</h3>
		</div>
		<div class="box-body payment_row">
			@include('sale_pos.partials.payment_row_form', ['row_index' => 0])
			<hr>
			<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">
					<button type="button" id="submit_purchase_form" class="btn btn-primary pull-right btn-flat">@lang('messages.save')</button>
				</div>
			</div>
		</div>
	</div>
{!! Form::close() !!}
</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>
<div class="modal fade" id="serial_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <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" id="myModalLabel">Serial Number</h4>
      </div>
      <div class="modal-body">
	  <input type="hidden" name="product_id"  id="product-id" value="">
	  <input type="hidden" name="quantity_count"  id="quantity_countd" value="">
		<div class="row">
			<div class="col-md-12">
				<div class="form-group">
                        <input type="text" name="tags" placeholder="Serial Number" class="tm-input form-control tm-input-info" autofocus/>
						<br>
                    </div>
			</div>
		</div> 
      </div>
      <div class="modal-footer">
	  	<button type="button" class="btn btn-primary" data-href="{{route('purchase.update.serial')}}" id="submit_serial_number">Save</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.close')</button>
      </div>
    </div>
  </div>
</div>
<!-- /.content -->
@endsection

@section('javascript')
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.js"></script>
	<script src="{{ asset('js/purchase.js?v=' . $asset_v) }}"></script>
	<script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>
	@include('purchase.partials.keyboard_shortcuts')

	<script>
	$(document).ready(function () {
		function get_warehouses() {
		var location_id = $('#purchase_location_id').val();
			$.ajax({
				method: "POST",
				url: '/purchases/getWarehouses',
				dataType: "html",
				data: { 'location_id': location_id },
				success: function (result) {
					if (result) {
						$('#purchase_warehouses_id').html(result);
					}
				}
			});
		}
		get_warehouses();

		$('#purchase_location_id').change(function () {
			get_warehouses();
		});
	});
	$(document).on('ifChecked', 'input#is_warranty', function(){  
      $('div#warranty_div').show();
      document.getElementById("period").required = true;
    });
    $(document).on('ifUnchecked', 'input#is_warranty', function(){  
      $('div#warranty_div').hide();
      document.getElementById("period").required = false;
    });
	</script>
@endsection