@extends('layouts.app')
@section('title') {{'Invoice Details'}} @endsection
@section('content')

@include('layouts.numbertowords')

  
    <div class="col-md">
        <div class="panel panel-default">
            <div class="panel-heading">
                Invoice Details 
                <a href="{{ url('/invoicelist') }}" class="pull-right"> Back to Invoice List </a>
            </div>
            <div class="col-sm-12 text-center">
                <div class="clearfix">
                    <p class="pull-right">
                        <span title="Print" class="btn btn-primary" onclick="printData('myTablePrint')" > <i class="glyphicon glyphicon-print"> </i> </span>
                        
                    </p>
                </div>
            </div>
<div class="form-group mt-1" style="width:100%; overflow: scroll;" >
 
            <div class="panel-body" id="myTablePrint">

                @if (Session::has('msg'))
                    <div class="alert alert-info">{{ Session::get('msg') }}</div>
                @endif

                <div class="col-sm-12 text-center">
                    

                    <div style="display: flow-root;"><img style=" float: right; width: 20%; display: block; position: relative;" src="{{ asset('images/logo.png') }}" alt="JBS" /></div>
                    <br>
                    <div style="float: left; height: 20px;">WTC Invoice No : WTC0{{ $orders_list[0]->id }}</div>

                    <div style="float: right; height: 20px;">Print Date : {{date('d-F-Y')}}</div>
                    <br>
                    <div style="float: left; height: 20px;">Invoice Date : {{date('d-m-Y', strtotime($orders_list[0]->txn_date)) }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Supplier Name : {{ $orders_list[0]->supplier_id }} - {{ $orders_list[0]->name }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Contact Person : {{ $orders_list[0]->person_name }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Address : {{ $orders_list[0]->address }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Mobile No. : {{ $orders_list[0]->mobile }} </div>
                    <br>
                    <div>
                    <br>
                    </div>
                </div>

                

                <table id="myTable" class="table text-center table-striped table-hover">
                    <thead class="header" id="myHeader">
                        <tr>
                            <th>S.L.</th>
                            <th>ID</th>
                            <th>Item Name</th>
                            <th>Quantity/Pcs</th>
                            <th>Free</th>
                            <th>Purchase Price</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                    @php $i=0;

                        $torder_quantity = 0;
                        $torder_free = 0;
                        $torder_qty_free = 0;
                        $t_total_price = 0;
                        
                    @endphp

                    @foreach($orders_list as $row)
                        @php
                            $i++;
                            $txn_date = $row->txn_date;
                            $free = $row->free;
                            $total_quantity = $row->quantity * $row->dp_price + $free;
                            $total_price = $row->quantity * $row->dp_price;


                            $torder_free += $free;
                            $torder_qty_free += $total_quantity;
                            $t_total_price += $total_price;
                            $torder_quantity += $row->quantity;

                        @endphp
                        <tr>
                            <td>{{ $i }}</td>
                            <td>{{ $row->product_id }}</td>
                            <td style="text-align: left;">{{ $row->product_name }}</td>
                            <td>{{ $row->quantity }} {{ $row->pack_type }}</td>
                            <td>{{ $free }}</td>
                            <td>{{ number_format($row->dp_price,2) }}</td>
                            <td>{{ number_format($total_price,2) }}</td>
                            

                        </tr>
                       
                    @endforeach
                        <tr>
                            <th colspan="3">Total =</th>
                            <th>{!! number_format($torder_quantity) !!}</th>
                            <th>{{ $torder_free }}</th>
                            <th></th>
                            <th>{{ number_format($t_total_price,2) }}</th>
                        </tr>
                        <tr>
                            <td style="text-align:left;" colspan="12"><b>IN WORDS :</b> {!! numberTowords($t_total_price) !!}</td>
                        </tr>
                    </tbody>
                </table>


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

    <!-- upload Defect Description model start -->
                 <div class="modal fade" id="defect_description">
                    <div class="modal-dialog modal-lg">
                      <div class="modal-content">
                      
                        <!-- Modal Header -->
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        
                
              </div>
            </div>
        </div>
        <!-- upload Defect Description model End -->
 
    

        
    <style>
        .emailinfo_section.emailinfo {
            padding: 16px 20px;
            padding-bottom: 40px;
            -webkit-box-shadow: 1px 2px 13px -2px rgb(173 132 173);
            -moz-box-shadow: 1px 2px 13px -2px rgba(173,132,173,1);
            box-shadow: 1px 2px 13px -2px rgb(173 132 173);
        }

        table.emailinfo_form {
            width: 100%;
        }
        table.emailinfo_form input{
          width: 100%;
          margin-right: 10px;
        }
        .emailinfo_section form {
            padding-bottom: 30px;
        }
        .emailinfo_section.exactive {
          display: block;
        }

        table.table.text-center.table-striped.table-hover.fixedHeader .header tr th {
            position: sticky;
            top: 0;
            /* width: 109%; */
            background: #D9E5D8;
        }
        table.table.text-center.table-striped.table-hover.fixedHeader .header tr:nth-of-type(2) th{
            top: 32px;
        }
        table.table.text-center.table-striped.table-hover.fixedHeader .header tr:last-child th{
            top: 64px;
        }
        table#myTable thead#myHeader { background: #D9E5D8; color: #006C32; }

        th { border: 1px solid !important; }
        .requisitionmas.alert.alert-info { margin-top: 35px; }
        div#myTablePrint table#myTable tbody tr td { font-size: 14px; border: 1px solid;}
        
    </style>
    <script>
        jQuery( function($) {
            $( "#txn_date" ).datepicker(
                {
                  dateFormat: "yy-mm-dd"
                }
            );
        } 
        );
    </script>
 

@endsection