@extends('layouts.form')

@section('title', trans('menu.orders'))

@section('action', route('order.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_CANCEL, ORDER_STATUS_REFUND]))
		{!! form_select('status', $order_select, $d->status, trans('order.status')) !!}
		@else
		{!! form_label(trans('order.status'), trans('order.status_' . $d->status)) !!}
		{!! form_hidden('status', $d->status) !!}
		@endif

		@if(in_array(get_role(), [ROLE_OWNER]))
						@if(!empty($bill_no))
			{!! form_text('custom_bill_no', $bill_no, 'เลขที่บิล', 100) !!}
			{!! form_hidden('original_bill_no', $bill_no) !!}
			@endif
		@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


		@if(strcmp($view_mode, 'edit') == 0)
			{!! form_select('warehouse_src_id', $om['warehouse_select'], $om['warehouse_src_id'], trans('warehouse.title')) !!}
		@else
			{!! form_label(trans('warehouse.title'), $om['warehouse_name']) !!}
			{!! form_hidden('warehouse_src_id', $om['warehouse_src_id']) !!}
		@endif
		{!! form_hidden('warehouse_dest_id', $om['warehouse_dest_id']) !!}

		@if(strcmp($view_mode, 'edit') == 0)
			@if(strcmp($om['can_add_product'], 'true') == 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>
				<br><br>
			@endif
		@endif

		@if(strcmp($view_mode, 'edit') == 0)
			@if(strcmp($can_add_product, 'true') == 0)
			<label for="deposit">{{ trans('order.deposit') }}</label>
			<select class="form-control" id="deposit" name="deposit" style="width: 100%;" data-placeholder="Choose many.." multiple>
				<option></option><!-- Required for data-placeholder attribute to work with Select2 plugin -->
				@foreach($deposits as $key => $value)
				<option value="{{ $key }}" selected >{{ $value }}</option>
				@endforeach
			</select>
			@else
			{!! form_label(trans('order.deposit'), implode(', ', $deposits)) !!}
			@endif
		@else
		{!! form_label(trans('order.deposit'), implode(', ', $deposits)) !!}
		@endif
	</div>
	<div class="col-md-6 col-12" >
		{!! form_title(trans('order.customer_head')) !!}

		@if(strcmp($view_mode, 'edit') == 0)
		{!! form_select('customer_id', $customers, $d->customer_id, trans('order.customer')) !!}
		{!! form_text('cust_name', $d->cust_name, trans('order.cust_name'), 200) !!}
		{!! form_text('cust_tel', $d->cust_tel, trans('order.cust_tel'), 20) !!}
		{!! form_textarea('cust_address', $d->cust_address, trans('order.cust_address'), 2000) !!}
		{!! form_text('cust_tax_no', $d->cust_tax_no, trans('order.cust_tax_no'), 20) !!}
		@else
		{!! form_hidden('customer_id', $d->customer_id) !!}
		{!! form_label(trans('order.cust_name'), $d->cust_name) !!}
		{!! form_label(trans('order.cust_tel'), $d->cust_tel) !!}
		{!! form_label(trans('order.cust_address'), $d->cust_address) !!}
		{!! form_label(trans('order.cust_tax_no'), $d->cust_tax_no) !!}
		@endif

		@if((!empty($d->id)) && (strcmp($d->status, ORDER_STATUS_NEW) == 0))
		<button type="button" class="btn btn-sm btn-primary print-quotation" data-order-id="{{ $d->id }}" >ใบเสนอราคา</button>
		@endif

		@if(strcmp($view_mode, 'view') == 0)
		<button type="button" class="btn btn-sm btn-primary print-bill mb-2" data-order-id="{{ $d->id }}" >ใบเสร็จ</button>
		<button type="button" class="btn btn-sm btn-primary print-bill-full mb-2" data-order-id="{{ $d->id }}" >ใบเสร็จเต็ม</button>
		@endif
	</div>
	{!! form_hidden('view_mode', $view_mode) !!}
	{!! form_hidden('id', $d->id) !!}
	{!! form_hidden('is_other_shop', 0) !!}
	{!! form_hidden('shop_src_id', $om['shop_src_id']) !!}
	{!! form_hidden('shop_dest_id', $om['shop_dest_id']) !!}
	{!! form_hidden('shop', $om['shop']) !!}
	{!! form_hidden('order_type', $om['order_type']) !!}
</div>
<div class="row">
	<div class="col-12" >
		<br>
		{!! form_title(trans('order.products')) !!}
		@include('partials.order_table', ['hide_on_emp' => false, 'shop_src_id' => $om['shop_src_id']])

		{!! form_title(trans('order.remark')) !!}
		@if(strcmp($view_mode, 'edit') == 0)
		{!! form_textarea('remark', $d->remark, trans('order.remark'), 2000) !!}
		@else
		{!! form_hidden('remark', $d->remark) !!}
		{!! form_label(trans('order.remark'), $d->remark) !!}
		@endif
	</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_get_product }}',
				dataType: 'json',
				data: function (params) {
					var query = {
						search: params.term,
						shop: {{ $om['shop_to_search'] }},
						warehouse_id: document.getElementById('warehouse_src_id').value, // for check stock
					}
					// 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
					};
				},
				delay: 300
			},
			minimumInputLength: 3,
			initSelection: function(element, callback) {
				//
			}
		});

		@if(strcmp($view_mode, 'edit') == 0)
		$('#customer_id').select2({
			ajax: {
				url: "{{ route('order.getcustomer') }}",
				dataType: 'json',
				data: function (params) {
					var query = {
						search: params.term
					}
					// 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
		});
		@endif

		$('#customer_id').on('select2:select', function (e) {
			var data = e.params.data;
			if (data.selected) {
				console.log("customer ", data);
				$("#cust_name").val(data.full_name);
				$("#cust_tel").val(data.tel);
				$("#cust_address").val(data.address);
				$("#cust_tax_no").val(data.tax_no);
			}
		});

		app.products = @json($products);
		app.deposits = @json($deposits_vue);
		app.is_vat = parseInt('{{ $d->is_vat }}');
		app.show_stock = {{ $show_stock }};
		app.can_edit_qty = {{ $can_edit_qty }};
		app.can_edit_price = {{ $can_edit_price }};
		app.s_discount = parseFloat('{{ floatval($d->s_discount) }}');
		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);
			var stock = parseInt(data.stock, 10);
			if (!isNaN(stock)) {
				if (stock <= 0) {
					alert("สินค้าหมด");
				} else {
					app.addProduct(data);
					$("#js-data-example-ajax").select2("val", "");
				}
			} else {
				alert("Stock Error !!!");
			}
		});

		$('#deposit').select2({
			ajax: {
				url: '{{ $route_get_deposit }}',
				dataType: 'json',
				data: function (params) {
					var query = {
						search: params.term,
						customer_id: $("#customer_id").val(),
						is_vat: $("input[name='is_vat']:checked").val()
					}
					// 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
					};
				},
				delay: 300
			},
			minimumInputLength: 3
		});

		$('#deposit').on('select2:select', function (e) {
			var data = e.params.data;
			if (data.selected) {
				console.log(data);
				app.addDeposits({
					id: parseInt(data.id, 10),
					deposit: parseFloat(data.deposit)
				});
			}
		});

		$('#deposit').on('select2:unselect', function (e) {
			var data = e.params.data;
			console.log("select2:unselect", data, typeof(data.disabled));
			if (typeof(data.disabled) == "boolean") {
				if ((!data.disabled) && (!data.selected)) {
					app.removeDeposit(parseInt(data.id, 10));
				}
			}
		});

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

		$("#warehouse_src_id").on("change", function(){
			var om = "{{ $om['order_type'] }}";
			if (om == "{{ ORDER_NORMAL }}") {
				console.log("app.products", app.products);
				app.products = [];
				app.updateOrder();
			}
		});
	});
</script>
@endpush

@section('order_print', true)