@extends('layouts.main')

@section('content')
 <a href="#" id="hide_form"  class="btn btn-dark">Print</a> <br> <br>
  <div style="color: #000">
  
          <div class="row"> 
              <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3">
                  <center>
                    <img src="{{asset('images/logo.png')}}" width="70%">
                  </center>                  
               </div>          
               <div class="col-md-5 col-lg-5 col-sm-5 col-xs-5">
                <center>
                     @include("mainsale._address")                 
                </center>                  
              </div>      
               <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
                <strong>
                    <span>{{now()->format("d M Y")}}</span><br>
                    <span>Printed by: {{ auth()->user()->name }}</span>
                     <p class="text-danger">NB: All Amounts are in UGX</p>
                </strong>                    
               </div>
          </div>

          <hr style="height:3px; border:none;color:green;background-color:green;">

          <div class="row"> 
              <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
                <strong>
                  <p>TO: </p>               
                  <span>{{$customer->name}}</span><br>
                  <span>{{$customer->phone_number}} </span><br>
                  <span>{{$customer->address}}</span>
                </strong>
                 
              </div>

            <div class="col-md-6 col-lg-6 col-sm-6 col-xs-6">
                <center><h3 contenteditable="true"><u>TRANSACTION STATEMENT</u></h3></center>         
            </div>       
        </div>
        <hr>
 
            <div class="row text-success">
                <div class="col-md-1 col-lg-1 col-sm-1">
                    <strong>Order</strong>
                </div>
                <div class="col-md-3 col-lg-3 col-sm-3">
                    <strong>Particulars</strong>
                </div>
                <div class="col-md-1 col-lg-1 col-sm-1">
                    <strong>Amount</strong>   
                </div>

                <div class="col-md-1 col-lg-1 col-sm-1">
                    <strong>Discount </strong>   
                </div>

                <div class="col-md-1 col-lg-1 col-sm-1">
                    <strong>Bad debts</strong> 
                </div>
                
                <div class="col-md-3 col-lg-3 col-sm-3">
                    <strong>Payments</strong>
                </div>
                
                <div class="col-md-1 col-lg-1 col-sm-1">
                    <strong>Amount Paid</strong> 
                </div>

                <div class="col-md-1 col-lg-1 col-sm-1">
                    <strong>Balance</strong> 
                </div>
            </div>

              <hr style="height:3px; border:none;color:rgb(214, 76, 6);background-color:rgb(214, 76, 6);">

            @php
                $total_amount = $total_paid = $total_discount = $total_bad_debt = $total_balance = 0;
            @endphp

        @foreach ($main_sales as $main_sale)
            @php
               $cost = $main_sale->cost($main_sale->id);

               $paid = $main_sale->paid($main_sale->id);

               $discount = $main_sale->discount($main_sale->id);

               $bad_debt = $main_sale->baddebt($main_sale->id);

               $balance = $main_sale->balance($main_sale->id);

               $total_amount += $cost;

               $total_paid += $paid;

               $total_discount += $discount;

               $total_bad_debt += $bad_debt;

               $total_balance += $balance;
            @endphp

            <div class="row">
                <div class="col-md-1 col-lg-1 col-sm-1">
                    <span class="text-danger">No. {{$main_sale->id}}</span><br>
                    <span>{{Carbon\Carbon::parse($main_sale->created_at )->format("d M Y")}}</span>
                </div>

                <div class="col-md-3 col-lg-3 col-sm-3">

                    <table class="table-striped table-bordered">
                        <thead>
                            <th>Item</th> <th>Qty</th> <th>Price</th>
                        </thead>
                        <tbody>
                            @foreach ($main_sale->sale as $sell)
                                <tr>
                                    <td>{!! $sell->stock->category->name.'<br>'.$sell->stock->name !!}</td>
                                    <td>{{ number_format($sell->size) }}</td>
                                    <td>{{ number_format($sell->amount) }}</td>
                                </tr>                                        
                            @endforeach
                        </tbody>
                    </table>
                    
                </div>

                <div class="col-md-1 col-lg-1 col-sm-1">

                    <span>{{ number_format($cost) }}</span>
                    
                </div>

                <div class="col-md-1 col-lg-1 col-sm-1">

                    <span>{{ number_format($discount) }}</span>
                    
                </div>

                <div class="col-md-1 col-lg-1 col-sm-1">

                    <span>{{ number_format($bad_debt) }}</span>
                    
                </div>

                <div class="col-md-3 col-lg-3 col-sm-3">
                    @if($main_sale->salespayment->count() > 0)
                    <table class="table-striped table-bordered">
                        <thead>
                            <th>Date</th> <th>Amount</th> <th>MoP</th>
                        </thead>
                        <tbody>
                           @foreach ($main_sale->salespayment as $payment)
                            <tr>
                                <td>{{Carbon\Carbon::parse($payment->created_at )->format("d M Y")}}</td> 
                                <td>{{ number_format($payment->amount) }}</td>
                                <td>{{$payment->source}}</td>
                            </tr>                               
                           @endforeach
                         
                        </tbody>
                    </table>
                    @endif
                 
                 </div>

                <div class="col-md-1 col-lg-1 col-sm-1">
                    <span>{{ number_format($paid) }}</span>
                </div>

                <div class="col-md-1 col-lg-1 col-sm-1">
                    <span>{{ number_format($balance) }}</span>
                </div>
            </div>

            <hr style="height:1px; border:none;color:green;background-color:green;">             
        @endforeach

        <div class="row text-success">
            <div class="col-md-1 col-lg-1 col-sm-1">
                <strong> Total </strong>
            </div>
            <div class="col-md-3 col-lg-3 col-sm-3">
                
            </div>
             <div class="col-md-1 col-lg-1 col-sm-1">
               <strong>{{ number_format($total_amount) }} </strong>
            </div>

            <div class="col-md-1 col-lg-1 col-sm-1">
               <strong> {{ number_format($total_discount) }} </strong>
            </div>

            <div class="col-md-1 col-lg-1 col-sm-1">
              <strong> {{ number_format($total_bad_debt) }} </strong>
            </div>
            <div class="col-md-3 col-lg-3 col-sm-3">
            </div>

            <div class="col-md-1 col-lg-1 col-sm-1">
               <strong> {{ number_format($total_paid) }} </strong>
            </div>
            <div class="col-md-1 col-lg-1 col-sm-1">
              <strong>{{ number_format($total_balance) }} </strong>
            </div>      
        </div>
        
        <hr style="height:3px; border:none;color:rgb(214, 76, 6);background-color:rgb(214, 76, 6);">

       

        @if($total_balance > 0)
        
            <h3 class="text-danger">AMOUNT DUE: UGX {{ number_format($total_balance) }}</h3>

             @include("mainsale._payment_method")           
        @endif

         <p class="text-success" >THANK YOU FOR DOING BUSINESS WITH US.</p>
       
@endsection
 
@section('styles')
  <style>
    @media print{
      #exclude,a,nav,#hide_form{
        display: none;      
     }    
    }

    .p{
      font-weight:  bold;
    }
 
  </style>
@endsection
 
@push('scripts')
  <script>
     $("#hide_form").click(function(){
          $("#hide_form").hide();
         myFunction();
    });
  </script>
@endpush