@extends('layouts/default')

    {{-- Page title --}}
    @section('title')
        Invoice
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <!--page level css -->
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom.css')}}">
   <!-- <link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom_css/invoice.css')}}">-->
	<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom_css/bootstrap.css')}}">

    
    <!--end of page level css-->
<style>
#invoicing {
	font-size:9pt;
	/*font-family: "Times New Roman", Times, serif;*/
}

.footer, .footer-space {
  height: 100px;
}

.header {
  position: fixed;
  top: 0;
}

.footer {
  position: fixed;
  bottom: 0;
  
}

.red { color: red; }

</style>
<style type="text/css" media="print">

thead { display: table-header-group; }

/* #inv
{
	display: table-footer-group;
	 position: fixed;
     bottom: 0;
	 margin: 0 auto 0 auto;
}*/


</style>

@stop

{{-- Page content --}}
@section('content')
    <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>Production Order</h1>
            <ol class="breadcrumb">
                <li>
                    <a href="index">
                        <i class="fa fa-fw fa-building-o"></i> Inventory
                    </a>
                </li>
				<li> Production Order</li>
                <li class="active">
                   <a href="#">Planning</a>
                </li>
            </ol>
        </section>
        <!-- Main content -->
        <section class="content p-l-r-15" id="invoice-stmt">
            <div class="panel">
                
                <div class="panel-body">
                    <div class="print" id="invoicing">
						<div class="col-md-12">
						<table border="0" style="width:100%;height:100%;">
							<thead>
								<tr>
									<td colspan="2" align="center">
									
									</td>
								</tr>
								<tr>
									<td colspan="2" align="center"><h4><b>PRODUCTION ORDER PLANNING</b></h4></td>
								</tr>
								<tr>
									<td colspan="2" align="center" style="padding-bottom:25px;">
										<div style="border:1px solid #000; padding: 5px;">
											<div style="width:70%; border:0px solid red;float:left; text-align: left;">
												Account No: {{$details->account_id}}<br/>
												Customer Name: <br/>
												Address: <br/>
												<br/>Telephone No: {{$details->phone}}<br/>
											</div>
											
											<div style="border:0px solid #000;text-align:left;">
												PRO.No: {{$details->voucher_no}}<br/>
												Date: {{date('d-m-Y',strtotime($details->voucher_date))}}<br/>
												LPO No: {{$details->reference_no}}<br/>
												Ship To: {{$details->description}}<br/>
												Payment Terms: {!! $details->terms !!}<br/>
											</div>
										</div>
									</td>
								</tr>
								
							</thead>
							<tbody>
								<tr style="border:1px solid black;">
									<td colspan="2" align="center" valign="top" style="height:480px;">
									<table border="0" style="width:100%;" class="table table-bordered">
										<tr>
											<td width="10%" align="center" style="border:1px solid #000 !important;"><b>Si.#</b></td>
											<td width="20%" align="center" style="border:1px solid #000 !important;"><b>Item Code</b></td>
											<td width="40%" align="center" style="border:1px solid #000 !important;"><b>Description</b></td>
											<td width="15%" style="border:1px solid #000 !important;" align="center"><b>Unit</b></td>
											<td width="15%" style="border:1px solid #000 !important;" align="center"><b>Qty.</b></td>
										</tr>
																				@foreach($items as $item)
																				<tr>
											<td align="center">{{$i}}</td>
											<td align="center">{{$item->item_code}}</td>
											<td align="center">{{$item->item_name}}</td>
											<td align="center">{{$item->unit_name}}</td>
											<td align="center"><input type="text" name="qty[]" id="qty_{{$i}}" value="{{$item->quantity}}" class="qty"></td>
										</tr>

										<tr>
											
											<td colspan="5"><b>Raw Materials</b>
												<table class="table horizontal_table table-striped" id="postsrw">
													<tr>
														<th>Item Code</th>
														<th>Description</th>
														<th style="text-align:center !important;">Qty.</th>
                                                        <th style="text-align:center !important;">Stock Qty.</th>
                                                        <th style="text-align:center !important;">Balance Qty.</th>
														<!--<th class="text-right">Cost/Unit</th>
														<th class="text-right">Total</th>-->
													</tr>
													@php $rmtotal = $j = 0; @endphp
													@foreach($rowmaterials[$item->item_id] as $raw)
													@php $price = $raw->quantity * $item->quantity * $raw->unit_price; $rmtotal += $price; $j++; @endphp
													<tr>
														<td>{{$raw->item_code}}</td>
														<td>{{$raw->description}}</td>
														<td align="center"><span id="{{$i}}_srqty-{{$j}}">{{$raw->quantity*$item->quantity}}</span> <input type="hidden" id="{{$i}}_rqty-{{$j}}" class="rqty" value="{{$raw->quantity}}"></td>
                                                        <td align="center"><input type="hidden" id="{{$i}}_sqty-{{$j}}" value="{{$raw->cur_quantity}}"><b class="{{($raw->cur_quantity < 1)?'red':''}}">{{$raw->cur_quantity}}</b></td>
                                                        <td align="center"><span id="{{$i}}_bqty-{{$j}}">{{$raw->cur_quantity-($raw->quantity*$item->quantity)}}</span></td>
														<!--<td class="text-right">{{number_format($raw->unit_price,2)}}</td>
														<td class="text-right">{{number_format($price,2)}}</td>-->
													</tr>
													@endforeach
													
													<!--<tr><td colspan="6">Total:</td><td class="text-right">{{number_format($rmtotal,2)}}</td></tr>-->
												</table>
											</td>
											
										</tr>

										@endforeach
									</table>
									</td>
								</tr>
								
				
							</tbody>
							<tfoot>
								<tr>
									<td colspan="2" align="center"></td>
								</tr>
							</tfoot>
						</table>
						
						
							
						</div>
                    </div>
                    <div class="btn-section">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                                <span class="pull-right">
                                             <button type="button" onclick="javascript:window.print();" 
                                                     class="btn btn-responsive button-alignment btn-primary"
                                                     data-toggle="button">
                                                <span style="color:#fff;" >
                                                    <i class="fa fa-fw fa-print"></i>
                                                Print
                                            </span>
                                </button>
								
								<button type="button" onclick="javascript:window.close();"
                                                     class="btn btn-responsive button-alignment btn-primary"
                                                     data-toggle="button">
                                                <span style="color:#fff;" >
                                                    <i class="fa fa-fw fa-times"></i>
                                                Close 
                                            </span>
                                </button>
                                </span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- row -->
        @include('layouts.right_sidebar')
        <!-- right side bar end -->
        </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <!-- begining of page level js -->
<script type="text/javascript" src="{{asset('assets/js/custom_js/invoice.js')}}"></script>
<script>
$(document).ready(function () {
	$('html').attr({style: 'min-height: inherit'});
	$('body').attr({style: 'min-height: inherit'});
});

$(document).on('keyup', '.qty', function(e) {
    var qty = this.value;
    var k=0;
    $( '.rqty' ).each(function() { 
        k++;
        var res = this.id.split('_');
        var n = res[0];
        var ntqty = this.value * qty;
        var sqty = $('#'+n+'_sqty-'+k).val();
        $('#'+n+'_srqty-'+k).html(ntqty);
        var bqty = sqty - ntqty;
        $('#'+n+'_bqty-'+k).html(bqty);
    });
});
</script>
    <!-- end of page level js -->
@stop