@extends('layouts.form')

@section('title', trans('po.shop_from') . ' ' . trans('lang.shop_' . $shop_name))

@section('action', route('po.save'))

@section('content_form')
<div class="row">
	<div class="col-md-6 col-12" >
		{!! form_title(trans('lang.basic')) !!}

		@if(in_array($d->status, [ORDER_STATUS_DRAFT, ORDER_STATUS_NEW]))
		{!! form_select('status', [
			ORDER_STATUS_DRAFT => trans('order.status_' . ORDER_STATUS_DRAFT),
			ORDER_STATUS_NEW => trans('order.status_' . ORDER_STATUS_NEW)
		], $d->status, trans('order.status')) !!}
		@else
		{!! form_label(trans('order.status'), trans('order.status_' . $d->status)) !!}
		{!! form_hidden('status', $d->status) !!}
		@endif

		@if(strcmp($view_mode, 'edit') == 0)
		{!! form_radio('is_vat', [
			0 => trans('order.is_vat_0'),
			1 => trans('order.is_vat_1'),
		], $d->is_vat, trans('order.is_vat')) !!}
		@else
		{!! form_label(trans('order.is_vat'), trans('order.is_vat_' . $d->is_vat)) !!}
		{!! form_hidden('is_vat', $d->is_vat) !!}
		@endif


		<!-- Start PO from other shop -->
		@if(strcmp($view_mode, 'edit') == 0)
			{!! form_select('warehouse_dest_id', $om['warehouse_select'], $om['warehouse_dest_id'], trans('warehouse.title')) !!}
		@else
			{!! form_label(trans('warehouse.title'), $om['warehouse_dest_name']) !!}
			{!! form_hidden('warehouse_dest_id', $om['warehouse_dest_id']) !!}
		@endif
		{!! form_hidden('warehouse_src_id', $om['warehouse_src_id']) !!}
		<!-- End PO from other shop -->


		@if(strcmp($view_mode, 'edit') == 0)
		<label for="search_product">{{ trans('order.search_product') }}</label>
		<select class="form-control js-data-example-ajax" name="search_product" id="search_product" ></select>
		@endif
	</div>
	<div class="col-md-6 col-12" >
		@if((!empty($d->id)) && (strcmp($d->status, ORDER_STATUS_NEW) == 0) && (strcmp($d->shop_src, SHOP_OTHER) == 0))
		<div class="form-group row">
			<label class="col-sm-4 col-form-label" >รับของ</label>
			<label class="col-sm-8 col-form-label" >
				<a href="{{ route('po.receive', ['order_id' => $d->id]) }}" class="btn btn-sm btn-primary" >
					ยืนยันรับของ
				</a>
			</label>
		</div>
		@endif
	</div>
	{!! form_hidden('view_mode', $view_mode) !!}

	{!! form_hidden('id', $d->id) !!}
	{!! form_hidden('shop', $om['shop']) !!}
	{!! form_hidden('shop_po', get_shop()) !!}

	{!! form_hidden('shop_src_id', $om['shop_src_id']) !!}
	{!! form_hidden('shop_dest_id', $om['shop_dest_id']) !!}
	{!! form_hidden('is_other_shop', intval($om['is_other_shop'])) !!}
	{!! form_hidden('order_type', $om['order_type']) !!}
</div>
<div class="row">
	<div class="col-12" >
		<br>
		{!! form_title(trans('order.products')) !!}
		<!-- product size : {{ sizeof($products) }} -->
		@include('partials.order_table', ['hide_on_emp' => true, 'shop_src_id' => $om['shop_src_id']])
	</div>
</div>
@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="{{ asset('js/ordertable.js') }}"></script>
<script>
	$(document).ready(function(){
		$('.js-data-example-ajax').select2({
			ajax: {
				url: "{{ route('po.getproducts') }}",
				dataType: 'json',
				data: function (params) {
					var query = {
						search: params.term,
						shop: {{ $om['shop_to_search'] }},
					}
					// Query parameters will be ?search=[term]&type=public
					return query;
				},
				processResults: function (data) {
					// Tranforms the top-level key of the response object from 'items' to 'results'
					return {
						results: data.results
					};
				}
			},
			minimumInputLength: 3
		});
		app.products = @json($products);
		app.is_vat = parseInt('{{ $d->is_vat }}');
		app.s_discount = parseFloat('{{ floatval($d->s_discount) }}');
		app.show_stock = {{ $show_stock }};
		app.can_edit_price = {{ $can_edit_price }};
		app.use_discount = false;
		app.is_check_stock = {{ $is_check_stock }};
		app.updateOrder();

		$('.js-data-example-ajax').on('select2:select', function (e) {
			var data = e.params.data;
			//data.text = data.text2;
			console.log(data);
			app.addProduct(data);
		});

		$("input[name='is_vat']").on('change', function (e) {
			var val = $("input[name='is_vat']:checked").val();
			app.changeIsVat(parseInt(val, 10));
		});

		$("#warehouse_id").on("change", function(){
			console.log("app.products", app.products);
			app.products = [];
			app.updateOrder();
		});
	});
</script>
@endpush