@extends('layouts.app')

@section('title', 'POS')

@section('content')

<!-- Content Header (Page header) -->
<!-- <section class="content-header">
    <h1>Add Purchase</h1> -->
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
<!-- </section> -->
<input type="hidden" id="__precision" value="{{config('constants.currency_precision')}}">

<!-- Main content -->
<section class="content no-print">
	<div class="row">
		<div class="col-md-6 col-sm-12">
			<div class="box box-success">

				<div class="box-header with-border">
					<div class="col-sm-8">
						<h3 class="box-title">
							Editing 
							@if($transaction->status == 'draft' && $transaction->is_quotation == 1) 
								@lang('lang_v1.quotation')
							@elseif($transaction->status == 'draft') 
								Draft 
							@elseif($transaction->status == 'final') 
								Invoice 
							@endif 
						<span class="text-success">#{{$transaction->invoice_no}}</span> <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('sale_pos.partials.keyboard_shortcuts_details')" data-html="true" data-trigger="hover" data-original-title="" title=""></i></h3>
					</div>
				</div>
				<input type="hidden" id="item_addition_method" value="{{$business_details->item_addition_method}}">
				{!! Form::open(['url' => action('SellPosController@store'), 'method' => 'post', 'id' => 'return_pos_sell_form']) !!}
				{!! Form::hidden('location_id', $transaction->location_id, ['id' => 'location_id', 'data-receipt_printer_type' => !empty($location_printer_type) ? $location_printer_type : 'browser']); !!}
				<input type="hidden" name="transaction_date" value="{{ date('d-m-Y', strtotime($transaction->transaction_date))}}">
				<input type="hidden" name="direct_sale" value="0">
				<input type="hidden" name="transaction_id" value="{{$transaction->id}}">
				<input type="hidden" name="invoice_no" value="{{$transaction->invoice_no}}">
				<!-- /.box-header -->
				<div class="box-body">

					<div class="@if(!empty($commission_agent)) col-sm-4 @else col-sm-6 @endif">
						<div class="form-group">
							<div class="input-group">
								<span class="input-group-addon">
									<i class="fa fa-user"></i>
								</span>
								<input type="hidden" id="default_customer_id" 
								value="{{ $transaction->contact->id }}" >
								<input type="hidden" id="default_customer_name" 
								value="{{ $transaction->contact->name }}" >
								{!! Form::select('contact_id', 
									[], null, ['class' => 'form-control mousetrap', 'id' => 'customer_id', 'placeholder' => 'Enter Customer name / phone', 'required']); !!}
								<span class="input-group-btn">
									<button type="button" class="btn btn-default bg-white btn-flat add_new_customer" data-name=""><i class="fa fa-plus-circle text-primary fa-lg"></i></button>
								</span>
							</div>
						</div>
					</div>
					@if(!empty($commission_agent))
					<div class="col-sm-4">
						<div class="form-group">
						{!! Form::select('commission_agent', 
									$commission_agent, $transaction->commission_agent, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.commission_agent')]); !!}
						</div>
					</div>
					@endif
					<div class="@if(!empty($commission_agent)) col-sm-4 @else col-sm-6 @endif">
						<div class="form-group">
							<div class="input-group">
								<span class="input-group-addon">
									<i class="fa fa-barcode"></i>
								</span>
								{!! Form::text('search_product', null, ['class' => 'form-control mousetrap', 'id' => 'search_product', 'placeholder' => __('lang_v1.search_product_placeholder'), 'disabled']); !!}
							</div>
						</div>
					</div>

					<div class="clearfix"></div>
					<!-- Call restaurant module if defined -->
			        <!-- @if(in_array('tables' ,$enabled_modules) || in_array('service_staff' ,$enabled_modules))
			        	<span id="restaurant_module_span" 
			        		data-transaction_id="{{$transaction->id}}">
			          		<div class="col-md-3"></div>
			        	</span>
			        @endif -->

					<div class="row col-sm-12 pos_product_div">

						<input type="hidden" name="sell_price_tax" id="sell_price_tax" value="{{$business_details->sell_price_tax}}">
                        <input type="hidden" name="return" id="return" value="1">
						<!-- Keeps count of product rows -->
						<input type="hidden" id="product_row_count" 
							value="{{count($sell_details)}}">
						@php
							$hide_tax = '';
							if( session()->get('business.enable_inline_tax') == 0){
								$hide_tax = 'hide';
							}
						@endphp
						<table class="table table-condensed table-bordered table-striped table-responsive" id="pos_table">
							<thead>
								<tr>
									<th class="text-center col-md-4">	
										@lang('sale.product')
									</th>
									<th class="text-center col-md-3">
										@lang('sale.qty')
									</th>
									<th class="text-center col-md-2">
                                            Unit Price
									</th>
									<th class="text-center col-md-2">
                                            Discount
									</th>
									<th class="text-center col-md-3">
										@lang('sale.subtotal')
									</th>
									 <th class="text-center"><i class="fa fa-trash" aria-hidden="true"></i></th> 
								</tr>
							</thead>
							<tbody>
							{!! Form::hidden('exit_product_id', null, ['id' => 'exit_product_id']); !!}
							{!! Form::hidden('exit_serial', null, ['id' => 'exit_serial']); !!}
							{!! Form::hidden('previous_product_id', $product_IDs, ['id' => 'previous_product_id']); !!}
								@foreach($sell_details as $sell_line)
									@include('sale_pos.return_product_row', ['product' => $sell_line, 'row_count' => $loop->index, 'tax_dropdown' => $taxes])
								@endforeach
							</tbody>
						</table>
					</div>
					@include('sale_pos.partials.pos_details', ['edit' => true])

					@include('sale_pos.partials.return_payment_model' )
				</div>
				<!-- /.box-body -->
				{!! Form::close() !!}
			</div>
			<!-- /.box -->
		</div>

		<div class="col-md-6 col-sm-12">
			@include('sale_pos.partials.right_div')
		</div>
	</div>
</section>

<!-- This will be printed -->
<section class="invoice print_section" id="receipt_section">
</section>
<div class="modal fade contact_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
	@include('contact.create', ['quick_add' => true])
</div>
<!-- /.content -->
<div class="modal fade register_details_modal" tabindex="-1" role="dialog" 
	aria-labelledby="gridSystemModalLabel">
</div>
<div class="modal fade close_register_modal" tabindex="-1" role="dialog" 
	aria-labelledby="gridSystemModalLabel">
</div>
<div class="modal fade" id="row_quantity_modal" tabindex="-1" role="dialog">
		  <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="quantity_modal_product_name"></h4>
		      </div>
		      <div class="modal-body">
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                        <div class="form-group">
                            <label>Quantity</label>
                            <div class="input-group input-number">
                                <span class="input-group-btn"><button type="button" class="btn btn-default btn-flat quantity-down"><i class="fa fa-minus text-danger"></i></button></span>
                                <input type="text" data-min="1" class="form-control pos_popup_quantity input_number mousetrap" value="1.00" name="quantity"
                                    data-rule-required="true" data-msg-required="@lang('validation.custom-messages.this_field_is_required')" id="quantity-input">
                                    <span class="input-group-btn"><button type="button" class="btn btn-default btn-flat quantity-up"><i class="fa fa-plus text-success"></i></button></span>
                            </div>
                        </div>    
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="form-group">
                            <label>Discount (%)</label>
							<input type="hidden" id="discount-type-input">
                            <input type="text" value="" name="discount" class="form-control pos_popup_discount input_number mousetrap" id="discount-input">
                        </div>  
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="form-group">
                            <label>Unit Price</label>
                            <input type="text" value="" name="unit_price" class="form-control pos_popup_unit_price input_number mousetrap" id="unit_price_input">
                        </div>  
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="form-group">
                            <label>Subtotal</label>
                            <input type="hidden" name="" class="form-control input_number pos-popup-total" value="">
		<span class="display_currency pos-popup-total" data-currency_symbol="true"></span>
                        </div>
                    </div>
					<div class="col-sm-3">
						<div class="form-group">
							{!! Form::label('return_type', __('Return Type').':*') !!}
							{!! Form::select('return_type', ['exchange' => 'Exchange', 'refound' => 'Refound'], null, ['class' => 'form-control', 'placeholder' => __('messages.please_select'), 'required', 
							'id' => 'select_return_type']); !!}
						</div>
					</div>
                </div>
		      </div>
              <input type="hidden" class="current_product_id">
		      <div class="modal-footer">
              <button type="button" class="btn btn-primary pos-popup-submit">Save</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.close')</button>
		      </div>
		    </div>
		  </div>
		</div>
@stop
@section('javascript')
<script src="{{ asset('js/pos-dash.js?v=' . $asset_v) }}"></script>
	<script src="{{ asset('js/printer.js?v=' . $asset_v) }}"></script>
	@include('sale_pos.partials.keyboard_shortcuts')

	<!-- Call restaurant module if defined -->
    @if(in_array('tables' ,$enabled_modules) || in_array('modifiers' ,$enabled_modules) || in_array('service_staff' ,$enabled_modules))
    	<script src="{{ asset('js/restaurant.js?v=' . $asset_v) }}"></script>
    @endif
	<script>
        $('.sale-return-invoice').text('Invoice');
		$('.sale-return-btn').show();
		$('.pos-express-btn').hide();
		$('.invoice-modifier-btn').hide();
	</script>
@endsection

@section('css')
	<style type="text/css">
		/*CSS to print receipts*/
		.print_section{
		    display: none;
		}
        .pos-express-finalize {
            display:none;
        }
		@media print{
		    .print_section{
		        display: block !important;
		    }
		}
		@page {
		    size: 3.1in auto;/* width height */
		    height: auto !important;
		    margin-top: 0mm;
		    margin-bottom: 0mm;
		}
	</style>
@endsection