@extends('layouts.app')
<link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">

@section('style')

<style>


</style>
@stop
@section('content')
@include("layouts.Cmodal")

<div class="row" >


  <div class="portlet light bg-inverse" style="min-height: 100%;">
    <div class="portlet-title">
      <div class="caption">
        <i class="icon-equalizer font-green-haze"></i>
        <span class="caption-subject font-green-haze bold uppercase">@lang('layout.UpdateEnterBill') </span>
        <!-- <span class="caption-helper">some info...</span> -->
      </div>
      <div class="tools">
        <a href="" class="collapse" data-original-title="" title=""> </a>
        <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
        <a href="" class="reload" data-original-title="" title=""> </a>
        <a href="" class="remove" data-original-title="" title=""> </a>
      </div>
    </div>
    <div class="portlet-body form" style="margin-bottom:50%;">
      <!-- BEGIN FORM-->
      {{Form::open(['route' => ['bill_sh.update',$purchase->id],'method' => 'PATCH','class' => 'form-horizontal','id'=>'purchase-form'])}}

      {{ csrf_field() }}

      <div class="form-body">
    
  <div class="" id="app" >
  
  	<div class="row">
       
		<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
			<div class="form-group">
			  <div class="col-md-12">
				<label class="control-label">@lang('layout.BillNumber')</label>
				
				<input type="number" name="number" value="{{$purchase->Pur_number}}" readonly class="form-control">
			  </div>
			</div> 
		  </div>
			  
	  <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
		<div class="form-group">
		  
		  <div class="col-md-12">
			<label class="control-label">@lang('layout.Currency')</label>
			
			<input readonly name="currency" value="{{$purchase->Currency}}" class="form-control">

		  </div>
		</div> 
	  </div>

	  <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
		<div class="form-group">
		  
		  <div class="col-md-12">
			<label class="control-label">@lang('layout.Rate')</label>
			
			<input type="number" name="currency_rate" name="rate" v-model="rate"  class="form-control" readonly>
		  </div>
		</div> 
	  </div>
	  
	</div>

       <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
        <thead>
          <tr>
            <th style="min-width: 100px">@lang('layout.ItemName') </th>
            <th style="min-width: 100px">@lang('layout.Code') </th>
            <th style="min-width: 100px">@lang('layout.Quantity') </th>
			<th style="min-width: 100px">@lang('layout.Measure') </th>
			<th style="min-width: 100px">@lang('layout.NewCost') </th>
            <th style="min-width: 100px">@lang('layout.Width') </th>
            <th style="min-width: 100px">@lang('layout.Wing') </th>
			<th style="min-width: 100px">@lang('layout.Total') </th>
          </tr>
        </thead>
        <tbody>

			<tr>
			   <td>
			   <div>
					<input name="ItemName"  value="{{$purchase->items}}"  readonly class="form-control" placeholder="@lang('layout.ItemName')" >
					<input type="hidden" name="stocks_in_id"  value="{{$purchase->stocks_in_id}}" >
					<input type="hidden" name="main_stock_id"  value="{{$purchase->main_stock_id}}" >
					<input type="hidden" name="transaction_id"  value="{{$purchase->transaction_id}}" >
				</div>
			   </td>
			   <td>
			   <div class="input-group">
					<input name="code"  value="{{$purchase->code}}"  type="text" class="form-control" placeholder="@lang('layout.Code')" >
                    </div>
			   </td>
			   <td>
			   <div class="input-group">
					<input name="qut_in" v-model="qty"  type="number" class="form-control" placeholder="@lang('layout.Quantity')" >
                    </div>
			   </td>
			   <td>
			   <div>
					<input name="Measure" readonly value="{{$purchase->measure}}" class="form-control" placeholder="@lang('layout.Measure')" >
				</div>
			   </td>
			   <td>
			   <div class="input-group">
				     <input name="NewCost" v-model="price" type="number"  class="form-control" placeholder="@lang('layout.NewCost')" >
                    </div>
			   </td>
			   <td>
			   <div class="input-group">
					 <input name="widths"  value="{{$purchase->widths}}" type="number" class="form-control" placeholder="@lang('layout.Width')" >
                    </div>
			   </td>
			   <td>
			   <div class="input-group">
					 <input name="khada" value="{{$purchase->khada}}" type="number" class="form-control" placeholder="@lang('layout.Wing')" >
                    </div>
			   </td>
			   <td>
			   <div class="input-group">
				     <input  :value="subtotal" type="number" readonly  class="form-control" placeholder="@lang('layout.Total')" >
                    </div>
			   </td>
			</tr>
		</tbody>
	
		</table>
<hr>
<br/>

</div>


</div>
<div class="col-xs-12 col-sm-10 col-md-11 text-center">
  <button type="button" onclick="regForm(this)" class="btn green">@lang('layout.Submit')</button>
  <a href="{{route('bill_roll.index')}}" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
</div>  
{!! Form::close() !!}
<cmodal :show='showModal' @close="showModal=false">
  
</cmodal>
</div>                  
<!-- END FORM-->
</div>
</div> 

@endsection
@push('scripts')


<script type="text/javascript">

  var v = new Vue({
    el: '#app',
    data: {
     rate:{!! $purchase->Rate !!},
     price: {!! $purchase->price !!},
     qty: {!! $purchase->qty !!},
     static_rate: {!! $purchase->static_rate !!},
   },


   computed:{
          // calculate subtotal
          subtotal: function ()
          {
            var sum = 0;

			@if(systemConfig()[30] == 1)
			// sum = Number.parseFloat((this.price * this.static_rate / this.rate * this.qty)).toFixed(precision());
			sum = Number.parseFloat((this.price * this.qty)).toFixed(precision());
			@else 
			sum = Number.parseFloat((this.price * this.qty)).toFixed(precision());
			@endif
			return sum;
    
		},

         },
	 methods:
	 {
      
	},

  });


</script>


@endpush