@extends('layouts.app')

@section('stitle', 'PO-Reference ')
@section('title', 'GRN Reference')

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title') - {{$grn->reference}} </h2>
                            <h3 class="content-header-title float-left mb-0">@yield('stitle') - {{$grn->po_reference}} </h3>
                            <div class="breadcrumb-wrapper">
                                <span class="badge badge-glow badge-warning ml-2" style="margin-top: 5px;"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
{{--                                        @include('grn.grn_inner_menu')--}}
                </div>
            </div>

            <div class="content-body">
                <div class="row" id="table-hover-animation">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-6">
                                        <label>Supplier</label>
                                        <h5 class="mt-1"> {{$supplier->name}}</h5>
                                        <hr>
                                    </div>
                                    <div class="col-6">
                                        <label>Branch</label>
                                        <h5 class="mt-1">{{$branch->name}}</h5>
                                        <hr>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <label>Invoice Number</label>
                                        <h5 class="mt-1">- - - </h5>
                                        <hr>
                                    </div>
                                    <div class="col-6">
                                        <label>Invoice Date</label>
                                        <h5 class="mt-1"> - - - </h5>
                                        <hr>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <label>Creator</label>
                                        <h5 class="mt-1">{{$user->name}}</h5>
                                        <hr>
                                    </div>
                                    <div class="col-6">
                                        <label>Created At</label>
                                        <h5 class="mt-1">({{$grn->created_at}})</h5>
                                        <hr>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Items -->
                <div class="content-header row">
                    <div class="content-header-left col-md-6 col-12 mb-2">
                        <div class="row breadcrumbs-top">
                            <div class="col-12">
                                <h5 class=" float-left mb-0 pt-1">Items</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <table class="invoice-list-table table">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>SKU</th>
                            <th>BARCODE</th>
                            <th>Cost</th>
                            {{--                                        <th>Storage Unit</th>--}}
                            <th>Quantity</th>
                            <th>Total Cost</th>
                        </tr>
                        </thead>
                        <tbody>
                        @php
                            $total=0
                        @endphp
                        @foreach($grn_items as $grn_i)
                            <tr>
                                <td>{{$grn_i->name}}</td>
                                <td>{{$grn_i->sku}}</td>
                                <td>{{$grn_i->barcode}}</td>
                                <td>{{$grn_i->cost}}</td>
                                {{--                                        <td></td>--}}
                                <td>{{$grn_i->qty}}</td>
                                <td>{{$grn_i->item_total_cost}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>

                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-animation">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-6">
                                        <label>Total Tax: {{$grn->total_tax}}</label>
                                        <h5 class="mt-1"></h5>
                                    </div>
                                    <div class="col-6">
                                        <label>Total</label>
                                        <h5 class="mt-1"> {{$grn->total}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- <form id="sendToApproval" class="form" action="{{ route('purchase_order.streview')}}" method="POST">
                @csrf
                <input type="hidden" name="po_id" value="{{ $purchase->id }}">
            </form>
            <form id="sendToApproved" class="form" action="{{ route('purchase_order.stapproved')}}" method="POST">
                @csrf
                <input type="hidden" name="po_id" value="{{ $purchase->id }}">
            </form> --}}

        </div>
    </div>


    @endsection
@push('my_scripts')
<script>
        function poSendToApproval() {
            document.getElementById("sendToApproval").submit();
        }
        function poReviewToApproved() {
            document.getElementById("sendToApproved").submit();
        }
    </script>
    @endpush