@extends('layouts.master')

@section('page_title', 'View Details')
@section('title', 'Purchase 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 Details: (<strong>Reference Number:</strong> #{{ $grn->ref_no }})
                </h4>
                <div class="row">
                    <div class="col-md-4">
                        <div class="card  card-light">
                            <div class="card-body">
                                Supplier:
                                <address>
                                    <strong>Business Name: {{ $grn->supplier->business_name }}</strong>
                                    <br><b>Supplier Name:</b> {{ $grn->supplier->name }}
                                    <br><b>Address:</b> {{ $grn->supplier->landmark }}
                                    <br><b>City:</b> {{ $grn->supplier->city_id->name_en ?? 'N/A' }}
                                    <br><b>District:</b> {{ $grn->supplier->district->name_en ?? 'N/A' }}
                                    <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>Status:</b> {{ $grn->purchase_order_status }}<br>
                                <b>Date:</b> {{ explode(' ', $grn->grn_date)[0] }}<br>
                                <b>Purchase Status:</b> Received<br>
                                <b>Payment Status:</b> Paid<br>
                                <b>Created By :</b> {{ $grn->user->full_name ?? 'N/A' }}<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">
                        <thead class="thead-dark">
                            <tr>
                                <th style="width: 25%">Product Name</th>
                                <th style="width: 15%">SKU</th>
                                <th style="width: 20%">Purchase Quantity</th>
                                <th style="width: 20%">Purchase Price</th>
                                <th style="width: 20%">Subtotal </th>
                            </tr>
                            <!--end tr-->
                        </thead>
                        <tbody>
                            @foreach ($grn->grnItems as $item)
                                @if (!empty($item->product->product_name))
                                    <tr>
                                        <td>{{ $item->product->product_name }}<br>({{ $item->product->attribute_value }})
                                        </td>
                                        <td>{{ $item->product->sku }}</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>
                                @else
                                @endif
                            @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 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