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

@section('page_content')
    <div class="row printable">
        <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 not-printable">
                            <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

                                <div class="btn btn-info btn-sm" onclick="window.print()">
                                    <span class="fa fa-print"></span> Print
                                </div>

                                @if(isset($urls["quotationUrl"]))
                                    <a href="{{$urls['quotationUrl']}}">
                                        <div class="btn btn-info btn-sm"><span class="fas fa-file-invoice"></span> Quotation</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
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <h4 class="page-title mb-3 not-printable">Items in Invoice</h4>

                    @if($record["orderType"] === 'PRODUCT')
                        <div class="table-responsive mb-3">
                            <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">Quantity</th>
                                    <th class="text-right">Price</th>
                                    <th class="text-right">Amount</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(isset($record["invoice_items"]) && count($record["invoice_items"]) > 0)
                                    @foreach($record["invoice_items"] as $item)
                                        <tr>
                                            <td scope="row">{{ $item["product"]["name"] }}</td>
                                            @if($settings["showProductSize"] === "YES")<td>{{ $item["product"]["itemSize"] }} {{ $item["product"]["measure"]["name"] ?? '' }}</td>@endif
                                            <td class="text-right">{{ number_format($item["quantity"], 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 colspan="@if($settings["showProductSize"] === "YES") 4 @else 3 @endif" class="text-right">Sub Total:</th>
                                    <td>
                                        <div class="fw-bold text-right">{{ $numberFormatter->formatCurrency($record["totalCost"], $settings["systemCountry"]["currencyCode"]) }}</div>
                                    </td>
                                </tr>
                                <tr>
                                    <th colspan="@if($settings["showProductSize"] === "YES") 4 @else 3 @endif" class="text-right">Discount:</th>
                                    <td>
                                        <div class="fw-bold text-right">{{ $record["discount"] }}%</div>
                                    </td>
                                </tr>
                                <tr>
                                    <th colspan="@if($settings["showProductSize"] === "YES") 4 @else 3 @endif" class="text-right">Total:</th>
                                    <td>
                                        <div class="fw-bold text-right">{{ $numberFormatter->formatCurrency($record["finalAmount"], $settings["systemCountry"]["currencyCode"]) }}</div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="table-responsive mb-3">
                            <table class="table table-bordered table-centered mb-0">
                                <thead class="table-light">
                                <tr>
                                    <th>Description</th>
                                    <th class="text-right">Quantity</th>
                                    <th class="text-right">Price</th>
                                    <th class="text-right">Amount</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(isset($record["invoice_items"]) && count($record["invoice_items"]) > 0)
                                    @foreach($record["invoice_items"] as $item)
                                        <tr>
                                            <td scope="row">{{ $item["service"]["name"] }}</td>
                                            <td class="text-right">{{ number_format($item["quantity"], 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 colspan="3" class="text-right">Sub Total:</th>
                                    <td>
                                        <div class="fw-bold text-right">{{ $numberFormatter->formatCurrency($record["totalCost"], $settings["systemCountry"]["currencyCode"]) }}</div>
                                    </td>
                                </tr>
                                <tr>
                                    <th colspan="3" class="text-right">Discount:</th>
                                    <td>
                                        <div class="fw-bold text-right">{{ $record["discount"] }}%</div>
                                    </td>
                                </tr>
                                <tr>
                                    <th colspan="3" class="text-right">Total:</th>
                                    <td>
                                        <div class="fw-bold text-right">{{ $numberFormatter->formatCurrency($record["finalAmount"], $settings["systemCountry"]["currencyCode"]) }}</div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    @endif

                    <h4 class="page-title mb-3 not-printable">Payments</h4>

                    <div class="table-responsive">
                        <table class="table table-bordered table-centered mb-0">
                            <thead class="table-light">
                            <tr>
                                <th>Payment No</th>
                                <th>Payment Method</th>
                                <th>Remarks</th>
                                <th class="text-right">Paid On</th>
                                <th class="text-right">Paid Amount</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(isset($record["payments"]) && count($record["payments"]) > 0)
                                @foreach($record["payments"] as $item)
                                    <tr>
                                        <td scope="row">{{ $item["paymentNo"] }}</td>
                                        <td>{{ $item["payment_method"]["name"] }}</td>
                                        <td>{{ $item["remarks"] }}</td>
                                        <td class="text-right">{{ $item["createdAt"] }}</td>
                                        <td class="text-right">{{ $numberFormatter->formatCurrency($item["paidAmount"], $settings["systemCountry"]["currencyCode"]) }}</td>
                                    </tr>
                                @endforeach
                            @endif
                            <tr>
                                <th colspan="4" class="text-right">Paid Total:</th>
                                <td>
                                    <div class="fw-bold text-right">{{ $numberFormatter->formatCurrency($record["paidAmount"], $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">
                    <div class="row">
                        <div class="col-lg-8">
                            <h4 class="page-title mb-3">Invoice Information</h4>
                        </div>
                        <div class="col-lg-4 pt-2 text-right">
                            <div class="btn btn-sm btn-{{ $paymentStatus["label"] }}">{{ $paymentStatus["name"] }}</div>
                        </div>
                    </div>

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

                    @if($record["paidAmount"] > 0)
                    <h5 class="mt-0">Paid Amount</h5>
                    <p>{{ $numberFormatter->formatCurrency($record["paidAmount"], $settings["systemCountry"]["currencyCode"]) }}</p>
                    @endif

                    @if(isset($record["quotation"]["project"]["customer"]))
                        <hr>

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

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

                        <p class="mb-2"><span class="fw-semibold me-2">Address:</span> {{ $record["quotation"]["project"]["customer"]["address"] }}</p>
                        <p class="mb-2"><span class="fw-semibold me-2">Phone:</span> {{ $record["quotation"]["project"]["customer"]["phone"] }}</p>
                        <p class="mb-0"><span class="fw-semibold me-2">Email:</span> {{ $record["quotation"]["project"]["customer"]["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 Invoice Status</h4>
                        </div>
                        <div class="col-lg-4 pt-2 text-right">
                            <div class="btn btn-sm btn-{{ $status["label"] }}">{{ $status["name"] }}</div>
                        </div>
                    </div>

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

                                    <li class="@if($statusUpdate["isCompleted"]) completed @endif">
                                        @if($statusUpdate["isActive"])
                                            <span class="active-dot dot"></span>
                                        @endif
                                        @if($statusUpdate["isRed"])
                                            <span class="active-dot dot" style="background-color: red; color: red;"></span>
                                        @endif
                                        <h5 class="mt-0 mb-1">{{ $statusUpdate["name"] }}</h5>
                                        <p class="text-muted">{{ $statusUpdate["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')
    <style>
        @media print {
            .navbar-custom, .left-side-menu .footer, .container-fluid > .row:not(.printable), .not-printable {
                display:none;
            }

            #print-area * {
                display:block !important;
            }
        }
    </style>
@endsection

@section('page_js')
@endsection