@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" style="background:blue">
    <div class="box box-solid">
    {!! Form::open(['url' => action('PurchaseController@store'), 'class' => '', 'method' => 'post', 'id' => 'add_purchase_form' , 'files' => true]) !!}
    <input type="hidden" name="main_status" id="purchase-status">
        <div class="box-body"  style="margin-left:20px;margin-right:20px;">
            <table>
                <tbody>
                    <tr>
                        <td colspan="4">Purchase Entry</td>
                    </tr>
                </tbody>
            </table>
            <br>
            <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-3">
                    <div class="form-group">
                        <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-3">
                    <div class="form-group">
                        <p>Delivery Date:</p>
                        <input type="date" class="form-control" id="delivery_date" name="delivery_date" value="{{date('Y-m-d')}}">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <p>Invoice No:</p>
                        <input type="text" class="form-control" id="invoice_no" name="invoice_no" required>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <p>PO No:</p>
                        <input type="text" class="form-control" id="purchase_no" name="purchase_no" style='width:60%'>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <p>Vat :</p>
                        <select class="form-control vat-type-dd" name="debit_type" style='width:100%;'>
                            <option value="">Select</option>
                            <option value="V">VAT</option>
                            <option value="N">NON VAT</option>
                            <option value="SV">SVAT</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-3 s-vat-type" style="display:none">
                    <div class="form-group">
                        <p>SVAT Type :</p>
                        <select class="form-control" name="type" style='width:100%;' id="type-dd">
                            <option value="1">Ruppe</option>
                            <option value="2">Import</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <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-3">
                    <div class="form-group">
                        <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="form-group">
                        <p>VAT Type :</p>
                        {!! Form::select('vat_type', ['exclude' => 'E', 'including' => 'I'], 'E', ['class' => 'form-control',  'placeholder' => 'Select Type' , 'required', 'id' => 'vat_type']); !!}
                    </div>
                </div>
                <input type="hidden" id="vat_type_input" value="">
                <div class="col-sm-3">
                    <div class="form-group">
                        {!! Form::label('doc', __('Document') . ':') !!}
                        {!! Form::file('doc[]', ['multiple']); !!}
                    </div>
                </div>
            </div>
            <div class="row" style="border-right: 1px solid black !important;border-left: 1px solid black !important;border-top: 1px solid black !important;">
            <br><br>
                <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 Stock'), '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="purchase_entry_table">
							<thead>
								<tr>
									<th>Des.</th>
                                    <th>UOM</th>
                                    <th>Width</th>
									<th>Qty</th>
                                    <th>Unit</th>
									<th>STR</th>
									<th>Rate</th>
                                    <th>Ex. Rate</th>
                                    <th>Size/Gage</th>
                                    <th>Tax</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="total_subtotal" class="display_currency"></span>
									<!-- This is total before purchase tax-->
                                    <input type="hidden" id="total_subtotal_input" value=0  name="total_before_tax">
								</td>
							</tr>
						</table>
					</div>
				</div>
                
            </div>
            <br>
            <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="discount_calculated_amount">0</span>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-md-4">
                    <div class="form-group">
                                {!! Form::label('tax_id', __('Tax') . ':') !!}
                                <select name="tax_id" id="tax_id" class="form-control select2" placeholder="'Please Select'">
                                    <option value="" data-tax_amount="0" data-tax_type="fixed" selected>@lang('none')</option>
                                    @foreach($taxes as $tax)
                                        <option value="{{ $tax->id }}" data-tax_amount="{{ $tax->tax_amount }}">{{ $tax->name }}</option>
                                    @endforeach
                                </select>
                                {!! Form::hidden('tax_amount', 0, ['id' => 'tax_amount']); !!}
                                </div>
                    </div>
                    <div class="col-md-4 col-md-offset-4">
                        <b>@lang( 'Order Tax' ):</b>(+) 
                        <span class="display_currency" id="tax_calculated_amount">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="grand_total_hidden">
                            <span id="grand_total" class="display_currency" data-currency_symbol='true'>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"  data-status="draft" class="btn btn-lg btn-primary pull-right" id="submit_purchase_form">PO</button>
                            &nbsp;
                            &nbsp;
                            <button type="button" data-status="received" class="btn btn-lg btn-warning pull-right" style="margin:0 16px;" id="submit_purchase_form">GRN</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {!! Form::close() !!}   
    <input type="hidden" id="row_count" value="0"> 
    </div>
</section>
@endsection
@section('javascript')
<script src="{{asset('js/purchase.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);
                        }
                    }
				});
            });

            $(document).on('change', 'select.vat-type-dd', function () {
                if($(this).val() == 'SV')
                {
                    $('.s-vat-type').show();  
                }
                else
                {
                    $('.s-vat-type').hide();  
                }
            });

            $(document).on('change', 'select#account_type', function () {
                var val = $(this).val();
                $('input#vat_type_input').val(val);
            });

            $(document).on('change', 'select#type-dd', function () {
                if($(this).val() == '1')
                {
                    $('.purchase_exchange_rate').val('');
                    $('.purchase_exchange_rate').val(1);
                    $('.purchase_exchange_rate').trigger('change');
                    $('.purchase_exchange_rate').attr('disabled', true); 
                }

                if($(this).val() == '2')
                {
                    $('.purchase_exchange_rate').prop( "disabled", false );  
                }
            });

            $(document).on('change', 'select#vat_type', function () {

                const url = "{{action('PurchaseController@getVat')}}";
                $.ajax({
					method: "POST",
					url: url,
					data: {
                        'type':$(this).val()
                    },
					dataType: "html",
                    success: function (result) {
                        if (result) {
                            $('#tax_id').html(result);
                        }
                    }
				});
            });

        });
    </script>
@endsection