@extends('layouts.front-layout')
@section('title')
    Guest Order
@endsection
@section('content')

    <section class="main-slider innerBanner" id="mainSlider">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="slideOne">
                        <h1>Guest Order</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="serviceSec serviceInner">
        <div class="container">
            <h2 class="mainHeading text-center mb-5" data-aos="fade-up"><strong>Guest Orders</h2>
            <table class="table table-responsive-lg">
                <thead>
                    <tr>
                        <th scope="col">SL</th>
                        <th scope="col">Product Name</th>
                        <th scope="col">PRICE</th>
                        <th scope="col">QTY</th>
                        <th scope="col">TOTAL</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                    $sub_total = 0;
                @endphp
                    @foreach($order->orderItems as $order)
                    <tr>
                        <td>{{$order->id ?? ''}}</td>
                                    <td>{{$order->products->product_name ?? ''}}</td>
                                    <td>$ {{$order->price ?? ''}}</td>
                                    <td>{{$order->quantity ?? ''}}</td>
                                    <td>$ {{$order->price * $order->quantity }}</td>

                                    @php
                                        $sub_total += $order->price * $order->quantity;
                                    @endphp
                    </tr>
                    @endforeach
                </tbody>
            </table>
            <hr>
            <div style="float: inline-end">
                <ul>
                    <li><strong>SUB TOTAL: </strong><span>$ {{number_format($sub_total ? : '')}}</span></li> <br>
                    <li class="total">TOTAL: <span>$ {{number_format($sub_total ? : '')}} </span></li>
                </ul>
            </div>
        </div>
    </section>
@endsection