@extends('layouts.master')

@section('page_title','View Details')
@section('title','Purchases Details')
@section('main_item','Purchases')
@section('sub_item','Purshases Details')

@section('content')
<div class="col-12" style="margin-bottom: 10px">
    <span id="btn_print" >
    <button type="button" id="print" class="btn btn-primary">Print</button></span>
</div>
<div class="col-12">
    <div class="card">
        <div class="card-body">

            <h4 class="header-title mt-0">Purchase Details: (<strong>Reference Number:</strong> #{{$grn->ref_no}})</h4>
            <div class="row" id="printarea">

                <div class="col-md-4">
                    <div class="card  card-light">
                        <div class="card-body">
                            Supplier:
                            <address>
                                <strong>{{$grn->supplier->business_name}}</strong>
                                <br>{{$grn->supplier->name}}
                                <br>{{$grn->supplier->landmark}}
                                <br>{{$grn->supplier->city}}
                                <br>Mobile: {{$grn->supplier->mobile}}
                                <br>Email: {{$grn->supplier->email}}
                            </address>
                        </div>
                        <!--end card-body-->
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card  card-light">
                        <div class="card-body">

                            <b>Reference No:</b> #{{$grn->ref_no}}<br>
                            <b>Date:</b> {{explode(' ', $grn->grn_date)[0]}}<br>
                            <b>Purchase Status:</b> Received<br>
                            <b>Payment Status:</b> Paid<br>

                        </div>
                     
                    </div>
                </div>
            </div>
        </div>
   
    </div>
 
</div>
<div class="col-12">
    <div class="card">
        <div class="card-body">
            <div class="table-responsive dash-social">
                <table id="datatable" class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>Product Name</th>
                            <th>Purchase Quantity</th>
                            <th>Purchase Price</th>
                          
                            <th>Subtotal </th>
                        </tr>
                      
                    </thead>

                    <tbody>
                        @foreach ($grn->grnItems as $item)

                        <tr>
                            <td>{{$item->product->product_name}}</td>
                            <td>{{$item->qty.' '.$item->product->unit->short_name}}</td>
                            <td>{{number_format($item->grn_unit_cost,2)}}</td>
                    
                            <td>{{number_format($item->grn_line_total,2)}}</td>
                        </tr>
                        @endforeach
                     


                    </tbody>
                </table>
            </div>
        </div>
      
    </div>
 
</div>
<div class="col-6">
    <div class="card" hidden>
        <div class="card-body">

            <h4 class="header-title mt-0">Payment Info</h4>
            <div class="table-responsive dash-social">
                <table id="datatable" class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>Date</th>
                            <th>Reference Number</th>
                            <th>Amount</th>
                            <th>Payment Mode</th>
                            <th>Payment Note</th>
                        </tr>
                        <!--end tr-->
                    </thead>

                    <tbody>
                        <tr>
                            <td>2019/02/8</td>
                            <td>xyx@gmail.com</td>
                            <td>+123456789</td>
                            <td>Tokyo, JAP</td>
                            <td>5.1</td>
                        </tr>
                     
                    </tbody>
                </table>
            </div>
        </div>
     
    </div>
</div>
<div class="col-6">
    <div class="card">
        <div class="card-body">

            <div class="table-responsive">
                <table class="table">
                  
                    <tbody>
                        <tr>
                            <th>Net Total Amount: </th>
                            <td></td>
                            <td class="text-right"><span class="display_currency pull-right" data-currency_symbol="true">₨
                                     {{number_format($grn->grn_total,2)}}</span></td>
                        </tr>
                        <tr>
                            <th>Discount:</th>
                            <td>
                                <b>(-)</b>
                            </td>
                            <td class="text-right">
                                <span class="display_currency pull-right" data-currency_symbol="true">₨ {{number_format($grn->grn_discount,2)}}</span>
                            </td>
                        </tr>
                        <tr hidden>
                            <th>Purchase Tax:</th>
                            <td><b>(+)</b></td>
                            <td class="text-right">
                                <span class="display_currency pull-right" data-currency_symbol="true">₨ 0.00</span>
                            </td>
                        </tr>
                        <tr hidden>
                            <th>Additional Shipping charges:</th>
                            <td><b>(+)</b></td>
                            <td class="text-right"><span class="display_currency pull-right">Rs 0.00</span></td>
                        </tr>
                        <tr>
                            <th>Purchase Total:</th>
                            <td></td>
                            <td class="text-right"><span class="display_currency pull-right" data-currency_symbol="true">₨
                                    {{number_format($grn->grn_nettotal,2)}}</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>


        </div>
      
    </div>
    

</div>

@endsection

@section('scripts')

<script>
    $(document).on('click' , '#print',function () {
        $('#btn_print').hide();
        $("#printarea").show();
    window.print();
    $('#btn_print').show();
});
</script>

@endsection