@extends('layouts.master')

@section('page_title', 'View Details')
@section('title', 'Purchases Order Details')
@section('main_item', 'Purchase Orders')
@section('sub_item', 'Purshase order 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 Order 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>
                            <!--end card-body-->
                        </div>
                    </div>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </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>
                            <!--end 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
                            <!--end tr-->
                        </tbody>
                    </table>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </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>
                            <!--end tr-->
                        </tbody>
                    </table>
                </div>
            </div>
            <!--end card-body-->
        </div>
        <!--end card-->
    </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 Order 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>
            <!--end card-body-->
        </div>
        <!--end card-->
    </div>
@endsection
@section('scripts')
    <script>
        $(document).on('click', '#print', function() {
            $('#btn_print').hide();
            $("#printarea").show();
            window.print();
            $('#btn_print').show();
        });
    </script>
@endsection