@extends('inventory::layouts.master')

@section('page_content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-sm-6">
                            <h4 class="header-title">{{ $pageTitle }}</h4>
                        </div>
                        <div class="col-sm-6">
                            <div class="float-right">
                                @if(isset($urls["addUrl"]))
                                    <a href="{{$urls['addUrl']}}">
                                        <div class="btn btn-info btn-sm"><span class="fa fa-plus"></span> Add New</div>
                                    </a>
                                @endif

                                @if(isset($urls["editUrl"]) && $record["approvalStatus"] !== "APPROVED")
                                    <a href="{{$urls['editUrl']}}">
                                        <div class="btn btn-info btn-sm"><span class="fa fa-edit"></span> Edit</div>
                                    </a>
                                @endif

                                @if(isset($urls["listUrl"]))
                                    <a href="{{$urls['listUrl']}}">
                                        <div class="btn btn-info btn-sm"><span class="fa fa-list"></span> List</div>
                                    </a>
                                @endif

                                @if(isset($urls["exportUrl"]))
                                    <a href="{{$urls['exportUrl']}}">
                                        <div class="btn btn-info btn-sm"><span class="far fa-file-pdf"></span> Export</div>
                                    </a>
                                @endif

                                @if(isset($urls["exportSPOUrl"]))
                                    <a href="{{$urls['exportSPOUrl']}}">
                                        <div class="btn btn-info btn-sm"><span class="far fa-file-pdf"></span> Export Supplier's Copy</div>
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <h4 class="page-title mb-3">Items in Purchase Order</h4>

                    <div class="table-responsive">
                        <table class="table table-bordered table-centered mb-0">
                            <thead class="table-light">
                            <tr>
                                <th>Product Name</th>
                                @if($settings["showProductSize"] === "YES")<th>Product Size</th>@endif
                                <th class="text-right">Re-Order</th>
                                <th class="text-right">Quantity</th>
                                <th class="text-right">Current Quantity</th>
                                <th class="text-right">Price</th>
                                <th class="text-right">Amount</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(isset($record["purchase_order_items"]) && count($record["purchase_order_items"]) > 0)
                                @foreach($record["purchase_order_items"] as $item)
                                    <tr>
                                        <th scope="row">
                                            <span>{{ $item["product"]["name"] }}</span>
                                            <br>
                                            <span class="text-muted">{{ $item["note"] }}</span>
                                        </th>
                                        @if($settings["showProductSize"] === "YES")<td class="text-right">{{ $item["product"]["itemSize"] }} {{ $item["product"]["measure"]["name"] ?? '' }}</td>@endif
                                        <td class="text-right">{{ $item["product"] ["reorderThreshold"]}}</td>
                                        <td class="text-right">{{ number_format($item["quantity"], 2) }}</td>
                                        <td class="text-right">{{ number_format($item["inventory"]["quantity"] ?? 0, 2) }}</td>
                                        <td class="text-right">{{ $numberFormatter->formatCurrency($item["price"], $settings["systemCountry"]["currencyCode"]) }}</td>
                                        <td class="text-right">{{ $numberFormatter->formatCurrency($item["totalCost"], $settings["systemCountry"]["currencyCode"]) }}</td>
                                    </tr>
                                @endforeach
                            @endif
                            <tr>
                                <th scope="row" colspan="@if($settings["showProductSize"] === "YES") 6 @else 5 @endif" class="text-right">Total:</th>
                                <td>
                                    <div class="fw-bold text-right">{{ $numberFormatter->formatCurrency($record["totalCost"], $settings["systemCountry"]["currencyCode"]) }}</div>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end row -->

    <div class="row">
        <div class="col-lg-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="page-title mb-3">Order Information</h4>

                    <h5 class="mt-0">Purchase Order Number</h5>
                    <p>{{ $record["name"]}}</p>

                    @if($record["approvalStatus"] === "APPROVED")
                        <h5 class="mt-0">Approved By</h5>
                        <p>{{ $record["approval"]["approver"]["name"] ?? ''}}</p>
                    @endif

                    @if($record["supplier"])
                        <hr>

                        <h5 class="my-3">Supplier Information</h5>

                        <h5 class="font-family-primary fw-semibold">{{ $record["supplier"]["name"] }}</h5>

                        <p class="mb-2">
                            <span class="fw-semibold me-2">Address:</span> {{ $record["supplier"]["address"] }},
                            <br>{{ $record["supplier"]["city"] }}, {{ $record["supplier"]["state"] }}, {{ $record["supplier"]["postalCode"] }},<br>
                            {{ $record["supplier"]["country"]["name"] }}<br>
                        </p>
                        <p class="mb-2"><span class="fw-semibold me-2">Phone:</span> {{ $record["supplier"]["phone"] }}</p>
                        <p class="mb-0"><span class="fw-semibold me-2">Email:</span> {{ $record["supplier"]["email"] }}</p>
                    @endif
                </div>
            </div>
        </div> <!-- end col -->

        <div class="col-lg-4">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-8">
                            <h4 class="page-title mb-3">Track Order Status</h4>
                        </div>
                        <div class="col-lg-4 pt-2 text-right">
                            <div class="btn btn-sm btn-{{ $orderStatus["label"] }}">{{ $orderStatus["name"] }}</div>
                        </div>
                    </div>

                    <div class="track-order-list">
                        <ul class="list-unstyled">
                            @if(isset($orderStatusUpdates) && count($orderStatusUpdates) > 0)
                                @foreach($orderStatusUpdates as $status)

                                    <li class="@if($status["isCompleted"]) completed @endif">
                                        @if($status["isActive"])
                                            <span class="active-dot dot"></span>
                                        @endif
                                        @if($status["isRed"])
                                            <span class="active-dot dot" style="background-color: red; color: red;"></span>
                                        @endif
                                        <h5 class="mt-0 mb-1">{{ $status["name"] }}</h5>
                                        <p class="text-muted">{{ $status["tagline"] }} </p>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->

        <div class="col-lg-4">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-8">
                            <h4 class="page-title mb-3">Track Approval Status</h4>
                        </div>
                        <div class="col-lg-4 pt-2 text-right">
                            <div class="btn btn-sm btn-{{ $approvalStatus["label"] }}">{{ $approvalStatus["name"] }}</div>
                        </div>
                    </div>

                    <div class="track-order-list">
                        <ul class="list-unstyled">
                            @if(isset($approvalStatusUpdates) && count($approvalStatusUpdates) > 0)
                                @foreach($approvalStatusUpdates as $status)

                                    <li class="@if($status["isCompleted"]) completed @endif">
                                        @if($status["isActive"])
                                            <span class="active-dot dot"></span>
                                        @endif
                                        @if($status["isRed"])
                                            <span class="active-dot dot" style="background-color: red; color: red;"></span>
                                        @endif
                                        <h5 class="mt-0 mb-1">{{ $status["name"] }}</h5>
                                        <p class="text-muted">{{ $status["tagline"] }} </p>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
    <!-- end row -->
@endsection

@section('page_css')
@endsection

@section('page_js')
@endsection