@extends('user.layout.user-app')

@section('content')
    
    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">

                    <div class="col-sm-6 offset-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Home</a></li>
                            <li class="breadcrumb-item active">Order Detail</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">

                        <!-- /.card -->
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Order Details</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <table id="example1" class="table table-bordered table-striped">
                                    <tbody>
                                    <th><h3>Product Details</h3></th>
                                    <tr>
                                        <td>Product Name = <strong>{{$order->product->name ?? ''}}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Product Price = <strong>${{$order->product->price ?? ''}}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Product Type = <strong>{{$order->product->type ?? ''}}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Selected Date = <strong>{{$order->date ?? ''}}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Selected Time = <strong>{{$order->time ?? ''}}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Selected Field = <strong>{{$order->field ?? ''}}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Members = <strong>{{$order->members ?? ''}}</strong></td>
                                    </tr>
                                    <th><h3>Extra Birds</h3></th>
                                    @if(is_array($orderContentDetails->selectedBirds) && count($orderContentDetails->selectedBirds) > 0)
                                        @foreach ($orderContentDetails->selectedBirds as $bird)
                                            <tr>
                                                <td>
                                                    {{$bird->name ?? ''}} =
                                                    Price:<strong>${{$bird->price ?? ''}}</strong>/Quantity:<strong>{{$bird->quantity ?? ''}}</strong>
                                                <td>Total Price:<strong>${{$bird->totalPrice ?? ''}}</strong></td>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td style="color: red">
                                                No Extra Bird selected
                                            </td>
                                        </tr>
                                    @endif

                                    <th><h3>Lunch Request</h3></th>
                                    @if($lunchRequest)
                                                                        @foreach ($lunchRequest as $key => $lunch)
                                        @foreach ($lunch->variations as $variation)
                                            @php
                                                $combinationKey = $variation->selectedFoodName . '_' . $variation->selected_food_price;

                                                if (!isset($uniqueCombinations[$combinationKey])) {
                                                    $uniqueCombinations[$combinationKey] = true;
                                                } else {
                                                    continue;
                                                }
                                            @endphp

                                            <tr>
                                                <td>
                                                    <h4>{{$variation->selectedFoodName ?? ''}}</h4>
                                                    <div>
                                                        @foreach ($lunch->variations as $innerVariation)
                                                            @if ($innerVariation->selectedFoodName == $variation->selectedFoodName && $innerVariation->selected_food_price == $variation->selected_food_price)
                                                                @if(optional($innerVariation)->quantity)
                                                                    <p>
                                                                        {{$innerVariation->variationName ?? ''}} --------------> Single Price: ${{$innerVariation->variationPrice ?? ''}} --------------> Quantity: {{$innerVariation->quantity ?? ''}} --------------> {{strip_tags($innerVariation->priceHtml)}}
                                                                    </p>
                                                                @else
                                                                    <p>
                                                                        {{$innerVariation->variationName ?? ''}} --------------> @if($innerVariation->variationPrice === 'NaN')
                                                                            $0:00
                                                                        @else
                                                                            ${{$innerVariation->variationPrice ?? ''}}
                                                                        @endif
                                                                    </p>
                                                                @endif
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                </td>
                                                @if($variation->selected_food_price > 0)
                                                <td>${{$variation->selected_food_price ?? ''}}</td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    @endforeach
                                    @else
                                        <tr>
                                            <td style="color: red">
                                                No Lunch Request
                                            </td>
                                        </tr>
                                    @endif
                                    <tr>
                                    <td><h3>Total Payment</h3></td>
                                    <td>${{$order->total_payment ?? ''}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>

    </div>
@endsection