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

@section('content')

@php
	$custom_labels = json_decode(session('business.custom_labels'), true);
@endphp
@include('layouts.partials.breadcrumb',['page_title'=> __( 'purchase.add_purchase') , 'bread_crumbs'=>array( array('title'=>__('purchase.purchases'),'url'=>'/purchases'),array('title'=> __('purchase.add_new_purchase'),'url'=>''))])

<!-- 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([\App\Http\Controllers\PurchaseController::class, 'store']), 'method' => 'post', 'id' => 'add_purchase_form', 'files' => true ]) !!}

    @component('components.widget', ['title' => __('purchase.purchase_info'),'class' => '','icon'=>'<i class="fa fa-th-large"></i>',]) 		<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') . ':') !!} @showRequiredAsterisk()
                    <div class="input-group">

                        {!! Form::select('contact_id', [], null, ['class' => 'form-control', 'placeholder' => __('messages.please_select'), 'required', 'id' => 'supplier_id']); !!}
                                           </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(__('app.leave_empty_to_autogenerate'))
					{!! 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') . ':') !!} @showRequiredAsterisk()
					<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', '', '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') . ':') !!} @showRequiredAsterisk() @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="@if(!empty($default_purchase_status)) col-sm-4 @else col-sm-3 @endif">
                            </div>
            <div class="col-sm-3">
                <div class="form-group controls">
                    {!! Form::label('is_local_purchase', __('purchase.purchase_type') . ':') !!} @show_tooltip(__('purchase.tooltip_is_local_purchase'))
                </div>
                <div class="form-group  controls">
                    {!! Form::checkbox('is_local_purchase', 1, false, ['class' => 'input-icheck', 'id' => 'is_local_purchase']); !!}
                    <label class="form-label" for="is_local_purchase"> @lang('purchase.is_local_purchase')
                    </label>
                    <div class="help-block"></div>
                </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">
				<div class="form-group">
					{!! Form::label('location_id', __('purchase.business_location').':') !!} @showRequiredAsterisk()
					@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 @if(!$currency_details->purchase_in_diff_currency) hide @endif">
				<div class="form-group">
					{!! Form::label('exchange_rate', __('purchase.p_exchange_rate') . ':') !!} @showRequiredAsterisk()
					@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', '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-md-4">
		        <div class="form-group">
		            {!! Form::label('custom_field_1', $label_1 ) !!}
		            {!! Form::text('custom_field_1', null, ['class' => 'form-control','placeholder' => $custom_field_1_label, '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-md-4">
		        <div class="form-group">
		            {!! Form::label('custom_field_2', $label_2 ) !!}
		            {!! Form::text('custom_field_2', null, ['class' => 'form-control','placeholder' => $custom_field_2_label, '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-md-4">
		        <div class="form-group">
		            {!! Form::label('custom_field_3', $label_3 ) !!}
		            {!! Form::text('custom_field_3', null, ['class' => 'form-control','placeholder' => $custom_field_3_label, '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-md-4">
		        <div class="form-group">
		            {!! Form::label('custom_field_4', $label_4 ) !!}
		            {!! Form::text('custom_field_4', null, ['class' => 'form-control','placeholder' => $custom_field_4_label, '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', __('app.purchase_order').':') !!}
					{!! Form::select('purchase_order_ids[]', [], null, ['class' => 'form-control select2', 'multiple', 'id' => 'purchase_order_ids']); !!}
				</div>
			</div>
		</div>
		@endif
	@endcomponent

    @component('components.widget', ['title' => __('purchase.products'),'class' => '','icon'=>'<i class="fa fa-th-large"></i>',])
		<div class="row">
			<div class="col-sm-2 text-center">
							</div>
			<div class="col-sm-8">
				<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' => __('app.search_product_placeholder'), 'disabled' => $search_disable]); !!}
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="form-group">
                    				</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>
								<th>#</th>
								<th>@lang( 'purchase.product' )</th>
								<th>@lang( 'purchase.purchase_quantity' )</th>
								<th>@lang( 'purchase.unit_cost_before_discount' )</th>
																<th class="{{$hide_tax}}">@lang( 'purchase.subtotal_before_tax' )</th>
								<th class="{{$hide_tax}}">@lang( 'purchase.product_tax' )</th>
								<th class="{{$hide_tax}}">@lang( 'purchase.net_cost' )</th>
								<th>@lang( 'purchase.line_total' )</th>
								<th class="@if(!session('business.enable_editing_product_from_purchase')) hide @endif">
									@lang( 'purchase.profit_margin' )
								</th>
								<th>
									@lang( 'purchase.unit_selling_price' )
                                    								</th>
								@if(session('business.enable_lot_number'))
									<th>
										@lang('app.lot_number')
									</th>
								@endif
								@if(session('business.enable_product_expiry'))
									<th>
										 @lang('purchase.exp_date')
									</th>
								@endif
								<th><i class="fa fa-trash" aria-hidden="true"></i></th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
				<div class="pull-right col-md-5">

				</div>
				<input type="hidden" id="row_count" value="0">
			</div>
		</div>
        <div class="box-footer text-end">
            <table class="pull-right col-md-12">
                <tr>
                    <th class="text-right">@lang( 'app.total_items' ):</th>
                    <td class="col-md-1 text-right">
                        <span id="total_quantity" class="display_currency" data-currency_symbol="false"></span>
                    </td>
                </tr>
                <tr class="hide">
                    <th class="text-right">@lang( 'purchase.total_before_tax' ):</th>
                    <td class="col-md-1 text-right">
                        <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="text-right">@lang( 'purchase.net_total_amount' ):</th>
                    <td class="col-md-1 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>
	@endcomponent

    @component('components.widget', ['title' => __('purchase.purchase_discount_tax'),'class' => '','icon'=>'<i class="fa fa-th-large"></i>',])
		<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', [ '' => __('app.none'), 'fixed' => __( 'app.fixed' ), 'percentage' => __( 'app.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">
                        &nbsp;
                    </td>
									</tr>
                                {!! Form::hidden('tax_amount', 0, ['id' => 'tax_amount']); !!}

				<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 class="box-footer text-end">
            <table class="pull-right col-md-12">
                <tr>
                    <th class="text-right">@lang( 'purchase.discount' ):</th>
                    <td class="col-md-1 text-right">
                        (-)<span id="discount_calculated_amount" class="display_currency">0</span>
                    </td>
                </tr>
                           </table>
        </div>
	@endcomponent
	    {!! Form::hidden('final_total', 0 , ['id' => 'grand_total_hidden']); !!}
    {!! Form::hidden('shipping_charges', 0, ['class' => 'form-control input_number', 'required']); !!}
       @component('components.widget', ['title' => __('purchase.add_payment'),'class' => '','icon'=>'<i class="fa fa-th-large"></i>',])
		<div class="box-body payment_row">
			<div class="row">
				<div class="col-md-12">
					<strong>@lang('app.advance_balance'):</strong> <span id="advance_balance_text">0</span>
					{!! Form::hidden('advance_balance', null, ['id' => 'advance_balance', 'data-error-msg' => __('app.required_advance_balance_not_available')]); !!}
				</div>
			</div>
			@include('sale_pos.partials.payment_row_form', ['row_index' => 0, 'show_date' => true, 'show_denomination' => true])
            <div class="box-footer text-end">
                <table class="pull-right col-md-12">
                    <tr>
                        <th class="text-right">@lang('purchase.purchase_total'):</th>
                        <td class="col-md-1 text-right">
                            <span id="grand_total" class="display_currency" data-currency_symbol='true'>0</span>
                        </td>
                    </tr>
                    <tr>
                        <th class="text-right">@lang('purchase.payment_due'):</th>
                        <td class="col-md-1 text-right">
                            <span id="payment_due" class="display_currency" data-currency_symbol='true'>0</span>
                        </td>
                    </tr>
                </table>
                <hr />
                <div class="row">
                    <div class="col-sm-12">
                        <button type="button" id="submit_purchase_form" class="btn btn-primary pull-right "><i class="ti-save-alt"></i> @lang('messages.save')</button>
                    </div>
                </div>
            </div>


			<br>

		</div>
	@endcomponent

{!! 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>

@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').datepicker({
                format: moment_date_format,
                ignoreReadonly: true,
                endDate: new Date() // Set the endDate to the current date
            }).on('change', function (e) {
                // Get the current time in the desired format
                var currentTime = moment().format(moment_time_format);

                // Append the current time to the selected date
                var selectedDate = moment(e.target.value, moment_date_format).format(moment_date_format);
                var dateTimeString = selectedDate + ' ' + currentTime;

                // Set the value of the field to the combined date and time
                $(this).val(dateTimeString);
            });


            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