@extends('layouts.app')
@section('title', __('lang_v1.add_stock_transfer'))

@section('content')

<!-- 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-5" href="{{action([\App\Http\Controllers\StockTransferController::class, 'index'])}}">
                <i class="ni ni-delivery-fast text-sm-i opacity-10"></i>  @lang('lang_v1.stock_transfers')
              </a>
            </li>
            <li class="breadcrumb-item text-sm">
                <a class="opacity-7 text-white" href="{{action([\App\Http\Controllers\StockTransferController::class, 'index'])}}">@lang('lang_v1.list_stock_transfers')</a>
            </li>
            <li class="breadcrumb-item text-sm text-white" aria-current="page">
              @lang('lang_v1.add_stock_transfer')
            </li>
          </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content no-print">
	<div class="pad-15"> 
		{!! Form::open(['url' => action([\App\Http\Controllers\StockTransferController::class, 'store']), 'method' => 'post', 'id' => 'stock_transfer_form' ]) !!}
			<div class="card h-100 shadow-lg mb-10">
				<div class="card-header pb-0 pt-3 bg-transparent">
					<h5 class="text-capitalize">
		                    <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
		                    <i class="fa fa-plus text-primary text-lg opacity-10"></i>
		                    </span> @lang('lang_v1.add_stock_transfer') </h5>
		                    <hr class="line-light">
		       	</div>
				<div class="card-body p-3">
					<div class="pad-15">
						<div class="row">
							<div class="col-sm-4">
								<div class="form-group">
									{!! Form::label('transaction_date', __('messages.date') . ':*') !!}
									{!! Form::text('transaction_date', @format_datetime('now'), ['class' => 'form-control bd-rd-7', 'readonly', 'required']); !!}
								</div>
							</div>
							<div class="col-sm-4">
								<div class="form-group">
									{!! Form::label('ref_no', __('purchase.ref_no').':') !!}
									{!! Form::text('ref_no', null, ['class' => 'form-control bd-rd-7']); !!}
								</div>
							</div>
							<div class="col-sm-4">
								<div class="form-group">
									{!! Form::label('status', __('sale.status').':*') !!} @show_tooltip(__('lang_v1.completed_status_help'))
									{!! Form::select('status', $statuses, null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'required', 'id' => 'status']); !!}
								</div>
							</div>
							<div class="clearfix"></div>
							<div class="col-sm-6">
								<div class="form-group">
									{!! Form::label('location_id', __('lang_v1.location_from').':*') !!}
									{!! Form::select('location_id', $business_locations, null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'required', 'id' => 'location_id']); !!}
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									{!! Form::label('transfer_location_id', __('lang_v1.location_to').':*') !!}
									{!! Form::select('transfer_location_id', $business_locations, null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'required', 'id' => 'transfer_location_id']); !!}
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</div> <!--box end-->
			<div class="card z-index-2 h-100 shadow-lg mb-10">
				<div class="card-header pb-0 pt-3 bg-transparent">
					<h5 class="text-capitalize">
		                    <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
		                    <i class="fa fa-search text-primary text-lg opacity-10"></i>
		                    </span> {{ __('stock_adjustment.search_products') }} </h5>
		                    <hr class="line-light">
		       	</div>
				<div class="card-body p-3">
					<div class="row">
						<div class="col-sm-8 col-sm-offset-2">
							<div class="form-group">
									{!! Form::text('search_product', null, ['class' => 'form-control bd-rd-7', 'id' => 'search_product_for_srock_adjustment', 'placeholder' => __('stock_adjustment.search_product'), 'disabled']); !!}
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-10 col-sm-offset-1">
							<input type="hidden" id="product_row_index" value="0">
							<input type="hidden" id="total_amount" name="final_total" value="0">
							<div class="table-responsive">
								<table class="table talign-items-center mb-0 full-width" 
								id="stock_adjustment_product_table">
									<thead class="thead-light">
										<tr>
											<th class="col-sm-4 text-uppercase text-dark text-xs font-weight-bolder text-center">	
												@lang('sale.product')
											</th>
											<th class="col-sm-2 text-uppercase text-dark text-xs font-weight-bolder text-center">
												@lang('sale.qty')
											</th>
											<th class="col-sm-2 text-uppercase text-dark text-xs font-weight-bolder text-center">
												@lang('sale.unit_price')
											</th>
											<th class="col-sm-2 text-uppercase text-dark text-xs font-weight-bolder text-center">
												@lang('sale.subtotal')
											</th>
											<th class="col-sm-2 text-uppercase text-dark text-xs font-weight-bolder text-center"><i class="fa fa-trash" aria-hidden="true"></i></th>
										</tr>
									</thead>
									<tbody>
									</tbody>
									<tfoot>
										<tr class="text-center"><td colspan="3"></td><td><div class="pull-right"><b>@lang('sale.total'):</b> <span id="total_adjustment">0.00</span></div></td></tr>
									</tfoot>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div> <!--box end-->
			<div class="card z-index-2 h-100 shadow-lg mb-10">
				<div class="card-header pb-0 pt-3 bg-transparent">
					<h5 class="text-capitalize">
		                    <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
		                    <i class="fa fa-money-check text-primary text-lg opacity-10"></i>
		                    </span> {{ __('lang_v1.shipping_charges') }} </h5>
		                    <hr class="line-light">
		       	</div>
				<div class="card-body p-3">
					<div class="pad-15">
						<div class="row">
							<div class="col-sm-4">
								<div class="form-group">
										{!! Form::label('shipping_charges', __('lang_v1.shipping_charges') . ':') !!}
										{!! Form::text('shipping_charges', 0, ['class' => 'form-control input_number bd-rd-7', 'placeholder' => '']); !!}
								</div>
							</div>
							<div class="col-sm-8">
								<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 class="row">
							<div class="col-md-12 text-right">
								<b>@lang('stock_adjustment.total_amount'):</b> <span id="final_total_text">0.00</span>
							</div>
							<br>
							<br>

							<div class="col-sm-12 text-center">
								<hr class="line-light">
								<button type="submit" id="save_stock_transfer" class="btn btn-success btn-big">@lang('messages.save')</button>
							</div>
						</div>
					</div>

				</div>
			</div> <!--box end-->
		{!! Form::close() !!}
	</div>
</section>
@stop
@section('javascript')
	<script src="{{ asset('js/stock_transfer.js?v=' . $asset_v) }}"></script>
	<script type="text/javascript">
		__page_leave_confirmation('#stock_transfer_form');
	</script>
@endsection