@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">
        Profit On Sale Invoice            </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-right">Sale Amount</th>
        <th class="text-right">Profit(+)/Loss(-)</th>
        <th class="text-right">Detail</th>
        
      </tr>
    </thead>    
    <tbody>
	  @foreach($orders as $data)
      <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"><b>{{$data->grand_total_price}}</b></td>
        <td class="text-center text-success"><b>5000</b></td>
        <td>
		
	  <div class="modal fade" id="invoicedetail{{$data->id}}" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true" style="display: none;">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" style="text-align: center!important;" id="add_productLabel">Invoce #{{$data->invoice_number}} :{{$data->partyname}}</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                  </button>
                </div>
                 <table class="table table-bordered table-striped table-hover"  >
            
                      <thead>
                        <tr class="bg-gray">
                          <th class="text-center">ITEM NAME</th>
                          <th class="text-center">QTY</th>
                          <th class="text-center">PURCHASE PRICE</th>
                          <th class="text-right">TOTAL CAST</th>
                         
                        </tr>
                      </thead>    
                      <tbody>
                        <tr>
                        
                          <td >Geo Rider</td>
                          <td>2</td>
                          <td> 50000</td>
                          <td>100000</td>
                        </tr>
                     </tbody>
                     <tfoot class="bg-gray">
                       <tr>
                         <td colspan="3">Sale Amt</td>
                          
                          <td>100000</td>
                       </tr>
                       <tr>
                         <td colspan="3">Total Cast</td>
                          
                          <td>100000</td>
                       </tr>
                       <tr>
                         <td colspan="3">TAX Payable</td>
                          
                          <td>1400</td>
                       </tr>
                       <tr>
                         <td colspan="3">Profit(Sale Amt - Total Cast - TAX Payable)</td>
                          
                          <td>1400</td>
                       </tr>
                       <tr>
                         <td colspan="3">Profit(additional Charges)</td>
                          
                          <td>41400</td>
                       </tr>
                     </tfoot>
                    </table>

              </div>
            </div>
           <br>
          </div>
      
	  
         <a id="edit-supplier" class="btn btn-info" href="#" data-toggle="modal" data-target="#invoicedetail{{$data->id}}" title="Item Details" >Show</a>
        </td>
      </tr>
	  
	  @endforeach
	    
	  
    </tbody>
</table>


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


</section>
<!-- Content End -->
</div>





@endsection
 <style>
      * {
        box-sizing: border-box;
      }

      
      .h4-14 h4 {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 5px;
      }
      .img {
        margin-left: "auto";
        margin-top: "auto";
        height: 30px;
      }
      pre,
      p {
        /* width: 99%; */
        /* overflow: auto; */
        /* bpicklist: 1px solid #aaa; */
        padding: 0;
        margin: 0;
      }
      table {
        font-family: arial, sans-serif;
        width: 100%;
        border-collapse: collapse;
        padding: 1px;
      }
      .hm-p p {
        text-align: left;
        padding: 1px;
        padding: 5px 4px;
      }
      td,
      th {
        text-align: left;
        padding: 8px 6px;
      }
      .table-b td,
      .table-b th {
        border: 1px solid #ddd;
      }
      th {
        /* background-color: #ddd; */
      }
      .hm-p td,
      .hm-p th {
        padding: 3px 0px;
      }
      .cropped {
        float: right;
        margin-bottom: 20px;
        height: 100px; /* height of container */
        overflow: hidden;
      }
      .cropped img {
        width: 400px;
        margin: 8px 0px 0px 80px;
      }
      .main-pd-wrapper {
        box-shadow: 0 0 10px #ddd;
        background-color: #fff;
        border-radius: 10px;
        padding: 15px;
      }
      .table-bordered td,
      .table-bordered th {
        border: 1px solid #ddd;
        padding: 10px;
        font-size: 14px;
      }
    </style>

</body>