@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 class="row">

        <section class="content-header due_sec" >
         <div class="due_content due_warning" href="#">

          Paid
          <h4 class="paidamount">00.00</h4>
        </div>
        <div class="due_content due_icon" href="#">
          <i class="fa fa-fw fa-plus"></i>

        </div>
        <div class="due_content due_success" href="#">
          Unpaid
          <h4 class="unpaidamount">00.00</h4>
        </div> 
        <div class="due_content due_icon" href="#">
          =

        </div>
        <div class="due_content due_primary" href="#">

         Total amt.
         <h4 class="totamount">00.00</h4>
       </div>    
     </section>
   </div>


 </div>

 <div class="row">
  <div class="col-xs-12">
    <div class="box box-success">
      <div class="box-header">
        <h3 class="box-title">Transactions </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="example1"  class="table table-bordered table-striped table-hover dataTable" >
            
    <thead>
      <tr class="bg-gray">
        <th class="text-center">Date</th>
        <th class="text-center">Invoice</th>
        <th class="text-center">Party Name</th>
        <th class="text-center">Transaction type</th>
        <th class="text-center">Payment Type</th>
        <th class="text-right">Amount</th>
        <th class="text-right">Balance</th>
        <th class="text-right">Status</th>
        <th class="text-right">Action</th>
      </tr>
    </thead>    
    <tbody>
	  @php
	   $total_amount = 0;
	   $paid_amount = 0;
	  @endphp
	  @foreach($orders as $data)
	  @php
	   $total_amount += $data->grand_total_price;
	   $paid_amount += $data->paid_amount;
	  @endphp
      <tr>
        <td class="text-center"><a href="#">{{date('d M Y', strtotime($data->bill_date))}}</a></td>
        <td class="text-center">{{$data->invoice_number}}</td>
        <td class="text-center">{{$data->partyname}}</td>
        <td class="text-right">{{$data->payment_type}}</td>
        <td class="text-right">{{$data->payment_type}}</td>
        <td class="text-center">{{$data->grand_total_price}}</td>
        <td>{{$data->grand_total_price-$data->paid_amount}}</td>
		<td>@if($data->status==1) <span class="alert-success">Success</span>  @else Fail @endif</td>
        <td>
         
         <div class="btn-group">
         <a href="{{route('invoice_download',$data->invoice_number)}}" target="_blank"> <button class="btn btn-default buttons-print" data-toggle="modal"  type="button" title="Print"><span><i class="fa fa-print"></i></span></button></a>
           </div>

        </td>
      </tr>
	   @endforeach
	  
    </tbody>
</table>

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


</section>
<!-- Content End -->
</div>
@php
 $unpaid_amount = $total_amount - $paid_amount;
@endphp

<script>
$( document ).ready(function() {
    $('.paidamount').html("{{$paid_amount}}");
	$('.unpaidamount').html("{{$unpaid_amount}}");
	$('.totamount').html("{{$total_amount}}");
});
</script>

@endsection
 
</body>