@extends('crudbooster::admin_template')
<style>
	.input-group {
		display: block !important;
	}
</style>
@section('content')
@if(CRUDBooster::getCurrentMethod() != 'getProfile' && $button_cancel)
@if(g('return_url'))
<p><a title='Return' href='{{g("return_url")}}'><i class='fa fa-chevron-circle-left '></i> &nbsp; {{trans("crudbooster.form_back_to_list",['module'=>CRUDBooster::getCurrentModule()->name])}}</a></p>       
@else
<p><a title='Main Module' href='{{CRUDBooster::mainpath()}}'><i class='fa fa-chevron-circle-left '></i> &nbsp; {{trans("crudbooster.form_back_to_list",['module'=>CRUDBooster::getCurrentModule()->name])}}</a></p>       
@endif
@endif

<div class='panel panel-default'>
    <div class="panel-heading">
        <strong><i class='{{CRUDBooster::getCurrentModule()->icon}}'></i> Return Sales Order</strong>
    </div>
    <form method='post' action='{{url('returnso')}}' class='form-horizontal'>
        <input type="hidden" value="{{ csrf_token() }}" name="_token">
        <div class='panel-body'>
            <div class="row">
                <div class="col-md-11 col-md-pull-left col-sm-12 col-xs-12">
                    <div class="form-group">
                        <label class="col-md-2 control-label">Order Number</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <input name="order_number"  value="" class="form-control" readonly="true" required type="text">
                            </div>
                        </div>
                        <label class="col-md-2 control-label">Reference number</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <input name="ref_number"  value="" class="form-control" readonly="true" type="text">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">Order Type</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <select class="form-control select2-hidden-accessible" id="order_type" required="" name="order_type" tabindex="-1" aria-hidden="true">	
                                    <option value="">** Please select a Order Type</option>
                                    @foreach(@$order_type as $order)
                                    <option value="{{$order->code}}">{{$order->name}}</option>						<!--end-datatable-ajax-->
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <label class="col-md-2 control-label">Sales Organisation</label>
                        <div class="col-md-4">
                            <div class="input-group">                         
                                <input name="sales_org"  value="{{$so_details->sales_org}}" class="form-control" readonly="true" type="text">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">Distribution Channel</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <input name="dist_channel"  value="{{$so_details->dist_channel}}" class="form-control" readonly="true" type="text">
                            </div>
                        </div>
                        <label class="col-md-2 control-label">Division</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <input name="division"  value="{{$so_details->division}}" class="form-control" readonly="true" type="text">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">Sold to Party</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <input name="sold_party"  value="{{$so_details->sold_party}}" class="form-control" readonly="true" type="text">
                            </div>
                        </div>
                        <label class="col-md-2 control-label">Ship to Party</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <input name="ship_party"  value="{{$so_details->ship_party}}" class="form-control" readonly="true" type="text">
                            </div>
                        </div>
                    </div>                  
                </div>

                <div class="col-md-12 table-responsive" >
                    <div class="panel panel-default" style="margin-top:30px">
                        <div class="panel-heading"><strong><i class='fa fa-fa fa-bars'></i> Order Details</strong></div>
                        <div class="panel-body">                                                                       
                            <table class="table table-striped table-bordered table-hover" cellspacing="0">
                                <thead>
                                    <tr>
                                        <th>Material</th>
                                        <th>Item No</th>
                                        <th>Plant</th>
                                        <th>Storage Location</th>
                                        <th>Description</th>
                                        <th>UOM</th>
                                        <th>Quantity</th>
                                        <th>Price</th>
                                        <!--<th>Currency</th>-->
                                        <th>Sub Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach($so_order_details as $so)
                                                                        <tr>
                                        <td><input type="text" name="material[]" class="form-control" value="{{$so->material}}" readonly="true"></td>
                                        <td><input type="text" name="item_no[]" class="form-control" value="{{$so->item_no}}" readonly="true"></td>
                                        <td><input type="text" name="description[]" class="form-control" value="{{$so->description}}" readonly="true"></td>
                                        <td><input type="text" name="plant[]" class="form-control" value="{{$so->plant}}" readonly="true"></td>
                                        <td><input type="text" name="storage_location[]" class="form-control" value="{{$so->storage_location}}" readonly ='true'></td>
                                        <td><input type="text" name="weight[]" class="form-control" value="{{$so->weight}}" readonly="true"></td>
                                        <td><input type="number" onblur="compute_total_price(this)" data-count="{{$coutnt}}" id="quantity_{{$coutnt}}" data-quantity="{{$so->quantity}}" name="quantity[]" class="form-control reset" placeholder="" value=""></td>
                                        <td><input type="number" name="std_price[]" readonly="" class="form-control" id="std_price_{{$coutnt}}" value="{{$so->std_price}}" ></td>
                                        <!--<td><input type="text" name="currency[]" class="form-control" value="{{$so->currency}}" readonly="true"></td>-->
                                        <td><input type="number" name="sub_total[]" class="form-control sub_total" id="sub_total_{{$coutnt}}" value="" ></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table> 
                        </div>
                    </div>                                       
                </div>
                
                <div class="form-group">
                    <label class="col-md-2 control-label">Total</label>
                    <div class="col-md-10">
                        <div class="input-group">
                            <input name="total" id="total_amount"  value="" class="form-control" readonly="true" type="text">
                        </div>
                    </div>

                </div>
            </div>
            <div class='panel-footer'>
                <input type='submit' class='btn btn-primary' value='Save changes'/>
            </div>




        </div>  

    </form>
</div>


@endsection
@section('custom_script')
<script>
    function compute_total_price(id) {
        $quantity = parseInt(id.value);
        $count = id.getAttribute('data-count');
        $limit = parseInt(id.getAttribute('data-quantity'));
        if ($quantity <= $limit) {
            if ($quantity) {
                computation($count, $quantity);
            } else {
                alert("Please fill in all the required fields (indicated by *)");
                id.preventDefault();
            }
        } else {
            $('#quantity_' + $count).val($limit);
            alert("Please enter lessthen quantity supplied");
            computation($count, $limit);
        }

    }
    function computation($count,$quantity) {
        $std_price = $('#std_price_' + $count).val();
        $compute = ($std_price * $quantity);
        $('#sub_total_' + $count).val($compute);
        var sum = 0;
        $(".sub_total").each(function () {
            sum += +$(this).val();
        });
        $("#total_amount").val(sum);
    }
</script>
@endsection