@extends('layouts.app')

@section('content')
<style>
</style>
<input type="hidden" id="p_code" value="LKR">
        <input type="hidden" id="p_symbol" value="₨">
        <input type="hidden" id="p_thousand" value=",">
        <input type="hidden" id="p_decimal" value=".">
<section class="content no-print" style="background:blue">
    <div class="box box-solid">
    {!! Form::open(['url' => action('SellController@store'), 'class' => '', 'method' => 'post', 'id' => 'add_sell_form' , 'files' => true]) !!}
        <div class="box-body"  style="margin-left:20px;margin-right:20px;">
            <table>
                <tbody>
                    <tr>
                        <td colspan="4">Invoice Entry</td>
                    </tr>
                </tbody>
            </table>
            <div class="row" style="border-right: 1px solid black !important;border-top: 1px solid black !important;border-left: 1px solid black !important;">
                <div class="col-md-4">
                    <div class="">
                        <p>Entry No:</p>
                        <input type="text" class="form-control" id="entry_no" name="entry_no" required>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="">
                        <p>Date:</p>
                        <input type="date" class="form-control" id="transaction_date" name="transaction_date" required value="{{date('Y-m-d')}}">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="">
                        <p>Bill No:</p>
                        <input type="text" class="form-control" id="bill_no" name="bill_no" required>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="">
                        <p>Credit Type :</p>
                        <select class="form-control" name="credit_type" style='width:100%;'>
                            <option value="V">VAT</option>
                            <option value="N">NON VAT</option>
                            <option value="S">SVAT</option>
                            <option value="L">Local</option>
                            <option value="E">Export</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="">
                        <p>Invoice No:</p>
                        <input type="text" class="form-control" id="invoice_no" name="invoice_no" required>
                    </div>
                </div>
            </div>
            <div class="row" style="border-right: 1px solid black !important;border-left: 1px solid black !important;">
                <div class="col-md-2">
                    <div class="">
                        <p>Selling Type :</p>
                        {!! Form::select('sale_type', ['P' => 'PAID', 'R' => 'CREDIT'],'R', ['class' => 'form-control', 'style'=>'width:60%']); !!}
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="">
                        <p>Type :</p>
                        {!! Form::select('account_type', ['CR' => 'CREDITORS', 'DR' => 'DEBTORS'], null, ['class' => 'form-control', 'style'=>'width:60%','placeholder' => 'Select Type' , 'required', 'id' => 'account_type']); !!}
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="">
                        <p>Account Code:</p>
                        <select class="form-control" name="account_id" id="account_id" style='width:80%;' required>
                            <option value="">Select</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="">
                        <p>Rep Code:</p>
                        <select class="form-control" name="rep_id" id="rep_id" style='width:80%;'>
                            <option value="">Select</option>
                            @foreach($reps as $rep)
                            <option value="{{$rep->id}}">{{ $rep->name .' - '. $rep->code}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="">
                        <p>Store:</p>
                        <select class="form-control" name="store_id" id="location_id" style='width:80%;' required>
                            <option value="">Select</option>
                            @foreach($stores as $store)
                            <option value="{{$store->id}}">{{ $store->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="">
                        <p>VAT Type :</p>
                        {!! Form::select('vat_type', ['E' => 'E', 'I' => 'I'], 'E', ['class' => 'form-control', 'style'=>'width:60%','placeholder' => 'Select Type' , 'required', 'id' => 'account_type']); !!}
                    </div>
                </div>
            </div>
            <br>
            <div class="row" style="border-right: 1px solid black !important;border-left: 1px solid black !important;">
                <div class="col-sm-8 col-sm-offset-2">
					<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' => __('Search Product'), 'autofocus']); !!}
						</div>
					</div>
				</div>
                <div class="col-sm-12">
					<div class="table-responsive">
						<table class="table table-condensed table-bordered table-th-green text-center table-striped" id="pos_table">
							<thead>
								<tr>
									<th>Item Code</th>
									<th>Description</th>
									<th>Qty</th>
                                    <th>Unit</th>
									<th>Rate</th>
                                    <th>Discount(%)</th>
                                    <th>Amount</th>
									<th><i class="fa fa-trash" aria-hidden="true"></i></th>
								</tr>
							</thead>
							<tbody>
							{!! Form::hidden('exit_serial', null, ['id' => 'exit_serial']); !!}
							{!! Form::hidden('exit_product_id', null, ['id' => 'exit_product_id']); !!}
							</tbody>
						</table>
					</div>
					<hr/>
					<div class="pull-right col-md-5">
						<table class="pull-right col-md-12">
							<tr>
								<th class="col-md-7 text-right">@lang( 'Total' ):</th>
								<td class="col-md-5 text-left">
                                <span id="price_total" class="display_currency price_total"></span>
									<!-- This is total before purchase tax-->
                                    {!! Form::hidden('final_total', 0 , ['id' => 'grand_total_hidden']); !!}
								</td>
							</tr>
						</table>
					</div>
				</div>
                
            </div>
            
        </div>
        <div class="box box-solid">
            <div class="box-body">
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('discount_type', __('Discount Type') . ':*' ) !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-info"></i>
                            </span>
                            {!! Form::select('discount_type', ['fixed' => __('Fixed'), 'percentage' => __('Percentage')], 'percentage' , ['class' => 'form-control','placeholder' => __('messages.please_select'), 'required', 'data-default' => 'percentage']); !!}
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('discount_amount', __('Discount Amount') . ':*' ) !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-info"></i>
                            </span>
                            {!! Form::text('discount_amount', 0, ['class' => 'form-control input_number', 'data-default' => 0]); !!}
                        </div>
                    </div>
                </div>
                <div class="col-md-4"><br>
                    <b>@lang( 'Discount Amount' ):</b>(-) 
                    <span class="display_currency" id="total_discount">0</span>
                </div>
                <div class="clearfix"></div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('tax_rate_id', __('Order Tax') . ':*' ) !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-info"></i>
                            </span>
                            {!! Form::select('tax_rate_id', $taxes['tax_rates'], null, ['placeholder' => __('Please select'), 'class' => 'form-control', 'data-default'=> 0], $taxes['attributes']); !!}

                            <input type="hidden" name="tax_calculation_amount" id="tax_calculation_amount" 
                            value="0" data-default="0">
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-md-offset-4">
                    <b>@lang( 'Order Tax' ):</b>(+) 
                    <span class="display_currency" id="order_tax">0</span>
                </div>
                <div class="col-md-4 col-md-offset-8">
                    <div><b>@lang('Total Payable'): </b>
                        <input type="hidden" name="final_total" id="final_total_input">
                        <span id="total_payable">0</span>
                    </div>
                </div>
            </div>
        </div><!-- /.box -->
        <div class="box box-solid" id="payment_rows_div"><!--box start-->
		<div class="box-header">
			<h3 class="box-title">
				Add Payment
			</h3>
		</div>
		<div class="box-body payment_row">
			@include('sale.partial.payment_row_form', ['row_index' => 0])
			<hr>
			<div class="row">
				<div class="col-sm-12">
					<div class="pull-right"><strong>Balance:</strong> <span class="balance_due">0.00</span></div>
				</div>
			</div>
			<br>
            <div class="row">
                <div class="col-md-12" style="float:right">
                    <button type="button" class="btn btn-lg btn-primary pull-right" id="submit-sell">SAVE</button>
                </div>
            </div>
		</div>
	</div>
    {!! Form::close() !!}   
    <input type="hidden" id="row_count" value="0"> 
    </div>
</section>
@endsection
@section('javascript')
<script src="{{asset('js/pos.js')}}"></script>
    <script>
        $(document).ready(function () {
            $(document).on('change', 'select#account_type', function () {
                const url = "{{action('PurchaseController@getAccount')}}";
                $.ajax({
					method: "POST",
					url: url,
					data: {
                        'type':$(this).val()
                    },
					dataType: "html",
                    success: function (result) {
                        if (result) {
                            $('#account_id').html(result);
                        }
                    }
				});
            });
        });
    </script>
@endsection