@extends('adminlayout.admin')

@section('content')

<style >
  section .due_sec{
   margin: 10px 0px 10px 15px;
   
 }
 div .due_content{
   display: inline-block;
   border-radius: 10px;
   padding: 10px 15px 10px 15px;
 }
 div .due_warning{
  background-color: #bcfbaf;
}
div .due_success{
  background-color:#f9e1c0 ;
}
div  .due_primary{
  background-color: #b9e5f0;
}
</style>

<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">

  
<BR><BR>

<section class="content">


  <div class="box box-info collapsed-box">
    <div class="box-header with-border">
	  <form>
      <h3 class="box-title">
         From :         </h3>
        <input type="date" name="from" value="{{$from}}"> 
        <h3 class="box-title"> to</h3>
         <input type="date" name="to" value="{{$to}}">

          <label>
              <select name="party_id" aria-controls="supplier-supplier-list" class="form-control input-sm">
                <option value="">All</option>
				@foreach($parties as $party)
                <option value="{{$party->id}}" @if($party_id == $party->id) selected @endif>{{$party->name}}</option>
				@endforeach
                
              </select> </label>
         <button style="height: 30px;"><i class="fa fa-fw fa-search"></i></button>
		</form>
      </div>

     


 </div>

 <div class="row">
  <div class="col-xs-12">
    <div class="box box-success">
      <div class="box-header">
        <h3 class="box-title">Cash Flow Report</h3>
      </div>
      <div class="box-body">
        <div class="table-responsive"> 

          <div id="supplier-supplier-list_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">        

  <table id="example11"  class="table table-bordered table-striped table-hover dataTable" >
            
    <thead>
      <tr class="bg-gray">
        <th class="text-center">Particulars</th>
        <th class="text-center">Cash IN	</th>
        <th class="text-center">Cash OUT</th>
        <th class="text-center">Nett Flow</th>
        
      </tr>
    </thead>    
    <tbody>
	 @foreach($orders as $key=>$value)
      <tr>
       
        <td class="text-center">{{$key}}</td>
        <td class="text-center">{{number_format($value['purchase_amount'],2)}}</td>
        <td class="text-right">{{number_format($value['sale_amount'],2)}}</td>
        <td class="text-right">{{number_format(($value['purchase_amount']-$value['sale_amount']),2)}}</td>
      
      </tr>
	   @endforeach
	  
    </tbody>
</table>

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


</section>
<!-- Content End -->
</div>
<script>
$(document).ready(function() {
	
$('#example11').dataTable({
                bAutoWidth: false,
                "aoColumns": [
                  { "bSortable": false },
				  { "bSortable": false },
				  { "bSortable": false },                 
                  { "bSortable": false }
                ],
                "aaSorting": [],                 
                "iDisplayLength": 12, 
                select: {
                    style: 'multi'
                }
            });
})
</script>

@endsection
 
</body>